UltKit

تبدیل GIF به AVIF

AVIF متحرک در تگ تصویر مثل GIF پخش می‌شود، اما با کدک ویدیویی AV1 فشرده شده است؛ بنابراین همان حلقهٔ تکراری در صفحهٔ وب تنها کسری از حجم را می‌گیرد.

مبدل ویدیو

یا فایل‌های MP4, MOV, MKV … را اینجا رها کنید ·

حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه

خروجی

فایل‌ها روی سرورهای ما پردازش می‌شوند و پس از 30 دقیقه حذف می‌شوند.

نحوه استفاده از این ابزار

  1. 1

    فایل‌های GIF را اضافه کنید

    تا 20 فایل GIF متحرک را بارگذاری کنید، هر کدام حداکثر 95 MB. کلیپ‌های کوتاه MP4 یا WebM را هم می‌توانید مستقیم به AVIF متحرک تبدیل کنید.

  2. 2

    عرض را تعیین کنید

    خروجی متحرک با عرض 480 px شروع می‌شود. اگر می‌خواهید تصویر بدون تغییر اندازه بماند، عرض خود GIF را در تنظیمات پیشرفته وارد کنید؛ گزینهٔ تکرار روی تکرار بی‌پایان می‌ماند.

  3. 3

    تبدیل به AVIF

    روی تبدیل به AVIF بزنید و فایل‌های .avif را دانلود کنید؛ آماده برای استفاده در عنصر picture سایتتان.

چرا GIF را برای وب‌سایت به AVIF تبدیل کنیم

GIF هر فریم را به‌صورت یک تصویر جداگانهٔ 256 رنگ ذخیره می‌کند. دموی محصول یا آموزش ضبط‌شدهٔ صفحه‌نمایش در چند ثانیه می‌تواند چند مگابایت حجم داشته باشد و در یک صفحهٔ فرود، همین یک تصویر اغلب از کل کدها سنگین‌تر است. ابزار Lighthouse گوگل بررسی ویژه‌ای با عنوان «Use video formats for animated content» دارد که دقیقاً همین فایل‌ها را هدف می‌گیرد.

AVIF در 2019 توسط Alliance for Open Media نهایی شد؛ فرمتی برای تصویر ثابت که بر پایهٔ کدک ویدیویی AV1 و درون قالب HEIF ساخته شده است. AVIF متحرک یک دنبالهٔ تصویر AV1 است: فریم‌های بعدی از روی فریم‌های قبلی پیش‌بینی می‌شوند، دقیقاً مثل فایل ویدیو، و فقط تغییر میان فریم‌ها حجم مصرف می‌کند.

GIF در برابر AVIF متحرک: این فرمت چه چیزی اضافه می‌کند

from ↓ · to →بیش از 256 رنگ در هر فریملبه‌های آلفای نرمفریم‌های پیش‌بینی‌شده از روی حرکت10-bit colorباز شدن در همهٔ نمایشگرهای تصویر
GIF– GIF to بیش از 256 رنگ در هر فریم: no– GIF to لبه‌های آلفای نرم: no– GIF to فریم‌های پیش‌بینی‌شده از روی حرکت: no– GIF to 10-bit color: noGIF to باز شدن در همهٔ نمایشگرهای تصویر: yes
AVIF متحرکAVIF متحرک to بیش از 256 رنگ در هر فریم: yesAVIF متحرک to لبه‌های آلفای نرم: yesAVIF متحرک to فریم‌های پیش‌بینی‌شده از روی حرکت: yesAVIF متحرک to 10-bit color: yes– AVIF متحرک to باز شدن در همهٔ نمایشگرهای تصویر: no
supported not offeredقابلیت‌های فرمت طبق مشخصات آن. پشتیبانی از AVIF متحرک در نمایشگرهای تصویر دسکتاپ و برنامه‌های پیام‌رسان هنوز یکدست نیست.

GIF

فرمت تبادل گرافیکی (GIF)

GIF را شرکت CompuServe در سال 1987 معرفی کرد و هنوز پرکاربردترین فرمت برای انیمیشن‌های کوتاه و تکرارشونده است. این فرمت بدون افت کیفیت است، اما در هر فریم به پالت 256 رنگ محدود است؛ برای همین در عکس‌ها و گرادیان‌ها نوارنوار شدن و دیترینگ دیده می‌شود. فقط شفافیت روشن/خاموش (1 بیتی) را پشتیبانی می‌کند که لبه‌های شکل‌های منحنی را دندانه‌دار می‌کند. GIF متحرک اغلب بسیار بزرگ‌تر از همان کلیپ در قالب MP4 یا WebP است. همه مرورگرها، برنامه‌های پیام‌رسان و شبکه‌های اجتماعی GIF را پخش می‌کنند.

فشرده‌سازی
بدون اتلاف
شفافیت
بله
انیمیشن
بله
سال معرفی
1987 · CompuServe
مبدل GIF

AVIF

قالب تصویر AV1 (AV1 Image File Format)

