فرمت ترقی یافته jpg یا Progressive JPEGs FTW
همه چیز درباره بهینه سازی عکس در وب با Progressive JPEGs FTW
دوستان سئو را فقط در مدیریت کدها ندانند بلکه همانطور که اخیرا در ایمیل، بصورت غیرمستقیم به یکی از دوستان گفتم مهمترین رکن سئو را همان چیزی بدانند که سرعت صفحه را بالا می برد
پس یکی از این راه کار ها که مربوط به حجم عکس است را برایتان رونمایی می کنم
اگر قصد دارید عکسی را در وب بکار ببرید حتما باید آن را فشرده کنید (توصیه این است که حداکثر حجم عکس ها 60 درصد حجم صفحه اتان باشدشامل کدها + متون)
برای فشرده سازی عکس 3 حالت کلی داریم
jpg یا jpeg
png
gif
اگر در عکستان متن بکار رفته و یا شفافیت رنگ ها بیشتر از هرچیز برایتان مهم است و یا اینکه تعداد رنگ های عکس شما محدود است (مثلا سیاه سفید است یا اینکه عکس پرچم سه رنگ جمهوری اسلامی ایران است) فقط و فقط از فرمتهای png و gif استفاده کنید
اگر عکستان انیمیشن است فقط از قالب gif می توانید استفاده نمایید
اگر هیچکدام از حالتهای فوق را در دستور کار خود ندارید بیایید سراغ قالب jpg
شما می توانید عکستان را تا حدی که از نظر خودتان مورد قبول اسشت فشرده کنید
در فشرده سازی jpg شما سه انتخاب دارید
progressive یا optimized یا هیچکدام
قبل از هرچیز بگویم که هدف از انتخاب یکی از این ها در این مرحله کم کردن حجم نیست (هرچند بی تاثیر هم نیست مخصوصا در عکس های بزرگتر)
با این حساب برگردیم به سوالمان
Progressive JPEGs FTW را انتخاب کنیم یا optimized JPEGs
آنچه که همیشه بوده و هست و همه مرورگرها ساپورت می کنند متد optimized JPEGs است و آنچه برای ما حائز اهمیت است Progressive JPEGs
قبل از هر چیز بگویم که مرورگرهای قدیمی و مرورگرهایی که Progressive JPEGs FTW را ساپورت نمی کنند شامل موارد زیر می شود
برای فایرفاکس نسخه ویندوز قبل از نسخه 15
برای فابرفاکس نسخه مکینتاش قبل از نسخه 15.1
کروم مک نسخه 25
و کروم ویندوز نسخه 23
اینترنت اکسپلورر قبل از نسخه 9
صفری قبل از نسخه 6 (چه دسکتاب چه موبایل)
و هیچکدام از نسخه خای اپرا ساپورت نمی کنند
Firefox (v 15.0.1 Mac, 12.0 Win)
حال برگردیم سر این سوال که Progressive JPEGs FTW چرا دارای ارزش است
اگر در بهینه سازی عکس خودتان با فتوشاب optimized را انتخاب کنید عکس بارگذاری شده در وب بهه این روش ذخیره سازی در مرورگر ریزه ریزه دانلود می شود و به همین دلیل عکس ابتدا مات و بلور دیده می شود و کم کم به شفافیت می رسد و به دلیل 8 بیتی بودن آدرس دهی در این روش با تاخیر عکس بارگذاری می شود
اما در Progressive JPEGs عکس شما با سرعت بیشتری دانلود می شود (به دلیل اینکه عکس در اجزای بزرگتری بصورت 12 بیتی ذخیره می شود) و نمایش آن آنی است و مرورگر برای شما عکس را ریزه ریزه کامل نمی کند اگر بخواهم متن انگلیسی آن را برایتان بنویسم می شود
Optimized: Creaets smaller but less compatible files
بنابراین واضح است که Progressive JPEGs جزو پرفورمانسهای یک سایت محسوب می شود و درست است که از نظر حجم تفاوت ها اندک است اما اینکه از دید باینری عکس های بهینه شده با متد Progressive بصورت 12 بیتی دانلود میشوند یعنی در عمل با سرعت عالی (superfast) دانلود میشوند
مخصوصا اگر بصورت عکس اصلی استفاده شوند و نه بک گراند (متاسفانه تنها کروم متد Progressive را برای بک گراند ها هم استفاده می کند و سایر مرورگرها از این متد فقط وقتی که عکس بصورت مستقیم استفاده شده است بهره می برند و در حالت بک گراندی همان حالت ریزه ریزه بودن هنوز وجود دارد