قالب ظرف باینری .ICO ویندوز چگونه کار میکند (ICONDIR و ICONDIRENTRY)
پاسخ کوتاه: بر خلاف PNG یا JPEG، فایل .ico یک فهرست ظرف باینری چندتصویری (ICONDIR) است که چند وضوح مستقل (از 16×16 تا 256×256) را در یک فایل نگه میدارد تا Explorer، نوار وظیفه و میانبر دسکتاپ لایه دقیق DPI فعلی را بردارند.
تصور رایج این است که تبدیل PNG به .ico فقط عوض کردن پسوند است. اگر logo.png را به logo.ico تغییر نام دهید، کامپایلر منابع Visual Studio (rc.exe)، نصبکننده Inno Setup، Electron Builder و بیلد Tauri فایل را با خطای سرآیند نامعتبر رد میکنند.
Utiliome یک بافر .ico بایتکوچک مطابق مشخصات را مستقیم در مرورگر با ArrayBuffer و DataView میسازد:
- سرآیند ۶بایتی
ICONDIR: مقدار 0x0000 (رزرو)، 0x0001 (نوع 1 یعنی آیکون ویندوز) و شمار uint16 لایههای وضوح را مینویسد.
- جدول ۱۶بایتی
ICONDIRENTRY برای هر لایه: برای هر وضوح انتخابشده (16، 24، 32، 48، 64، 128، 256) عرض و ارتفاع پیکسل (0 طبق مشخصات ویندوز ویستا به بعد یعنی 256px)، صفحههای رنگ (1)، بیت در پیکسل (32 برای آلفای کامل RGBA)، طول بایت و آفست دقیق را مینویسد.
- بار PNG با RGBA سیودوبیتی: هر قاب PNG باز نمونهبرداریشده را در آفست بایت محاسبهشده به هم میچسباند.
ویندوز ۱۰، ویندوز ۱۱ و برنامههای دسکتاپ کدام لایههای .ICO را واقعاً استفاده میکنند؟
پاسخ کوتاه: برای جلوگیری از بزرگنمایی تار یا کوچکنمایی دندانهدار در نمایشگرهای ۱۰۰٪، ۱۵۰٪ و ۲۰۰٪ DPI، فایل .ico دسکتاپ باید دستکم 16×16، 32×32، 48×48 و 256×256 را داشته باشد؛ یا هر ۷ لایه استاندارد برای پوشش کامل DPI.
File Explorer و نوار وظیفه ویندوز بسته به حالت نما و ضریب مقیاس نمایشگر، لایههای متفاوتی از ظرف .ico را انتخاب میکنند:
| لایه جاسازیشده |
زمینه نمایش در ویندوز یا برنامه |
16 × 16 px |
نمای جزئیات/فهرست File Explorer، نوار عنوان پنجره، منوی زمینه و زبانه مرورگر |
24 × 24 px |
سینی سیستم ویندوز ۱۰/۱۱ در مقیاس ۱۵۰٪ DPI و نوارابزارهای کلاسیک |
32 × 32 px |
میانبر استاندارد دسکتاپ، آیکون کوچک File Explorer و دکمه نوار وظیفه در مقیاس ۱۰۰٪ |
48 × 48 px |
آیکون متوسط File Explorer، کاشی منوی شروع و تعویضگر Alt+Tab |
64 × 64 px |
نوار وظیفه و میانبر دسکتاپ در DPI بالا (۲۰۰٪، Retina/4K) |
128 × 128 px |
آیکون بزرگ File Explorer و پیشنمایش نصبکننده چندسکویی یا macOS |
256 × 256 px |
آیکون خیلی بزرگ File Explorer، مقیاس HiDPI دسکتاپ ویندوز ۱۱ و ویژگیهای .exe |
مبدل ICO در برابر سازنده فاویکون سایت: ابزار درست را انتخاب کنید
پاسخ کوتاه: وقتی به یک فایل .ico مستقل چندلایه (از ۱۶ تا ۲۵۶ پیکسل) برای برنامه ویندوز، سفارشیسازی پوشه دسکتاپ یا تبدیل دستهای PNG به ICO نیاز دارید از این سازنده و مبدل ICO استفاده کنید. برای بسته کامل وب با آیکون Apple Touch، PNG اندروید PWA و site.webmanifest از سازنده فاویکون استفاده کنید.
ابزاری را انتخاب کنید که با سیستمعامل یا هدف استقرار شما جور است:
| کاربرد |
ابزار پیشنهادی |
چرا مناسبتر است |
برنامه .exe ویندوز (Electron، Tauri، C#، C++)، آیکون پوشه دسکتاپ یا فایلهای .ico دستهای |
سازنده و مبدل ICO (همین ابزار) |
تا ۷ لایه وضوح قابل تنظیم (16px تا 256px) را در فایل .ico مستقل میگذارد و ZIP دستهای دارد |
فاویکون <head> سایت، آیکون صفحه اصلی آیفون و PWA اندروید |
سازنده فاویکون |
favicon.ico بهعلاوه apple-touch-icon.png (180×180) بهعلاوه PNGهای ۱۹۲ و ۵۱۲ اندروید بهعلاوه site.webmanifest و برچسبهای HTML میسازد |
بهینهسازی بردار .svg مبدأ پیش از تبدیل |
بهینهساز SVG |
اضافات ویرایشگر را پاک میکند و هندسه viewBox را یکدست میکند |
تبدیل .svg به .png با وضوح بالا تا ۸۱۹۲ پیکسل |
مبدل SVG به PNG |
PNG شفاف بدون افت را در 1x، 2x، 4x یا 8x خروجی میدهد |