AVIF تصاویر ثابت و دنباله‌های تصویری را با کدک ویدیوی AV1 فشرده ذخیره می‌کند و Alliance for Open Media آن را در سال 2019 نهایی کرد. معمولاً در کیفیت بصری یکسان فایل‌هایی کوچک‌تر از JPEG و WebP می‌سازد و از شفافیت، انیمیشن، گستره رنگی وسیع و HDR پشتیبانی می‌کند. رمزگذاری از قالب‌های قدیمی‌تر کندتر است و در تنظیمات کیفیت پایین، بافت‌های بسیار ریز ممکن است صاف و محو شوند. همه مرورگرهای اصلی اکنون AVIF را نشان می‌دهند، اما بسیاری از برنامه‌های رومیزی، پلتفرم‌های اجتماعی و دستگاه‌های قدیمی نمی‌توانند آن را باز کنند.

فشرده‌سازی
با اتلاف یا بدون اتلاف
شفافیت
بله
انیمیشن
بله
سال معرفی
2019 · Alliance for Open Media
مبدل AVIF

وقتی صاحب سایت دنبال کم کردن حجم صفحه است، GIF به AVIF تبدیل می‌شود: حلقه‌های بخش اصلی، دموی محصول و آموزش رابط کاربری رفتار پخش خودکار تگ تصویر را حفظ می‌کنند، اما حجم به‌شدت کم می‌شود و نوارنوار شدن ناشی از 256 رنگ از بین می‌رود.

چه زمانی AVIF متحرک جایگزین مناسبی است

AVIF مناسب است برای

  • حلقه‌های بخش اصلی و ویژگی‌ها در سایت خودتان
  • دموی رابط محصول با گرادیان و سایه
  • صفحاتی که با زمان بارگذاری و Core Web Vitals سنجیده می‌شوند
  • انیمیشن‌هایی که به لبه‌های شفاف نرم نیاز دارند

GIF را نگه دارید برای

  • خبرنامه‌ها و امضای ایمیل
  • انجمن‌ها و پیام‌رسان‌هایی که فقط GIF را پیش‌نمایش می‌دهند
  • بارگذاری در سیستم‌های مدیریت محتوای قدیمی
  • گیرندگانی که بعداً فریم‌ها را ویرایش می‌کنند

نمایش AVIF متحرک همراه با فایل جایگزین

نسخه‌های فعلی Chrome، Edge، Firefox و Safari همگی AVIF متحرک را پخش می‌کنند؛ Firefox آخرین مرورگری بود که انیمیشن را در نسخهٔ 113 اضافه کرد. انتشار آن داخل عنصر picture با GIF به‌عنوان جایگزین هزینه‌ای ندارد و از مرورگرهای قدیمی‌تر محافظت می‌کند. کدگذاری AVIF کندتر از نوشتن GIF است؛ پس انتظار داشته باشید تبدیل یک کلیپ بلند محسوساً بیشتر از تبدیل آن به WebP طول بکشد.

اگر حلقه برای یک پیام‌رسان است و نه سایت خودتان، فایل ویدیو مطمئن‌تر است: تبدیل GIF به MP4 همه‌جا پخش می‌شود. راهنمای AVIF، HEIC و WebP این سه فرمت مدرن تصویر را با جزئیات مقایسه می‌کند.

پرسش‌های رایج دربارهٔ تبدیل GIF به AVIF

آیا AVIF متحرک هم مثل GIF به‌صورت تکراری پخش می‌شود؟

بله. گزینهٔ تکرار روی تکرار بی‌پایان است و مرورگرها دنبالهٔ تصویر AVIF را مثل GIF داخل تگ img تکرار می‌کنند، بدون دکمهٔ کنترل و بدون صدا. برای انیمیشن شروع که باید روی آخرین فریم بایستد، «یک‌بار پخش» را انتخاب کنید.

چرا AVIF من فقط فریم اول را نشان می‌دهد؟

برنامهٔ نمایش شما AVIF ثابت را می‌شناسد، اما دنبالهٔ تصویر AVIF را نه. نمایشگرهای قدیمی تصویر و نسخه‌های Firefox قبل از 113 (منتشرشده در 2023) چنین رفتاری دارند. فایل را در نسخهٔ جدید Chrome، Edge، Firefox یا Safari باز کنید تا انیمیشن را ببینید.

آیا AVIF پس‌زمینهٔ شفاف GIF را حفظ می‌کند؟

فرمت AVIF از کانال آلفای کامل پشتیبانی می‌کند و شفافیت را بسیار بهتر از پیکسل‌های روشن/خاموش GIF نگه می‌دارد. پیش از انتشار، نتیجه را روی پس‌زمینهٔ رنگی یا شطرنجی بررسی کنید، چون رنگ زمینه‌ای که در GIF اصلی جاسازی شده باشد همچنان دیده می‌شود.

آیا می‌توانم AVIF متحرک را در وردپرس بارگذاری کنم؟

WordPress 6.5 (منتشرشده در 2024) AVIF را به کتابخانهٔ رسانه اضافه کرد، به شرط آنکه کتابخانهٔ تصویر سرور از آن پشتیبانی کند. نصب‌های قدیمی‌تر بارگذاری را رد می‌کنند؛ در این صورت GIF را نگه دارید یا از تبدیل GIF به WebP استفاده کنید که WordPress از نسخهٔ 5.8 آن را می‌پذیرد.

چگونه AVIF را با GIF به‌عنوان جایگزین نمایش دهم؟

هر دو را در یک عنصر picture قرار دهید: یک تگ source با type برابر image/avif که به فایل AVIF اشاره کند، و بعد یک تگ img با GIF. مرورگرهایی که AVIF را رمزگشایی می‌کنند فایل کم‌حجم را برمی‌دارند و بقیه بدون تصویر خراب به GIF برمی‌گردند.