تبدیل WebP به AVIF: ارتقا از VP8 گوگل به معماری AV1 Alliance for Open Media
⚡چگونه در ۳ گام WebP را به AVIF فوق‌کارآمد تبدیل کنیم
۱. تصویر WebP خود را وارد کنید
فایل .webp خود را به فضای کار تبدیل بکشید یا از حافظه دستگاه انتخاب کنید. مرورگر فوراً فراداده و ابعاد تصویر را به‌صورت محلی می‌خواند.
۲. بازرمزگذاری AV1 نسل جدید
مرورگر جریان بیت VP8 را در حافظه به یک بافر پیکسلی فشرده‌نشده رمزگشایی و آن را با تقسیم بازگشتی ابربلوک به یک جریان بیت AV1 فوق‌فشرده بازرمزگذاری می‌کند.
۳. AVIF بهینه‌شده خود را دانلود کنید
شاخص‌های فایل اصلی و تبدیل‌شده را مقایسه کنید. روی «دانلود تصویر AVIF» کلیک کنید تا دارایی نسل جدید مستقیماً در سیستم فایل محلی شما ذخیره شود.
وقتی گوگل در ۲۰۱۰ قالب WebP را معرفی کرد، جهشی بزرگ برای نشر دیجیتال بود و بار تصاویر را نسبت به JPEG قدیمی حدود ۳۰٪ کاهش داد. در دهه بعد، WebP ستون بی‌چون‌وچرای کارایی وب‌سایت‌های مدرن شد. اما علم فشرده‌سازی دیجیتال در پانزده سال گذشته به‌طور چشمگیری پیشرفت کرده است. WebP بر پایه استاندارد فشرده‌سازی ویدیویی VP8 ساخته شده — کدکی که نخستین بار در ۲۰۰۸ تدوین شد. با افزایش تراکم پیکسلی نمایشگرهای مدرن تا صفحه‌نمایش‌های رتینای 4K و 5K و گسترش شبکه‌های موبایل، محدودیت‌های ریاضی VP8 — از جمله مرزهای ماکروبلوکی قابل‌مشاهده در گرادیان‌های ظریف، کاهش اشباع رنگ در سایه‌های عمیق و نویز حلقه‌ای دور لبه‌های پرکنتراست — روزبه‌روز آشکارتر شد.
تبدیل WebP به AV1 Image File Format (AVIF) تکامل نسلی بعدی تحویل بصری دیجیتال است. AVIF که Alliance for Open Media (متشکل از Google، Apple، Microsoft، Mozilla، Netflix و Amazon) به‌طور مشترک توسعه داده، در همه معیارهای کمّی و ادراکی از WebP بهتر است و با وفاداری بصری برتر، ۱۵٪ تا ۳۵٪ کاهش حجم فایل بیشتر ارائه می‌دهد. موتور تبدیل WebP به AVIF ما که در مرورگر اجرا می‌شود، دارایی‌های شما را مستقیماً در حافظه دستگاهتان و از طریق خطوط Canvas و WebAssembly با شتاب سخت‌افزاری ترانس‌کد می‌کند — بیشینه فشرده‌سازی داده، بدون هیچ آپلودی به سرور و با حریم خصوصی کامل.
خواندن راهنمای فنی کامل
جهش نسلی معماری: VP8 گوگل در برابر AV1 Alliance for Open Media
برای فهم اینکه چرا AVIF پیوسته از WebP بهتر عمل می‌کند، باید توانایی‌های بنیادین معماری‌های رمزگذاری ویدیویی زیربنایی آن‌ها را مقایسه کرد. WebP بر کدک ویدیویی VP8 گوگل استوار است که پیش‌بینی درون‌قابی را به ماکروبلوک‌های سخت ۱۶×۱۶ (حداکثر تقسیم‌شده به بلوک‌های روشنایی ۴×۴) محدود می‌کند و فقط بر چهار جهت پیش‌بینی فضایی پایه (DC، عمودی، افقی و TrueMotion) تکیه دارد. در صحنه‌های عکاسی پیچیده با گذارهای ظریف نور، مه لطیف یا سایه‌های غیرخطی، این شبکه فضایی سخت رمزگذار را وادار می‌کند بافت ظریف را دور بریزد و مرزهای بلوکی قابل‌مشاهده بسازد.
در مقابل، AVIF با استاندارد ویدیویی مدرن AV1 که در ISO/IEC 23000-22 تدوین شده کار می‌کند. AV1 طرح‌های بلوکی سخت را کنار می‌گذارد و تقسیم بازگشتی پویا را برمی‌گزیند و فریم‌ها را بر اساس آنتروپی فضایی محلی از ابربلوک‌های عظیم ۱۲۸×۱۲۸ تا زیربلوک‌های ۴×۴ تجزیه می‌کند. AV1 به‌جای چهار زاویه پیش‌بینی پایه، ۵۶ زاویه پیش‌بینی درون‌قابی جهت‌دار به کار می‌گیرد و به رمزگذار امکان می‌دهد گرادیان‌ها را در امتداد کانتورهای منحنی ارگانیک با دقت ریاضی فوق‌العاده بسازد.
افزون بر این، AV1 سازوکارهای فیلترینگ درون‌حلقه‌ای پیچیده‌ای دارد که هنگام طراحی VP8 وجود نداشتند: Constrained Directional Enhancement Filtering (CDEF) و Loop Restoration غیرخطی. این فیلترها جهت لبه‌ها را شناسایی و حلقه‌زدگی کوانتیزه‌سازی را بدون تار کردن کانتورهای تیز بافت حذف می‌کنند. نتیجه قالبی نسل جدید است که در نرخ‌های بیتی که WebP نویز فشرده‌سازی شدیدی نشان می‌دهد، گرادیان‌های ابریشمی نرم، اشباع زنده سایه‌ها و بافت‌های ملموس پارچه را حفظ می‌کند.
صرفه‌جویی ۲۰٪ تا ۳۵٪ بایت بیشتر: اقتصاد CDN سازمانی و زیرساخت ابری
در معماری‌های برنامه‌های وب مدرن و پلتفرم‌های نشر رسانه جهانی که ماهانه صدها میلیون نمایش تصویر ارائه می‌کنند، گذار از WebP به AVIF سود مالی و فنی عظیمی دارد. هزینه‌های پهنای باند خروجی ابری (از ارائه‌دهندگانی مانند AWS CloudFront، Cloudflare، Fastly و Akamai) مستقیماً با حجم بایت منتقل‌شده افزایش می‌یابد.
کاستن ۲۰٪ تا ۳۵٪ دیگر از یک کتابخانه رسانه WebP از پیش بهینه‌شده مستقیماً به حذف ترابایت‌ها انتقال داده در هر ماه تبدیل می‌شود. افزون بر این، در شبکه‌های موبایل (که از دست رفتن بسته و تأخیر رفت‌وبرگشت تجربه کاربر را تخریب می‌کند)، کوچک کردن وزن تصاویر به جریان‌های مالتی‌پلکس HTTP/2 و HTTP/3 اجازه می‌دهد سریع‌تر حل شوند، رقابت پهنای باند را حذف می‌کند و زمان رسیدن به نخستین رندر را در فروشگاه‌های اینترنتی موبایل سریع‌تر می‌کند.
پویایی ترانس‌کد: کاهش کوانتیزه‌سازی دوگانه در بازرمزگذاری با افت به با افت
یک ملاحظه مهندسی حیاتی هنگام ترانس‌کد از یک قالب با افت (WebP) به قالب با افت دیگر (AVIF)، کاهش افت نسلی است. وقتی تصویری در ابتدا به WebP فشرده می‌شود، برخی فرکانس‌های فضایی بالا دور ریخته می‌شوند. اگر آن دارایی سپس رمزگشایی و با یک رمزگذار با افت تهاجمی دوباره رمزگذاری شود، رمزگذار دوم ممکن است آرتیفکت‌های ظریف فشرده‌سازی VP8 را ویژگی‌های واقعی تصویر بپندارد و بیت‌ها را برای حفظ نویز هدر دهد.
مبدل ما با رمزگشایی داخلی پردقت و تنظیم هوشمند کوانتیزه‌سازی AV1 از این مشکل جلوگیری می‌کند. رمزگشاهای نمایش بومی مرورگر جریان بیت WebP را در حافظه سخت‌افزاری به یک بافر پیکسلی RGBA ۳۲ بیتی ممیز شناور یا صحیح فشرده‌نشده باز می‌کنند. در گذر رمزگذاری AV1، موتور ما منحنی‌های کوانتیزه‌سازی ادراکی تطبیقی و فیلترینگ CDEF را اعمال می‌کند و حلقه‌زدگی کم‌رنگ کوانتیزه‌سازی VP8 را به‌طور مؤثر نرم می‌کند و کنتراست لبه اصیل را حفظ می‌کند. این کار تضمین می‌کند بازرمزگذاری دارایی‌های WebP به AVIF بدون انباشت افت بصری، کاهش قابل‌توجهی در وزن فایل بدهد.
مهاجرت شفافیت آلفا: انتقال قطعه‌های ALPH در WebP به صفحه‌های کمکی AVIF
هم WebP و هم AVIF از شفافیت کامل کانال آلفای ۸ بیتی (۲۵۶ سطح ماتی مجزا) پشتیبانی می‌کنند. در WebP، شفافیت در یک قطعه اختصاصی `ALPH` درون ظرف RIFF بسته‌بندی می‌شود. در AVIF، شفافیت به‌صورت یک آیتم تصویر تک‌رنگ کمکی مستقل (`auxl`) درون ساختار جعبه‌های ISOBMFF مدیریت می‌شود.
هنگام تبدیل گرافیک‌های WebP شفاف (مانند نشان‌های شناور برند، برش‌های محصولات فروشگاهی یا جلوه‌های پنجره‌های رابط کاربری)، موتور ما ماسک آلفای فشرده‌نشده را استخراج و با پیش‌بینی جهت‌دار AV1 در صفحه آلفای کمکی AVIF رمزگذاری می‌کند. سایه‌های نرم گاوسی، شکست‌های نیمه‌شفاف glassmorphism و حاشیه‌های منحنی ضدنقص بی‌نقص منتقل می‌شوند و وفاداری لبه بی‌عیب را در تم‌های پویای روشن و تیره رابط کاربری حفظ می‌کنند.
تسلط بر Core Web Vitals گوگل و ممیزی 'Efficiently encode images' در Lighthouse
الگوریتم‌های نمایه‌سازی جستجوی گوگل پیوسته کارایی صفحه را با سیگنال‌های Core Web Vitals ارزیابی می‌کنند و Largest Contentful Paint (LCP) معیار اصلی سرعت رندر بصری است. ممیزی‌های Google Lighthouse کارایی رمزگذاری تصویر را صراحتاً در ممیزی 'Efficiently encode images' ارزیابی می‌کنند.
اگرچه WebP پیش‌تر با نمرات بالا از این ممیزی‌ها عبور می‌کرد، موتورهای مدرن Lighthouse صرفه‌جویی بالقوه بایت را با مبنای AVIF می‌سنجند. ارتقای بنرهای اصلی بالای صفحه از WebP به AVIF هشدارهای باقی‌مانده Lighthouse را حذف می‌کند، معیار LCP شما را به رده سبز ممتاز زیر یک ثانیه می‌رساند و دیده‌شدن ارگانیک وب‌سایت شما را در نتایج جستجوی رقابتی حفظ می‌کند.
جریان نوسازی متصل: کوچک‌سازی، تبدیل، بررسی و انتشار
برای ارتقای نظام‌مند مخزن دارایی‌های دیجیتال به استاندارد AV1، این جریان نوسازی آزموده را دنبال کنید:
گام ۱ - ممیزی ابعاد: اگر تصاویر WebP فعلی شما با ابعادی بزرگ‌تر از ظرف‌های واقعی چیدمان رابط کاربری رندر شده‌اند، آن‌ها را با ابزار «تغییر اندازه تصویر» به نقاط شکست نمایش دقیق کوچک کنید.
گام ۲ - ترانس‌کد نسل جدید: دارایی را از همین مبدل WebP به AVIF عبور دهید تا فشرده‌سازی درون‌قابی جهت‌دار AV1 فعال شود و ۲۰٪ تا ۳۵٪ دیگر از وزن فایل کاسته شود.
گام ۳ - بررسی پهنای باند: صرفه‌جویی زنده بایت را بررسی کنید تا فشرده‌سازی بهینه داده بدون افت بصری تأیید شود.
گام ۴ - تحویل HTML دوقالبی: دارایی‌های AVIF جدید را در کنار WebPهای اصلی با نشانه‌گذاری استاندارد HTML `<picture>` منتشر کنید تا AVIF فوق‌فشرده به کلاینت‌های مدرن ارائه شود و WebP به‌عنوان جایگزین برای مرورگرهای سازمانی قدیمی‌تر حفظ شود.
💡نکات حرفه‌ای برای ارتقا از WebP به AVIF
- •بازرمزگذاری از WebP به AVIF معمولاً در کیفیت ادراکی برابر ۱۵٪ تا ۳۵٪ کاهش حجم فایل بیشتر به همراه دارد.
- •اگر هنوز PNG فشرده‌نشده اصلی یا عکس اصلی دوربین را دارید، برای خالص‌ترین نتیجه بصری مستقیماً از نسخه اصلی رمزگذاری کنید.
- •دارایی‌های AVIF را با تگ HTML `<picture>` و جایگزین WebP ارائه دهید تا سازگاری ۱۰۰٪ در همه مرورگرها تضمین شود.
- •AVIF کاهش ظریف اشباع رنگ و درزهای ماکروبلوکی را که فایل‌های WebP قدیمی‌تر در سایه‌های تیره عکاسی نشان می‌دهند کاملاً حذف می‌کند.
- •پس‌زمینه‌های شفاف WebP با دقت کامل آلفای ۸ بیتی حفظ می‌شوند و سایه‌های نرم و جلوه‌های شیشه‌ای ابریشمی نرم می‌مانند.
- •برای دسته‌های تولیدی چندتصویری، همه دارایی‌ها را پشت سر هم در زبانه مرورگر و بدون تأخیر آپلود یا وقفه ابری پردازش کنید.
- •همه ترانس‌کدها به‌صورت محلی در RAM دستگاه شما با WebAssembly شتاب‌یافته سخت‌افزاری اجرا می‌شوند و حریم خصوصی کامل رسانه‌های اختصاصی را تضمین می‌کنند.
🛡️رمزگشایی VP8، بازرمزگذاری AV1 در سمت کاربر و حریم خصوصی بدون آپلود
ابزار تبدیل WebP به AVIF ما کاملاً درون سندباکس ایزوله سمت کاربر در مرورگر وب مدرن شما کار می‌کند. وقتی فایل WebP بارگذاری شود، رمزگشاهای نمایش بومی مرورگر (libwebp که مستقیماً در موتورهای مرورگر مدرن کامپایل شده) جریان بیت RIFF را باز و ماکروبلوک‌های VP8/VP8L را در حافظه سخت‌افزاری به یک آرایه پیکسلی RGBA ۳۲ بیتی فشرده‌نشده بازگشایی می‌کنند. این بیت‌مپ خام به یک زمینه داخلی Canvas2D یا OffscreenCanvas منتقل و مستقیماً به خط رمزگذار AV1 سمت کاربر جریان می‌یابد. رمزگذار AV1 فضای پیکسلی را به ابربلوک‌های متغیر (از ۱۲۸×۱۲۸ تا ۴×۴) تقسیم، ۵۶ زاویه پیش‌بینی فضایی جهت‌دار را ارزیابی و رمزگذاری آنتروپی حسابی با تابع توزیع تجمعی (CDF) را همراه با Constrained Directional Enhancement Filtering (CDEF) اعمال می‌کند. جریان بیت حاصل در یک ظرف ISOBMFF ISO/IEC 23000-22 بسته‌بندی و به‌صورت یک Blob URL محلی موقت (blob:2run.tools/...) ارائه می‌شود. چون کل خط ترانس‌کد به‌صورت محلی روی پردازنده و RAM دستگاه شما اجرا می‌شود، حتی یک بایت از داده تصویر هرگز از طریق شبکه‌های خارجی منتقل نمی‌شود و حریم خصوصی کاملی برای گرافیک‌های تجاری، دارایی‌های برند و فایل‌های رسانه محرمانه تضمین می‌شود.
فناوری: WebAssembly • Web Workers چندرشته‌ای • HTML5 Canvas API
حریم خصوصی: فایل‌ها از دستگاه شما خارج نمی‌شوند و در فضای ابری ذخیره نمی‌شوند؛ آمار فقط با رضایت شما اجرا می‌شود.
ابزارهای مکمل این روند کار
این ابزارهای مرورگری را برای روند کاری پربازده با هم ترکیب کنید.
تبدیل JPG به PNG
عکس‌های JPEG را با پشتیبانی از پس‌زمینه شفاف به فرمت بدون اتلاف PNG تبدیل کنید.
تبدیل PNG به JPG
فایل‌های PNG شفاف یا حجیم را به عکس‌های JPG سبک و فشرده تبدیل کنید.
تبدیل JPG به WebP
JPG را برای بارگذاری ۳۰٪ سریع‌تر صفحات وب به فرمت مدرن WebP تبدیل کنید.
تبدیل PNG به WebP
گرافیک‌های PNG را با حفظ کامل شفافیت کانال آلفا به WebP تبدیل کنید.