در طراحی سایت از تصاویر بهینه سازی شده استفاده کنید

طراحان وب چگونه پروژه های اینترنتی جدید دریافت کنند ؟
2015-02-04
موتورهای جستجو طراحی سایتتان را در لیست سیاه قرار داده اند ؟
2015-02-04

در طراحی سایت از تصاویر بهینه سازی شده استفاده کنید

در طراحی سایت از تصاویر بهینه سازی شده استفاده کنید

برای اینکه بخواهیم زمان بارگذاری صفحات را کم کنیم باید از فایل های کم حجم استفاده کرد ما می خواهیم تا روش های مورد استفاده در بهینه سازی تصاویر را مورد بحث قرار دهیم.

طبق آمار بدست آمده افراد در دنیای مجازی معمولا برای بارگذاری صفحات وقت زیادی را سپری نمی کنند این مبحث می تواند در کم حجم کردن تصاویر و همچنین سرعت بارگذاری صفحه ی وب اطلاعات خوبی را به شما دهد .

در طراحی سایت از تصاویر بهینه سازی شده استفاده کنید

با توجه به اینکه صفحه نمایش کامپیوتر می تواند تنها تصویرهایی با وضوح ۷۲dpi (نقطه در اینچ) را نمایش دهد. در نتیجه اولین گام در بهینه سازی تصویر، کاهش وضوح به ۷۲dpi است. تصویرهای بزرگتر می توانند به قسمت های کوچکتری تقسیم بندی شوند. هر قسمت، فایل کوچکی است که می تواند در کسر کوچکی از زمان لود شود .

اکثر فایل های گرافیکی شامل اطلاعاتی در مورد پالت رنگ تصویر هستند. این اطلاعات معمولا برای نمایش در سایت مورد نیاز نمی باشد. بسیاری از برنامه های گرافیکی این قابلیت را دارند تا تصویر را بتوان برای وب دخیره سازی نمود . “Save for the web” انتخابی است که کلیه اطلاعات غیر ضروری را از تصویر حذف می کند بدون آنکه بر کیفیت نهایی تصویر خدشه ای وارد شود .

روش دیگری که به ظاهر می تواند زمان بارگذاری را بالاتر برد، استفاده از ویژگی progressive برای تصویرهای GIF ، یا PNGهای interlaced است. هر دوی این ویژگی ها این امکان را می دهند تا زمان بارگذاری صفحات به تدریج صورت گیرد و در ابتدا تصویری مات نمایش داده شود و سپس تصویری با وضوح بیشتر و شفاف تر. در حقیقت این تصاویر حتی چند ثانیه نیز کندتر از تصویرهای معمولی بارگذاری می شوند ولی آنها برای بازدید کنندگان به نظر سریعتر هستند .

در شروع کار تصاویر مورد نظر را بررسی کنید بعضی اوقات همین عکس ها نیازمند تغییر دادن بکگراند یا حذف قسمت هایی هستند که باید انجام شود. شما می توانید با نرم افزارهای فتوشاپ یا Fireworks کیفیت عکس را پایین آورده یا اگر یک آماتور هستید با نرم افزار Paint به راحتی می توانید به اهداف بهینه کردن عکس های وب سایت برسید .

مینیمم کردن عمق رنگ هنگامی که به کیفیت نیاز نیست و حذف قسمت هایی از عکس که نیازی نیست در وب سایت باشد. همچنین مشخص کردن اندازه ارتفاع و عرض عکس هایی که کیفیت بالا دارند و بکار بردن پیش نمایش عکس ها به جای استفاده از تصویرهای بزرگ می تواند در بهینه کردن عکس های سایت و لود سریع وب سایت کمک می کند .

دیدگاه ها بسته شده است