WebP چیست؟ راهنمای کامل فرمت تصویر گوگل

WebP فرمتی تصویری است که گوگل برای کوچک‌تر کردن تصاویر صفحه‌های وب توسعه داد. این فرمت فشرده‌سازی با اتلاف عکس به سبک JPG، فشرده‌سازی بدون اتلاف و شفافیت به سبک PNG و پویانمایی به سبک GIF را در یک نوع فایل جمع می‌کند. همهٔ مرورگرهای فعلی WebP را نمایش می‌دهند، اما فایل WebP دانلودشده‌ای که در نرم‌افزارهای قدیمی‌تر باز نمی‌شود هنوز دردسری رایج است. این مقاله توضیح می‌دهد WebP چگونه کار می‌کند، واقعاً چقدر صرفه‌جویی می‌کند و هنگام تبدیلش به چه نکاتی باید توجه کرد.

تاریخچهٔ کوتاه WebP

گوگل در 30 سپتامبر 2010 در وبلاگ Chromium از WebP رونمایی کرد. نسخهٔ نخست فقط فشرده‌سازی با اتلاف داشت و بر پایهٔ کدگذاری درون‌فریمی کدک ویدیویی VP8 بود. این فرمت در سال‌های بعد گسترش یافت: پرسش‌های متداول WebP گوگل، فشرده‌سازی بدون اتلاف و شفافیت را از Chrome 23 و پویانمایی را از Chrome 32 پشتیبانی‌شده اعلام می‌کند. WebP مدت‌ها فقط با مستندات خود گوگل تعریف می‌شد؛ در نوامبر 2024 توسط IETF با عنوان RFC 9649 منتشر شد، سندی اطلاع‌رسانی (Informational) به قلم مهندسان گوگل J. Zern، P. Massimino و J. Alakuijala که نوع رسانهٔ image/webp را هم ثبت کرد.

WebP چگونه کار می‌کند

ظرف RIFF

طبق RFC 9649، WebP بر پایهٔ RIFF (Resource Interchange File Format) است. فایل با سرآیند RIFF و امضای WEBP شروع می‌شود و دادهٔ تصویر در chunkها ذخیره می‌شود. این ساختار اجازه می‌دهد یک فرمت، انواع مختلف فشرده‌سازی و داده‌های اضافی را کنار هم نگه دارد.

WebP با اتلاف (VP8)

WebP با اتلاف، تصویر را با کدگذاری درون‌فریمی VP8 در یک chunk VP8 ذخیره می‌کند. مانند JPEG بلوکی کار می‌کند، اما هر بلوک را از روی پیکسل‌های همسایه پیش‌بینی می‌کند و فقط تفاوت با این پیش‌بینی را کد می‌کند؛ همین کدگذاری پیش‌بینی‌محور منبع اصلی برتری آن بر JPEG است. طبق پرسش‌های متداول گوگل، WebP با اتلاف با 8 بیت و زیرنمونه‌برداری رنگ 4:2:0 (YUV420) کار می‌کند؛ یعنی مانند تنظیم رایج JPEG، رنگ با نصف وضوح نگه داشته می‌شود.

WebP بدون اتلاف (VP8L)

حالت بدون اتلاف از جریان بیتی کاملاً متفاوتی به نام VP8L استفاده می‌کند. RFC 9649 آن را ترکیبی از LZ77، کدگذاری پیشوندی و یک حافظهٔ نهان رنگ توصیف می‌کند؛ همراه با تبدیل‌هایی مانند پیش‌بینی کانال‌های رنگ از روی یکدیگر، بهتر از PNG فشرده می‌کند. با داده‌های ARGB هشت‌بیتی برای هر کانال کار می‌کند.

شفافیت و پویانمایی

WebP بدون اتلاف کانال آلفا را مستقیماً در خود دارد. در WebP با اتلاف، شفافیت در یک chunk جداگانهٔ ALPH ذخیره می‌شود؛ بنابراین بخش عکس می‌تواند با اتلاف باشد و لبه‌ها شفافیت کامل خود را نگه دارند. پویانمایی از chunkهای ANIM و ANMF استفاده می‌کند که موقعیت هر فریم، مدت آن بر حسب میلی‌ثانیه، نحوهٔ ترکیب و روش کنار گذاشتن آن را تعیین می‌کنند. برخلاف GIF، فریم‌ها به 256 رنگ محدود نیستند.

محدودیت‌ها

