تبدیل PNG به ICO (فاوآیکون)
فاوآیکون همان آیکون کوچکی است که مرورگرها در زبانه، نوار نشانک‌ها و تاریخچه نشان میدهند. این ابزار یک PNG را به یک فایل .ico چنداندازه‌ای استاندارد با نسخه‌های 16، 32، 48 و 64 پیکسلی تبدیل میکند، که همه کاملاً روی دستگاه شما و بدون آپلود ساخته می‌شوند.
فایلها را اینجا رها کنید یا برای انتخاب کلیک کنید
نتایج
چگونه PNG را به ICO تبدیل کنیم
- تصویر PNG خود را در ابزار زیر رها کنید. تصویر مربعی بهترین نتیجه را میدهد.
- فرمت خروجی از قبل روی ICO (فاوآیکون) تنظیم شده است.
- روی اجرا کلیک کنید تا یک .ico چنداندازه‌ای ساخته شود.
- فایل favicon.ico را دانلود کنید و در پوشه اصلی وب‌سایت خود قرار دهید.
favicon چه کاری باید انجام دهد
favicon در اندازهای بسیار کوچک نمایش داده میشود، اغلب 16 پیکسل مربع. در این اندازه جزئیات ظریف ناپدید می‌شوند و خطوط نازک کاملاً از بین می‌روند. یک favicon خوب شکلی پررنگ و ساده با کنتراست بالاست: یک حرف، نسخهٔ ساده‌شدهٔ نشانهٔ لوگو یا شکلی توپر با رنگ برند. اگر لوگوی کامل شما متن دارد، فقط از نشانه یا فقط از حرف اول استفاده کنید.
دلیل این‌که فایل‌های .ico چند اندازه دارند این است که بزرگ یا کوچک کردن یک تصویر واحد هنگام نمایش تار به نظر می‌رسد. با ارائهٔ نسخه‌های 16، 32، 48 و 64 پیکسلی، سیستم‌عامل یا مرورگر می‌تواند در هر موقعیت تصویری با پیکسل‌های دقیق نشان دهد: 16 px در زبانه، 32 px در فهرست نشانک‌ها روی صفحه‌نمایش با DPI بالا، 48 px در میانبر نوار وظیفهٔ Windows و غیره.
آماده کردن PNG اصلی
- آن را مربعی کنید. اگر لوگوی شما پهن است، اول آن را روی یک بوم مربعی شفاف بگذارید یا با ابزار برش فقط نشانه را جدا کنید.
- با 256 پیکسل یا بیشتر شروع کنید. کوچک کردن از یک نسخهٔ اصلی بزرگ و تمیز نتیجهٔ نرم‌تری از بزرگ کردن یک تصویر کوچک میدهد.
- اگر شکل توپر است، پس‌زمینهٔ شفاف را نگه دارید تا روی پوسته‌های روشن و تیرهٔ مرورگر خوب بنشیند. اگر شکل نازک یا کم‌رنگ است، به جای آن روی یک مربع رنگی توپر قرارش دهید.
- از متنی طولانی‌تر از یکی دو حرف پرهیز کنید؛ در 16 پیکسل خوانا نخواهد بود.
نصب favicon
فایل دانلودشده را با نام favicon.ico ذخیره کنید و در پوشهٔ ریشهٔ وب‌سایتتان بگذارید. سپس این را داخل <head> هر صفحه اضافه کنید:
<link rel="icon" href="/favicon.ico" sizes="any">
بیشتر پلتفرم‌ها به جای این کار تنظیم مخصوصی دارند: WordPress آن را Site Icon زیر Appearance می‌نامد، Shopify و Squarespace در تنظیمات قالب یک فیلد Favicon دارند و Webflow یکی در Project Settings دارد. فایل .ico را همان‌جا آپلود کنید. برای راهنمای کامل، چطور favicon بسازیم را بخوانید.
یک قدم فراتر
برای مجموعهٔ کامل آیکون‌هایی که دستگاه‌های امروزی درخواست میکنند، به یک PNG با 180 پیکسل برای میانبرهای صفحهٔ اصلی iOS (apple-touch-icon) و PNGهای 192 و 512 پیکسلی برای Android و manifest برنامهٔ وب هم نیاز دارید. این‌ها فایل‌های PNG معمولی‌اند، پس با ابزار تغییر اندازه آن‌ها را از همان نسخهٔ اصلی بسازید. فایل .ico این صفحه زبانه‌های مرورگر، نشانک‌ها و Windows را پوشش میدهد، یعنی جاهایی که بیشتر مردم متوجه نبودن favicon می‌شوند.
پرسش‌های متداول
PNG مبدأ من باید چه اندازهای داشته باشد؟
مربعی و دستکم 64 در 64 پیکسل. یک PNG مربعی 256 پیکسلی تمیزترین نتیجه را پس از کوچکسازی میدهد. تصاویر غیرمربعی در مرکز قرار میگیرند و اطرافشان با فضای شفاف پر میشود.
داخل فایل .ico چه چیزی هست؟
چهار تصویر با رمزگذاری PNG در اندازههای 16، 32، 48 و 64 پیکسل. مرورگرها و Windows اندازهای را انتخاب میکنند که با موقعیت سازگارتر است، پس آیکون در زبانه، نشانک و میانبر دسکتاپ واضح دیده میشود.
چگونه فاوآیکون را به وب‌سایتم اضافه کنم؟
فایل favicon.ico را در ریشه سایت خود آپلود کنید (تا از نشانی yoursite.com/favicon.ico در دسترس باشد) و <link rel="icon" href="/favicon.ico"> را داخل <head> صفحات خود اضافه کنید. مرورگرها فاوآیکون را به‌شدت در حافظه نگه می‌دارند، پس ممکن است برای دیدن تغییر به بارگذاری مجدد کامل نیاز باشد.
آیا در سال 2026 هنوز به فایل .ico نیاز دارم؟
مرورگرهای امروزی فاوآیکون PNG و SVG را میپذیرند، اما .ico تنها فرمتی است که همهجا کار میکند، از جمله در مرورگرهای قدیمی، میانبرهای Windows و بعضی خبرخوانها. بیشتر سایتها هر دو را ارائه میدهند.
فایل‌های شما هرگز از دستگاهتان خارج نمی‌شوند
همهٔ ابزارهای Squishly Tools 100% رایگان‌اند و کاملاً درون مرورگر شما اجرا می‌شوند. تصاویر و اسناد شما روی رایانهٔ خودتان پردازش می‌شوند و هرگز روی سرور آپلود نمی‌شوند. نه حساب کاربری در کار است، نه واترمارک و نه هیچ شرط پنهانی.