استفاده از تصاویر با سایز و حجم مناسب، تاثیر مثبتی در سرعت لود سایت شما و بهبود جایگاه سایت در موتورهای جستجو خواهد داشت.
در این مقاله به بررسی دو فاکتور اصلی در بارگذاری تصاویر می پردازیم:
- سایز
- حجم
سایز
همیشه تصاویر را با سایزی که می خواهید در سایت نمایش داده شوند بارگذاری کنید و از بارگذاری تصاویر با سایز بزرگتر خودداری نمایید.
توجه داشته باشید که استفاده از تصاویر بزرگ علاوه بر کاهش سرعت لود سایت باعث زودتر پر شدن فضای هاست شما نیز خواهد شد.
حجم
حجم تصاویر را تا جایی که به کیفیت نمایش عکس لطمه وارد نشود، کاهش دهید.
برای بهینه سازی تصاویر می توانید از نرم افزارهای مختلفی استفاده نمایید.
برای کاهش حجم تصاویر با استفاده از نرم افزار فوتوشاپ از مسیر زیر استفاده نمایید:
ایتدا یک کپی از تصویر اصلی بگیرید و تغییرات را بر روی نسخه کپی شده انجام دهید.
از قسمت Fileبخش Save for web را انتخاب کنید.
در صورتی که تصاویر شما دارای رنگ میباشد و پشت زمینه آن نیز ترنسپرنت نمیباشد میتوانید تصاویر خود را با کیفیت دلخواه در خروجی JPG ذخیره کنید.
در ابتدا quality level را High انتخاب کنید. اگر از تصویر به عنوان پس زمینه استفاده می کنید می توانید کیفیت Medium یا Low را انتخاب نمایید.
به سایز فایل و زمان بارگذاری تخمین زده شده در گوشه پایینی هر تصویر توجه کنید، تا برای انتخاب تصویر بتوانید تصمیم بهتری بگیرید.
هنگامی که قصد دارید تصاویر ترنسپرنت استفاده کنید وتعداد رنگ های استفاده شده در تصاویر نیز پایین است باید از نوع خروجی PNG برای تصویر خود استفاده کنید.
همانطور که در تصویر زیر مشاهده میکنید خروجی PNG را با حالت Transparent انتخاب کرده ایم تا بتوانیم تصویر را بدون پشت زمینه استفاده کنیم. همچنین فرمت PNG بصورت 24 بیتی انتخاب شده است. در صورتی که تعداد رنگ های عکس PNG شما کمتر باشد میتوانید بصورت 8 بیتی نیز ذخیره کنید تا تصویر شما حجم کمتری داشته باشد.
(PNG24 (24-bit اجازه استفاده از بازه بیشتری از رنگها را به شما میدهد.
به طور کلی:
اگر تصویر پس زمینه است، مطمئن شوید که اندازه فایل کمتر از 5 کیلوبایت است.
اگر تصویر هدر است، تا 40 کیلوبایت قابل قبول است.
اگر تصویر در صفحه نمایش داده می شود، بسته به ابعاد تصویر، تا 70 کیلوبایت قابل قبول است.
در نهایت سعی کنید تا حجم تصاویر از 200 کیلو بایت بیشتر نشود.
زمانی که تعادلی بین کیفیت عکس و حجم آن یافتید دکمه save را فشار دهید.