پرسش‌های متداول گوگل حداکثر اندازهٔ تصویر WebP را 16383 x 16383 پیکسل اعلام می‌کند. WebP نمایش پیش‌رونده یا درهم‌بافته به معنای JPEG یا PNG ندارد. عمق رنگ آن به 8 بیت محدود است و همین آن را برای تصاویر HDR نامناسب می‌کند؛ اینجاست که AVIF برجسته می‌شود.

WebP واقعاً چقدر کوچک‌تر است؟

طبق اندازه‌گیری‌های خود گوگل، تصاویر WebP با اتلاف در شاخص کیفیت SSIM معادل، 25 تا 34% کوچک‌تر از تصاویر JPEG مشابه‌اند و تصاویر WebP بدون اتلاف 26% کوچک‌تر از PNG هستند. همان صفحهٔ گوگل می‌گوید WebP بدون اتلاف شفافیت را فقط با 22% بایت اضافه پشتیبانی می‌کند. این‌ها میانگین مجموعه‌های آزمون گوگل‌اند؛ تصاویر شما ممکن است بیشتر یا کمتر صرفه‌جویی کنند.

داده‌های واقعی وب هم داستان مشابهی دارند: Web Almanac 2024 از HTTP Archive میانهٔ تصاویر WebP در موبایل را 1.3 بیت به ازای هر پیکسل اعلام می‌کند، در برابر 2.0 برای JPEG و 3.8 برای PNG.

پشتیبانی مرورگرها و نرم‌افزارها

طبق Can I use، مرورگرهایی که پشتیبانی کامل از WebP دارند 97.18% از استفادهٔ جهانی را تشکیل می‌دهند (اکتبر 2026). پشتیبانی کامل از Chrome 32، Firefox 65، Edge 18 و Safari 16 آغاز می‌شود و Safari 14 و 15 پشتیبانی ناقص دارند. MDN یادآوری می‌کند که در macOS، Safari برای نمایش WebP به نسخهٔ 14 یا بالاتر همراه با macOS Big Sur (11) یا جدیدتر نیاز دارد.

پذیرش آن به‌سرعت رشد می‌کند، اما به سطح JPEG یا PNG نرسیده است. داده‌های W3Techs در اکتبر 2026 نشان می‌دهد WebP در 22.7% از وب‌سایت‌هایی که پایش می‌کند به کار می‌رود. طبق Web Almanac 2024، 12% از تصاویر صفحه‌های موبایل WebP هستند؛ سهمی که بین 2022 و 2024 حدود سه واحد درصد رشد کرد.

چگونه WebP را در وب‌سایت ارائه کنیم

چون همهٔ مرورگرهای فعلی WebP را نمایش می‌دهند، برای بیشتر سایت‌ها استفادهٔ مستقیم از تصویر به صورت .webp کافی است. اگر باید از مرورگرهای بسیار قدیمی هم پشتیبانی کنید، عنصر <picture> در HTML اجازه می‌دهد ابتدا WebP و پس از آن یک JPG جایگزین را فهرست کنید. مرورگر نخستین منبعی را که می‌فهمد انتخاب می‌کند:

<picture>
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Descriptive alt text" width="1200" height="800">
</picture>

برخی سرورها و شبکه‌های تحویل محتوا (CDN)، بسته به سرآیند Accept که مرورگر می‌فرستد، از یک نشانی واحد WebP یا JPG برمی‌گردانند. این روش راحت است، اما دلیل اصلی این هم هست که وقتی «Save image as» را می‌زنید، ناگهان با یک فایل WebP غیرمنتظره روبه‌رو می‌شوید.

مشکلات رایج

WebP دانلودشده باز نمی‌شود

بسیاری از سایت‌ها وقتی مرورگر پشتیبانی کند، تصاویر را خودکار به صورت WebP ارائه می‌دهند. وقتی «Save image as» را انتخاب می‌کنید، یک فایل .webp به دست می‌آورید و نمایشگرهای قدیمی‌تر، برخی برنامه‌های اداری، سرویس‌های چاپ و فرم‌های بارگذاری‌ای که فقط JPG یا PNG می‌پذیرند نمی‌توانند آن را باز کنند. کاربردی‌ترین راه‌حل، تبدیل فایل به JPG یا PNG است.

WebP متحرک پس از تبدیل از حرکت ایستاد

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

شفافیت از بین رفت

وقتی یک WebP شفاف را به JPG تبدیل می‌کنید، نواحی شفاف با رنگی یکدست پر می‌شوند. اگر باید شفافیت را حفظ کنید، به PNG تبدیل کنید.

فایل WebP بزرگ‌تر از انتظار است

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

نکته‌هایی برای تبدیل WebP

