همهٔ فاوآیکون‌هایی که وب‌سایت شما نیاز دارد، از یک تصویر
مرورگرها، گوشی‌ها و سیستم‌عامل‌ها هر کدام به دنبال آیکون متفاوتی هستند. لوگوی خود را آپلود کنید تا این ابزار مجموعهٔ کامل را بسازد: favicon.ico با اندازه‌های 16، 32 و 48 px در داخل آن، favicon-16x16.png و favicon-32x32.png، یک apple-touch-icon.png با اندازهٔ 180 px، آیکون‌های android-chrome در اندازه‌های 192 و 512 px، و یک فایل site.webmanifest که آن‌ها را به هم پیوند می‌دهد.
همه‌چیز را در قالب یک فایل ZIP دانلود کنید، فایل‌ها را در ریشهٔ وب‌سایت خود قرار دهید و کد HTML را در بخش <head> صفحات خود بچسبانید. آیکون Apple یک پس‌زمینهٔ یکدست می‌گیرد، زیرا iOS شفافیت را به رنگ سیاه نمایش می‌دهد. همهٔ آیکون‌ها در مرورگر شما ساخته می‌شوند — هیچ چیزی آپلود نمی‌شود.
چرا از این سازندهٔ فاوآیکون استفاده کنیم؟
- favicon.ico، فاوآیکون‌های PNG، آیکون‌های Apple و Android در یک فایل ZIP
- فایل site.webmanifest و کد HTML آماده
- سازگار با لوگوهای PNG، JPG، WebP و SVG
- اجرا در مرورگر شما — بدون آپلود، بدون ثبت‌نام
نحوه ساخت فاوآیکون
- لوگوی خود را انتخاب کنید — ترجیحاً یک PNG یا SVG مربعی
- فاصلهٔ داخلی و رنگ‌ها را تنظیم کنید و پیش‌نمایش را بررسی کنید
- روی «دانلود ZIP» کلیک کنید، فایل‌ها را در سایت خود آپلود کنید و کد HTML را بچسبانید
سؤالات متداول
آیا این سازندهٔ فاوآیکون رایگان است؟
بله، کاملاً رایگان است، بدون محدودیت و بدون واترمارک.
به کدام فایل‌ها نیاز دارم؟
مرورگرهای مدرن از favicon-32x32.png و favicon.ico استفاده می‌کنند، iPhone و iPad هنگام افزودن صفحه به صفحهٔ اصلی از apple-touch-icon.png استفاده می‌کنند، و Android و وب‌اپلیکیشن‌های قابل نصب از آیکون‌های 192 و 512 px فهرست‌شده در site.webmanifest استفاده می‌کنند. همهٔ آن‌ها را در پوشهٔ ریشهٔ سایت خود آپلود کنید و کد HTML را اضافه کنید — این کار همهٔ حالت‌ها را پوشش می‌دهد.
آیا می‌توانم از لوگوی SVG استفاده کنم؟
بله. SVG ابتدا با وضوح بالا رسم می‌شود، بنابراین هر اندازهٔ آیکون کاملاً واضح است. تصویر مربعی بهترین نتیجه را می‌دهد؛ تصاویر با نسبت‌های دیگر با حاشیه‌های شفاف در مرکز قرار می‌گیرند.
آیا لوگوی من در سرور آپلود می‌شود؟
خیر. همهٔ آیکون‌ها در مرورگر شما ساخته می‌شوند؛ تصویرتان هرگز از دستگاه شما خارج نمی‌شود.