خواندن ۳ دقیقه·۳ سال پیش

کاربرد webp چیست ؟

WebP چیست؟

بنابراین، فایل WebP چیست؟ به طور خلاصه، WebP یک فرمت تصویری است که توسط گوگل برای بهینه سازی تصاویر بهتر از فرمت های تصویر رایج (در آن زمان) توسعه یافته است. به عنوان مثال، شما فرمت های تصویری مانند JPEG یا JPG و PNG دارید.

توجه: بررسی کنید که چگونه انواع مختلف فایل های تصویری می توانند بر سرعت وب سایت شما تأثیر بگذارند.

WebP روی ارائه یک فایل تصویری یکسان، فقط با اندازه فایل های کوچکتر تمرکز دارد. با کاهش حجم فایل های تصویری خود، همچنان می توانید همان تجربه را به بازدیدکنندگان وب سایت خود بدهید، اما سایت شما سریعتر بارگذاری می شود.

به عنوان مثال، در مطالعه فشرده سازی WebP گوگل، گوگل دریافت که یک فایل تصویر WebP به طور متوسط است:

25-34٪ کوچکتر از یک تصویر JPEG قابل مقایسه است.
26٪ کوچکتر از یک تصویر PNG قابل مقایسه است.

به همین دلیل است که اگر سایت خود را از طریق PageSpeed Insights اجرا می کنید، یکی از بسیاری از توصیه ها این است که تصاویر را در قالب های نسل بعدی مانند WebP ارائه دهید:

Google PageSpeed Insights استفاده از تصاویر WebP را پیشنهاد می کند

پس چگونه قالب WebP گوگل به این کاهش در اندازه فایل دست می یابد؟

اول، از فشرده سازی بدون تلفات و اتلاف پشتیبانی می کند، بنابراین کاهش دقیق بستگی به این دارد که آیا از فشرده سازی با اتلاف یا بدون تلفات استفاده می کنید.

با فشرده‌سازی با اتلاف، WebP از چیزی به نام «کدگذاری پیش‌بینی‌کننده» برای کاهش اندازه فایل استفاده می‌کند. کدگذاری پیش‌بینی‌کننده از مقادیر پیکسل‌های همسایه در یک تصویر برای پیش‌بینی مقادیر استفاده می‌کند و سپس تنها تفاوت را رمزگذاری می‌کند. این مبتنی بر رمزگذاری قاب کلید VP8 است.

Lossless WebP از مجموعه بسیار پیچیده تری از روش ها استفاده می کند که توسط تیم WebP توسعه داده شده است.

اگر می خواهید با جزئیات تکنیک های فشرده سازی WebP آشنا شوید، این مقاله نقطه شروع خوبی است.

کدام مرورگرهای وب از WebP پشتیبانی می کنند؟

برای اینکه تصاویر WebP کار کنند، مرورگر وب بازدیدکننده باید از آنها پشتیبانی کند. متأسفانه، در حالی که پشتیبانی مرورگر بسیار رشد کرده است، سازگاری WebP هنوز هم جهانی نیست.

تصاویر WebP توسط مرورگرهای محبوبی مانند:

کروم (رومیزی و موبایل)
فایرفاکس (دسکتاپ و موبایل)
مایکروسافت اج
iOS و macOS Safari (فقط macOS 11 Big Sur و نسخه های جدیدتر)
اپرا (رومیزی و موبایل)

در زمانی که ما در حال نوشتن این پست هستیم، سافاری فقط تا حدی از تصاویر WebP پشتیبانی می کند.

اینترنت اکسپلورر همچنین فاقد پشتیبانی WebP است (اما Edge از WebP پشتیبانی می کند زیرا بر اساس Chromium است). با این حال، استفاده از اینترنت اکسپلورر به کمتر از 1٪ از کل کاربران اینترنت کاهش یافته است. این یک موهبت برای همه افراد در وب است!

در مجموع، حدود 95 درصد از کاربران اینترنت از مرورگری استفاده می کنند که از WebP پشتیبانی می کند. بنابراین، در حالی که مطمئناً از پشتیبانی اکثریت برخوردار است، این 5٪ یک مانع کوچک است، به خصوص زمانی که کاربران Safari در نسخه‌های قدیمی macOS هستند. در آموزش وردپرس WebP خود در زیر، به شما نشان خواهیم داد که چگونه این کار را انجام دهید تا همه بازدیدکنندگان شما تجربه خوبی داشته باشند.