تبدیل AVIF به ICO
اگر تنها نسخهٔ لوگوی شما یک فایل .avif است، این صفحه آن را به favicon.ico تبدیل میکند که همهٔ اندازههای رایج آیکون از 16 تا 256 px را در خود دارد و پس‌زمینهٔ شفاف را هم حفظ میکند.
مبدل عکس
یا فایل‌های JPG, JPEG, JPE … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایل‌ها روی سرورهای ما پردازش می‌شوند و پس از 30 دقیقه حذف می‌شوند.
85 عکسها را از نظر بصری مشابه اصل نگه میدارد. فقط وقتی فایل کوچک‌تر می‌خواهید آن را کمتر کنید.
JPG، BMP و EPS شفافیت ندارند. پیکسلهای شفاف با این رنگ پر می‌شوند.
رنگ هگز پشت پیکسلهای شفاف، مثلاً #FFFFFF.
این قالب فقط یک تصویر را نگه میدارد. اگر می‌خواهید انیمیشن حفظ شود خروجی GIF یا WebP را انتخاب کنید.
آیکون چنداندازه‌ای چند وضوح را در یک فایل دارد؛ مرورگرها و سیستم‌عامل‌ها همان را که لازم دارند برمی‌دارند.
ابعاد اصلی را نگه دارید یا یک ضلع را وارد کنید تا نسبت تصویر حفظ شود.
پیکسل برای ضلعی که در بالا انتخاب کردید.
درصدی از ابعاد اصلی.
sRGB برای صفحه نمایش و وب مناسب است. برای چاپ حالت اصلی را نگه دارید؛ سیاه‌وسفید رنگ را حذف میکند.
فقط فراداده است؛ 0 مقدار اصلی را نگه میدارد. چاپگرها و برخی درگاه‌ها این عدد را می‌خوانند؛ ابعاد پیکسلی را تغییر نمی‌دهد.
نحوه استفاده از این ابزار
- 1
لوگوی AVIF را بارگذاری کنید
از بزرگ‌ترین نسخهٔ مربعی لوگو که دارید استفاده کنید؛ ابعاد 512 × 512 px یا بیشتر، آیکون‌های کوچک را تمیزتر میکند. می‌توانید چند لوگو را در یک دسته با هم تبدیل کنید.
- 2
اندازههای آیکون را روی «همه» بگذارید
گزینهٔ اندازههای آیکون روی همه اندازه‌ها (16–256) تنظیم شده است، پس یک فایل ICO برای زبانهٔ مرورگر، بوکمارک‌ها و میانبرهای ویندوز کافی است. فقط اگر برنامه‌ای یک اندازهٔ مشخص خواست، همان اندازه را انتخاب کنید.
- 3
به ICO تبدیل کنید
روی تبدیل به ICO بزنید، در صورت نیاز نام فایل دانلودشده را به favicon.ico تغییر دهید و آن را در ریشهٔ سایت قرار دهید.
AVIF فرمتی برای ارسال سریع تصویر است؛ ICO قالبی برای آیکون‌های کوچک است. در تبدیل، AVIF یک بار رمزگشایی میشود و چند نسخهٔ کوچک‌شده از آن، هرکدام با کانال آلفای خودش، در یک فایل .ico نوشته میشود.
چرا لوگوی AVIF به نسخهٔ ICO نیاز دارد
AVIF در سال 2019 توسط Alliance for Open Media منتشر شد و بر پایهٔ کدک ویدیوی AV1 ساخته شده است. Chrome از نسخهٔ 85، Firefox از 93 و Safari از 16 آن را پشتیبانی میکنند، بنابراین سازندگان سایت و CDNهای تصویر اکنون به‌طور پیشفرض AVIF ارائه می‌دهند. به همین دلیل بسیاری از تیم‌ها نشان برندشان را فقط بهصورت logo.avif دارند.
favicon جایی است که این رویکرد خوب کار نمی‌کند. میانبرهای دسکتاپ ویندوز و سایت‌های پین‌شده ICO می‌خوانند، مرورگرهای قدیمی و بسیاری از خزنده‌ها بدون نگاه به HTML شما /favicon.ico را دریافت میکنند و بعضی فیلدهای favicon در CMSها آپلود AVIF را اصلاً نمی‌پذیرند. یک ICO ساخته‌شده از AVIF همهٔ این موارد را پوشش میدهد و دیگر لازم نیست مرحلهٔ PNG به ICO را در میانه انجام دهید.
AVIF
قالب تصویر AV1 (AV1 Image File Format)
AVIF تصاویر ثابت و دنباله‌های تصویری را با کدک ویدیوی AV1 فشرده ذخیره میکند و Alliance for Open Media آن را در سال 2019 نهایی کرد. معمولاً در کیفیت بصری یکسان فایل‌هایی کوچک‌تر از JPEG و WebP می‌سازد و از شفافیت، انیمیشن، گستره رنگی وسیع و HDR پشتیبانی میکند. رمزگذاری از قالب‌های قدیمیتر کندتر است و در تنظیمات کیفیت پایین، بافت‌های بسیار ریز ممکن است صاف و محو شوند. همه مرورگرهای اصلی اکنون AVIF را نشان می‌دهند، اما بسیاری از برنامه‌های رومیزی، پلتفرم‌های اجتماعی و دستگاه‌های قدیمی نمی‌توانند آن را باز کنند.
- فشرده‌سازی
- با اتلاف یا بدون اتلاف
- شفافیت
- بله
- انیمیشن
- بله
- سال معرفی
- 2019 · Alliance for Open Media
ICO
آیکون ویندوز (ICO)
ICO فرمت آیکون مایکروسافت است که برای آیکون برنامه‌های ویندوز و favicon وب‌سایت‌ها به کار می‌رود. یک فایل ico. میتواند چند تصویر با اندازههای مختلف مانند 16×16، 32×32، 48×48 و 256×256 پیکسل داشته باشد تا سیستم مناسب‌ترین را برگزیند. هر تصویر میتواند بهصورت بیت‌مپ یا داده PNG ذخیره شود و از شفافیت کامل آلفا پشتیبانی میکند. ICO برای عکس یا تصاویر بزرگ ساخته نشده است. مرورگرها، ویندوز و بیشتر ویرایشگرهای آیکون آن را می‌خوانند.
- فشرده‌سازی
- بدون اتلاف
- شفافیت
- بله
- انیمیشن
- خیر
- سال معرفی
- Microsoft
لوگوهای AVIF معمولاً از خط تولید تصویر یک سایت مدرن یا خروجی وب طراح می‌آیند، اما سایت هنوز به یک favicon.ico کلاسیک در ریشهٔ خود نیاز دارد که هر مرورگر و خزنده‌ای بتواند بخواند.
اندازههای آیکون در فایل favicon.ico
- زبانهٔ مرورگر و نوار آدرس
- 16 px
- بوکمارک‌ها، میانبرهای نوار وظیفه
- 32 px
- نمای آیکون‌های بزرگ ویندوز
- 256 px
- همهٔ اندازه‌ها در یک favicon.ico
- 1 فایل
حفظ شفافیت
بخش‌های شفاف AVIF در همهٔ اندازه‌ها شفاف می‌مانند.
کوچک‌سازی جداگانه برای هر اندازه
هر ورودی از تصویر اصلی بازنمونه‌برداری میشود، نه از اندازهٔ بزرگ‌تر بعدی.
فقط فریم اول
از AVIF متحرک فقط فریم اول استفاده میشود.
خوانا نگه داشتن لوگوی AVIF در اندازهٔ 16 × 16
آیکون 16 px در مجموع 256 پیکسل دارد، پس خطوط نازک، متن کوچک و گرادیان‌ها از بین می‌روند. پیش از تبدیل، نسخهٔ ساده‌شده‌ای از لوگو را خروجی بگیرید: نماد بدون نوشتار، خطوط ضخیم‌تر و کنتراست بیشتر در برابر تم روشن و تیرهٔ مرورگر. پس‌زمینهٔ شفاف اجازه میدهد رنگ زبانه دیده شود، که معمولاً از یک مربع سفید بهتر به نظر می‌رسد.
فشرده‌سازی شدید AVIF میتواند لبه‌های نرم یا لکه‌های رنگی دور شکل‌های تیز ایجاد کند. اگر لوگوی شما چنین است، AVIF بدون افت یا فایل اصلی SVG را بخواهید؛ در آیکون‌های بزرگ این نقص‌ها دیده میشود، اما در 16 و 32 px کوچک‌سازی بیشترشان را پنهان میکند. برای مقایسهٔ AVIF با WebP و HEIC، توضیح AVIF، HEIC و WebP را ببینید.
پرسش‌های رایج دربارهٔ تبدیل AVIF به فاویکون ICO
آیا مرورگر میتواند فایل AVIF را مستقیماً بهعنوان فاویکون به کار ببرد؟
Chrome، Firefox و Safari میتوانند AVIF را نمایش دهند، اما فایلی به نام favicon.ico در ریشهٔ سایت همان چیزی است که مرورگرها، خوانندهٔ فید و بسیاری از رباتهای پیشنمایش لینک بهصورت پیشفرض درخواست میکنند. قرار دادن یک ICO واقعی در آنجا از خطای 404 در لاگ سرور و آیکون خالی زبانه در کلاینتهای قدیمیتر جلوگیری میکند.
لوگوی AVIF من مربعی نیست. آیا آیکون کشیده میشود؟
آیکونها مربعی هستند، بنابراین لوگوی عریض یا به یک نوار باریک تبدیل میشود یا دچار اعوجاج میشود. ابتدا لوگو را به نماد یا حرف اولش برش دهید؛ نحوهٔ برش عکس با نسبت دلخواه برشی 1:1 را توضیح میدهد که سوژه را در مرکز نگه میدارد.
آیا رنگ 10 بیتی AVIF در فایل ICO حفظ میشود؟
خیر. هر ورودی آیکون 8 بیت برای هر کانال بهعلاوهٔ یک کانال آلفای 8 بیتی ذخیره میکند، پس دادههای HDR یا AVIF دهبیتی به رنگ استاندارد sRGB کاهش مییابد. در اندازهٔ 16 یا 32 px کسی تفاوت را نمیبیند.
گوگل برای فاویکونی که در نتایج جستوجو نشان میدهد چه چیزی لازم دارد؟
راهنمای Google یک favicon مربعی میخواهد که اندازهاش مضرب 48 px باشد، مانند 48 × 48 یا 96 × 96، و از صفحهٔ اصلی به آن ارجاع داده شود. فایل ICO این صفحه ورودیهای بزرگتری هم دارد که Google میتواند آنها را کوچک کند.
آیا تبدیل AVIF به PNG برای آیکون اپلیکیشن گزینهٔ بهتری است؟
برای iOS، Android و مانیفست اپهای وب، بله؛ آنها فایل PNG با اندازههای ثابتی مانند 180 × 180 و 512 × 512 میخواهند. برای آنها از AVIF به PNG استفاده کنید و ICO را برای favicon کلاسیک و ویندوز نگه دارید.