فرمت AVIF تصویر در وردپرس چیست؟

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

در این مطلب قصد داریم که درمورد AVIF تصویر و تاثیر عجیب آن در وردپرس صحبت کنیم. با حوروس وردپرس همراه باشید.

فرمت AVIF تصویر چیست؟

فرمت AVIF (AV1 Image File Format) یک فرمت جدید و نوظهور برای پسوند تصاویر است که توسط Alliance for Open Media توسعه داده شده. AVIF بر اساس کدک ویدیویی AV1 ساخته شده است. این فرمت با هدف ارائه کیفیت تصویر بالا همراه با کاهش حجم فایل در مقایسه با فرمت‌های رایج مانند JPEG، PNG و WebP طراحی شده است.

ویژگی‌ها و مزایای فرمت AVIF

عبارتند از:

1. کیفیت بالا با حجم کم: AVIF نسبت به فرمت‌های JPEG و PNG با حفظ کیفیت مشابه، حجم فایل را به طور چشمگیری کاهش می‌دهد. این امر باعث می‌شود که تصاویر سریع‌تر بارگذاری شوند و پهنای باند کمتری مصرف شود.
2. پشتیبانی از طیف رنگی گسترده: این فرمت از فضای رنگی HDR (High Dynamic Range) پشتیبانی می‌کند که منجر به رنگ‌های زنده‌تر و جزئیات بیشتر در تصاویر می‌شود.
3. پشتیبانی از شفافیت (Transparency): AVIF از قابلیت شفافیت پشتیبانی می‌کند، مشابه فرمت PNG، که برای تصاویری که نیاز به پس‌زمینه شفاف دارند مفید است.
4. پشتیبانی از عمق رنگ بیشتر: AVIF از عمق رنگ ۸، ۱۰ و ۱۲ بیت پشتیبانی می‌کند، که باعث نمایش بهتر رنگ‌ها و کاهش نویز تصویر می‌شود.
5. فشرده‌سازی بدون افت کیفیت و با افت کیفیت: این فرمت امکان فشرده‌سازی به صورت lossless (بدون افت کیفیت) و lossy (با افت کیفیت) را دارد که در موارد مختلف کاربردهای متفاوتی دارد.

در ادامه برخی از معایب موقتی که برای این پسوند تصویر وجود دارد، برمیشماریم.

معایب و محدودیت‌ها:

• پشتیبانی مرورگرها: هنوز برخی از مرورگرها به طور کامل از این فرمت پشتیبانی نمی‌کنند، گرچه مرورگرهای اصلی مانند کروم، فایرفاکس، و ادج به تدریج پشتیبانی بیشتری ارائه می‌دهند.
• زمان فشرده‌سازی: فرآیند فشرده‌سازی تصاویر به فرمت AVIF ممکن است نسبت به سایر فرمت‌ها کمی طولانی‌تر باشد.
• سازگاری با ابزارهای گرافیکی: برخی از نرم‌افزارهای ویرایش تصویر و ابزارهای وب هنوز به طور کامل از AVIF پشتیبانی نمی‌کنند، اگرچه با گذشت زمان، این پشتیبانی در حال گسترش است.

به طور کلی، فرمت AVIF گزینه‌ای عالی برای بهینه‌سازی تصاویر در وب است، به ویژه برای سایت‌هایی که به سرعت بارگذاری و کاهش مصرف پهنای باند اهمیت می‌دهند.

فرمت AVIF در وردپرس قابل استفاده است، اما به طور پیش‌فرض در تمامی نسخه‌ها پشتیبانی نمی‌شود. با این حال، می‌توانید با چند روش ساده از این فرمت در سایت وردپرسی خود استفاده کنید.

روش‌های اضافه کردن پشتیبانی از فرمت AVIF در وردپرس

• استفاده از افزونه‌ها: چندین افزونه وجود دارند که به وردپرس امکان پشتیبانی از فرمت AVIF را اضافه می‌کنند. یکی از این افزونه‌ها Enable Media Formats است که علاوه بر AVIF از فرمت‌های دیگر هم پشتیبانی می‌کند. این افزونه‌ها به راحتی در مخزن افزونه‌های وردپرس قابل دسترسی هستند.
• اضافه کردن کد به فایل functions.php: اگر با کدنویسی آشنا هستید، می‌توانید با اضافه کردن قطعه کد زیر به فایل functions.php پوسته خود، امکان آپلود فرمت AVIF را فعال کنید:
  

function enable_avif_upload( $mime_types ) {
    $mime_types['avif'] = 'image/avif';
    return $mime_types;
}
add_filter( 'upload_mimes', 'enable_avif_upload' );

• استفاده از افزونه‌های بهینه‌سازی تصویر: برخی افزونه‌های بهینه‌سازی تصویر مانند ShortPixel و Imagify نیز امکان تبدیل تصاویر به فرمت AVIF را فراهم می‌کنند. این افزونه‌ها علاوه بر فرمت‌های دیگر، تصاویر را به AVIF هم تبدیل کرده و باعث بهبود عملکرد سایت می‌شوند.

نکته مهم

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