حساب کاربری

یا

حداقل 8 کاراکتر

فرمت AVIF چیست؟ روش تبدیل تصاویر به AVIF

فرمت AVIF چیست؟ روش تبدیل تصاویر به AVIF

تاریخ انتشار : ۶ خرداد ۱۴۰۲آخرین بروزرسانی : ۱۴۰۲/۰۳/۰۶نویسنده : دسته بندی : آموزش, طراحی سایت, گرافیک برچسب ها : , ,

زمان مطالعه :3 دقیقه

سایز متن12

چاپ مقاله

فرمت AVIF و ویژگی های آن

سلام خدمت شما همراهان همیشگی ژاکد ؛ قبلا یه مقاله با عنوان ” تغییر فرمت تصاویر به webp و بهینه سازی آن ” در مورد بهینه سازی تصاویر و کاهش حجم اون ها بدون افت کیفیت منتشر کردیم و  تو اون مقاله با فرمت webp آشنا شدیم ؛ حالا میخوایم تو این مقاله یه فرمت جدید رو بهتون معرفی کنیم که حتی از webp هم بهینه تره اونم بدون افت کیفیت تصویر! پس با ما همراه باشید

 

اخیرا جناب Addy Osmani تو حساب توییترش یه پستی رو به اشتراک گذاشت و اعلام کرد یه فرمت جدیدی برای تصاویر اومده که میتونه تاثیر خیلی خوبی تو سرعت لود سایت ها و به خصوص سرعت لود تصاویر بزاره

خبر رونمایی از فرمت avif در توییتر

بیاید یکم بیشتر با این فرمت جدید آشنا بشیم و ببینیم اصلا چی هست ؟!

 

فرمت AVIF

فرمت AVIF یه فرمت تصویری جدید و بهینه شده که به صورت منبع باز و بدون حق امتیاز منتشر شده و از هر کدک تصویری پشتیبانی میکنه. تصاویر با فرمت AVIF نسبت به فرمت های قدیمی تر مثل png ، jpeg ، jpg و … خیلی کم حجم تر و بهینه تره ، این فرمت حتی نسبت به webp هم بهینه تره و با همون کیفیت حجم کمتری رو اشغال میکنه!!!

این فرمت به تازگی توسط Alliance for Open Media (AOMedia) با همکاری Google، Cisco و Xiph.org توسعه یافته

فرمت تصویر AV1 (AVIF) یک فرمت تصویر بهینه شده جدید و منبع باز و بدون حق امتیاز است که از هر کدک تصویری پشتیبانی می کند. یک تصویر AVIF اندازه فایل را در مقایسه با JPEG، PNG و WebP کاهش می دهد و در حال حاضر در Google Chrome، Firefox و Android پشتیبانی می شود.

اگه بخوام به طور خلاصه مزیت های فرمت AVIF رو نام ببرم ، شامل وضوح بالاتر تصاویر، بالا بردن سرعت لود تصاویر در سایت ها و افزایش سرعت بارگذاری سایت ، روشنایی بالاتر نسبت به  فرمت های قدیمی ، پشتیبانی عمیق تر از رنگ ها ، شفافیت بالاتر ، فشرده سازی بهتر نسبت به فرمت های دیگه مثل PNG ، WEBP ، JPG و … میشه

 

اگه بخوایم مقایسه ای از نظر حجم فایل داشته باشیم ، فرمت AVIF نسبت به فرمت JPEG حدود 50 درصد کم حجم تره و این مقدار در مقایسه با WEBP حدود 20 درصد هست که نشون میده این فرمت جدید حتی از webp هم حجم کمتری داره!

مقایسه فرمت های تصاویر

 

ممکنه الان به این فکر افتاده باشید که از این فرمت استفاده کنید! ولی باید یه موردی رو بهتون بگم ، این فرمت به تازگی منتشر شده و هنوز تمام مرورگرها ازش پشتیبانی نمیکنن و به همین دلیل ممکنه بعضی از کسایی که وارد سایتتون میشن نتونن تصاویر رو ببینن. هرچند که این فرمت به حدی خوب و بهینه هست که الان نتفلیکس داره ازش استفاده میکنه و به زودی اکثر مرورگرها هم پشتیبانی از این فرمت رو تو نسخه جدیدشون اضافه میکنن.

تو عکس زیر میتونید مرورگرهایی که از این فرمت پشتیبانی میکنن رو ببینید :

مرورگرهایی که از فرمت avif پشتیبانی میکنند

 

روش تبدیل تصاویر به avif

برای تبدیل تصاویر به avif میتونید از سایت و وب اپلیکیشن squoosh.app استفاده کنید . با این سایت بدون محدودیت در حجم و تعداد فایل میتونید کار تغییر فرمت رو انجام بدید.

 

امیدوارم این مطلب هم برای شما مفید بوده باشه

اگه سوالی داشتید میتونید انتهای همین پست برامون کامنت بزارید

لایک2

اشتراک
مقالات پیشنهادی برای شما
جلوگیری از زوم یا بزرگنمایی صفحات وب در گوشی موبایل
جلوگیری از زوم سایت در گوشی موبایل
کد css شیشه ای کردن بخش های مختلف سایت
کد css شیشه ای کردن بخش های مختلف سایت
نمایش فیلتر متناسب با هر دسته و محدود کردن فیلتر در ووکامرس
نمایش فیلتر متناسب با هر دسته و محدود کردن فیلتر در ووکامرس
معرفی کدهای خطا سایت مانند خطای 404 ، 502 و ...
معرفی کدهای خطا سایت مانند خطای 404 ، 502 و …
پیشنهاد لحظه ای
مشاوره رایگان
اگه دلت یه سایت حرفه ای میخواد یا اگه سایت داری ولی بهینه نیست ، کافیه با ما تماس بگیری...
فاز 11 پردیس ، بلوار صداقت ، مجتمع آرتمیس
26978838099
دیدگاه کاربران
2 دیدگاه
  • افشین گودرزی ۱۳ تیر ۱۴۰۲ / ۱۷:۵۲

    مقاله خیلی خوبی بود ممنون از سایت خوبتون
    به نظرتون از الان استفاده کنم از این فرمت برای سایتم یا هنوز زوده؟

    • رضا سارانی ۱۳ تیر ۱۴۰۲ / ۱۷:۵۷

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

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *