پاسخ : بهینه سازی عکس برای صفحات وب چطور انجام میشه ؟
سلام
من فایل های png. رو با نرم افزار رایگان PNGGauntlet به صورت گروهی فشرده میکنم: https://pnggauntlet.com
درباره تیکه تیکه لود شدن یا اول مات بودن بعد با کیفیت شدن عکس تو مرورگر های وب هم باید بدونید که این موضوع تو عکس های jpg. هستش که وقتی به صورت Baseline Standard عکس ها رو ذخیره کنید عکس به صورت تیکه تیکه از بالا به پایین لود میشه اما وقتی به صورت Progressive که معمولاً خروجی حجم کمتری هم داره ذخیره کنید عکس ها اول به صورت مات و بی کیفیت لود میشن بعدش بسته به سرعت اینترنت شخص لودش کامل و با کیفیت میشه.
یه حالت دیگه Baseline Optimized هم هست که تو فتوشاپ فقط می نویسه Optimized که نسخه ارتقاء یافته Baseline Standard هست و خروجی فشرده تری میده ولی ممکنه در مرورگر های خیلی خیلی قدیمی مثل IE 6 و قدیمی تر پشتیبانی نشه.
نمونه تفاوت لود شدن فایل های jpg در مرورگر ها با روش های ذخیره سازی Baseline و Progressive رو می تونید در تصاویر زیر ببینید:
راستی تو بخش Save for Web فتوشاپ برای کمی کاهش حجم بیشتر می تونید بخش Metadata هم که به صورت پیش فرض حاوی Copyright and Contact Info هستش که تو فایل jpg. ذخیره میشه رو غیرفعال کنید.
همچنین برای فایل های هم jpg. و هم png. می تونید از سایت عالی https://tinypng.com هم استفاده کنید نکته ای که هست این سایت خروجی jpg. هم برخلاف اسمش داره و حتی دامنه tinyjpg.com هم داره و تازه خروجی jpg. کم حجم تر از Save for Web فتوشاپ داره و ظاهراً تا اون جایی که یکی دو بار قدیم تست کردم به نظرم مشابه حالت Progressive هم سیو میکنه.
پاسخ با نقل قول