بخش فرصت‌ها در گزارش فانوس دریایی شما، همه تصاویر را در قالب‌های تصویر قدیمی‌تر فهرست می‌کند، و صرفه‌جویی بالقوه‌ای را که با ارائه نسخه‌های AVIF آن تصاویر به دست می‌آید نشان می‌دهد:
چرا تصاویر را با فرمت AVIF یا WebP ارائه می دهند؟
AVIF و WebP فرمت های تصویری هستند که در مقایسه با همتایان قدیمی JPEG و PNG خود دارای ویژگی های فشرده سازی و کیفیت بالاتری هستند. رمزگذاری تصاویر خود در این فرمت ها به جای JPEG یا PNG به این معنی است که آنها سریعتر بارگذاری می شوند و داده های سلولی کمتری مصرف می کنند.
AVIF در کروم، فایرفاکس و اپرا پشتیبانی می‌شود و حجم فایل‌های کوچک‌تری را در مقایسه با سایر فرمت‌ها با تنظیمات کیفیت یکسان ارائه می‌دهد. برای اطلاعات بیشتر در مورد AVIF به Service AVIF Images Codelab مراجعه کنید.
WebP در آخرین نسخه های کروم، فایرفاکس، سافاری، اج و اپرا پشتیبانی می شود و فشرده سازی بدون تلفات و تلفات بهتری را برای تصاویر در وب فراهم می کند. برای اطلاعات بیشتر در WebP ، قالب تصویر جدید برای وب را ببینید.
چگونه Lighthouse پس انداز بالقوه را محاسبه می کند
Lighthouse هر تصویر BMP، JPEG و PNG را در صفحه جمع‌آوری می‌کند، هر کدام را به WebP تبدیل می‌کند، و اندازه فایل AVIF را تخمین می‌زند و صرفه‌جویی بالقوه را بر اساس ارقام تبدیل گزارش می‌کند.
سازگاری مرورگر
WebP توسط آخرین نسخه های Chrome، Firefox، Safari، Edge و Opera پشتیبانی می شود، در حالی که پشتیبانی AVIF محدودتر است. برای پشتیبانی از مرورگرهای قدیمی باید یک تصویر PNG یا JPEG مجدد ارائه دهید. ببینید چگونه می توانم پشتیبانی مرورگر برای WebP را شناسایی کنم؟ برای مروری بر تکنیک های بازگشتی و لیست زیر برای پشتیبانی مرورگر از فرمت های تصویر.
برای مشاهده پشتیبانی فعلی مرورگر برای هر قالب مدرن، ورودی های زیر را بررسی کنید:
راهنمایی مخصوص پشته
AMP
نمایش تمام مولفه‌های amp-img در قالب‌های WebP را در نظر بگیرید، در حالی که یک بازگشت مناسب برای مرورگرهای دیگر مشخص کنید .
دروپال
نصب و پیکربندی یک ماژول برای استفاده از فرمت های تصویر WebP در سایت خود را در نظر بگیرید. چنین ماژول هایی به طور خودکار یک نسخه WebP از تصاویر آپلود شده شما را برای بهینه سازی زمان بارگذاری تولید می کنند.
جوملا
استفاده از افزونه یا سرویسی را در نظر بگیرید که به طور خودکار تصاویر آپلود شده شما را به فرمت های بهینه تبدیل می کند.
مجنتو
جستجوی Magento Marketplace برای انواع افزونه های شخص ثالث برای استفاده از فرمت های جدیدتر تصویر را در نظر بگیرید.
آیفون
توجه داشته باشید که تصاویر webp، avif و ویدیوهای وب در آیفون های زیر ios 16 کار نمی کنند.
وردپرس
استفاده از افزونه یا سرویسی را در نظر بگیرید که به طور خودکار تصاویر آپلود شده شما را به فرمت های بهینه تبدیل می کند.