• برای باز کردن WebP در هر جایی: عکس‌ها را با تبدیل WebP به JPG و تصاویر شفاف و گرافیک‌های تیز را با تبدیل WebP به PNG تبدیل کنید. در فایل‌های WebP متحرک فقط نخستین فریم تبدیل می‌شود.
• برای کوچک کردن تصاویر سایتتان: مبدل‌های JPG به WebP و PNG به WebP ما به‌طور پیش‌فرض از کیفیت 80 استفاده می‌کنند. برای بیشتر عکس‌ها این تنظیم صرفه‌جویی آشکاری در حجم با اتلافی که به‌سختی دیده می‌شود می‌دهد.
• برای لوگوها و اسکرین‌شات‌ها، گزینهٔ «WebP بدون اتلاف» را علامت بزنید. همهٔ پیکسل‌ها دقیقاً حفظ می‌شوند و شفافیت می‌ماند، اما فایل از حالت با اتلاف بزرگ‌تر است و حتی ممکن است از منبع هم بیشتر شود.
• برای تبدیل چند فرمت با هم، از مبدل تصویر استفاده کنید؛ می‌توانید یک‌جا تا 50 فایل اضافه کنید و نتیجه‌ها را به صورت ZIP دانلود کنید.
• این تبدیل‌ها در مرورگر شما انجام می‌شوند، بنابراین فایل‌هایتان هرگز از دستگاه شما خارج نمی‌شوند. داده‌های EXIF و مکان در خروجی نوشته نمی‌شوند.

پرسش‌های متداول

WebP با اتلاف است یا بدون اتلاف؟

هر دو. WebP دو حالت فشرده‌سازی جداگانه دارد: با اتلاف (VP8) و بدون اتلاف (VP8L). پسوند فایل یکی است؛ اینکه کدام حالت به کار رفته در chunk درون فایل ذخیره می‌شود.

آیا WebP در Safari و آیفون باز می‌شود؟

بله. نسخه‌های فعلی Safari به‌طور کامل از WebP پشتیبانی می‌کنند. طبق Can I use، پشتیبانی در Safari 14 و 15 ناقص بود و پشتیبانی کامل با Safari 16 آمد.

آیا کیفیت WebP از JPG بهتر است؟

هیچ فرمتی به‌خودی‌خود «کیفیت بهتری» ندارد؛ WebP معمولاً با همان حجم فایل تصویر بهتری می‌دهد یا با همان کیفیت تصویر فایل کوچک‌تری. در اندازه‌گیری‌های گوگل این تفاوت در کیفیت معادل 25 تا 34% است.

WebP استفاده کنم یا AVIF؟

AVIF معمولاً برای عکس‌ها فایل‌های کوچک‌تری تولید می‌کند و از HDR پشتیبانی می‌کند، اما کدگذاری‌اش کندتر است و پشتیبانی‌اش در دستگاه‌های قدیمی‌تر تازه‌تر است. WebP سریع کدگذاری می‌شود و پشتیبانی‌اش به گذشتهٔ دورتری برمی‌گردد. در وب‌سایت‌ها روش رایج این است که هر دو را از طریق عنصر <picture> ارائه کنید و JPG را به‌عنوان جایگزین نگه دارید.

آیا تصاویر WebP بر سئو اثر دارند؟

خود WebP عامل رتبه‌بندی نیست، اما تصاویر کوچک‌تر به بارگذاری سریع‌تر صفحه‌ها کمک می‌کنند. آنچه اهمیت دارد ارائهٔ تصویر در اندازهٔ درست، با متن جایگزین (alt) توصیفی و به‌سرعت است.

آیا می‌توانم فایل WebP را چاپ یا ایمیل کنم؟

می‌توانید، اما ممکن است نرم‌افزار گیرنده WebP را باز نکند و سرویس‌های چاپ و برخی فرم‌های بارگذاری سازمانی اغلب فقط JPG، PNG یا PDF می‌پذیرند. تبدیل عکس‌ها به JPG و تصاویر شفاف به PNG پیش از اشتراک‌گذاری، باز شدن فایل را همه‌جا تضمین می‌کند.

منابع

• RFC 9649: فرمت تصویر WebP
• Google for Developers: یک فرمت تصویر برای وب
• Google for Developers: پرسش‌های متداول WebP
• Google for Developers: پژوهش فشرده‌سازی WebP
• وبلاگ Chromium: WebP، فرمت تصویر تازه برای وب (30 سپتامبر 2010)
• Can I use: فرمت تصویر WebP
• MDN: راهنمای انواع و فرمت‌های فایل تصویر
• W3Techs: آمار استفاده از فرمت‌های فایل تصویر در وب‌سایت‌ها
• HTTP Archive Web Almanac 2024: رسانه