سفارش تبلیغ
صبا ویژن

سئو- استفاده از همه شگردها برای بالابردن ترافیک سایت

فرمت ترقی یافته 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 بیتی ذخیره می شود) و نمایش آن آنی است و مرورگر برای شما عکس را ریزه ریزه کامل نمی کند اگر بخواهم متن انگلیسی آن را برایتان بنویسم می شود

    Progressive: Download in multiple passes
    Optimized: Creaets smaller but less compatible files

بنابراین واضح است که Progressive JPEGs جزو پرفورمانسهای یک سایت محسوب می شود و درست است که از نظر حجم تفاوت ها اندک است اما اینکه از دید باینری عکس های بهینه شده با متد Progressive بصورت 12 بیتی دانلود میشوند یعنی در عمل با سرعت عالی (superfast)  دانلود میشوند
مخصوصا اگر بصورت عکس اصلی استفاده شوند و نه بک گراند (متاسفانه تنها کروم متد Progressive  را برای بک گراند ها هم استفاده می کند و سایر مرورگرها از این متد فقط وقتی که عکس بصورت مستقیم استفاده شده است بهره می برند و در حالت بک گراندی همان حالت ریزه ریزه بودن هنوز وجود دارد