مولد Favicon
یک مجموعهی کامل favicon را از یک تصویر واحد بسازید — favicon.ico، apple-touch-icon، آیکونهای Android/PWA و قطعهکد HTML — کاملاً در مرورگر شما. چیزی آپلود نمیشود.
حریم خصوصی در اولویت: هر تصویر بهصورت محلی در مرورگر شما پردازش میشود. هیچ چیز آپلود، ذخیره یا به هیچ سروری منتقل نمیشود.
همهی آیکونهایی که یک سایت مدرن نیاز دارد، یکجا
یک favicon دیگر تنها یک فایل نیست. مرورگرها برای زبانهها و نوار نشانی یک favicon.ico کوچک میخوانند، iOS برای صفحهی خانه یک apple-touch-icon با اندازهی 180×180 میخواهد، و Android و وباپهای نصبشدنی PNGهای 192 و 512px را از یک web manifest برمیدارند. این مولد همهی آنها را از یک تصویر منبع میسازد و یک قطعهکد HTML آمادهی جایگذاری به شما میدهد، پس مجبور نیستید شش اندازه را دستی خروجی بگیرید.
قاببندی دلخواه شما، با حفظ حریم خصوصی
آیکون را مربع نگه دارید، گوشههایش را گرد کنید، یا آن را دایرهای برش بزنید؛ فاصلهی داخلی بیفزایید تا یک لوگو به لبه نچسبد؛ و پسزمینهای شفاف یا تکرنگ انتخاب کنید. یک پیشنمایش زنده نتیجه را در اندازههای واقعی favicon نشان میدهد، از جمله یک زبانهی مرورگر ساختگی. چون هر فایل روی دستگاه شما تولید میشود، لوگوی شما — که اغلب برندسازی منتشرنشده است — هرگز به سروری ارسال نمیشود.
پرسشهای متداول
- آیا تصویر من برای ساخت فاوآیکون آپلود میشود؟
- خیر. فایل favicon.ico، آیکونهای PNG و منیفست همگی بهصورت محلی در مرورگر شما با استفاده از Canvas API تولید میشوند. تصویر شما هرگز از دستگاهتان خارج نمیشود.
- چه اندازهها و فایلهایی دریافت میکنم؟
- یک favicon.ico چندوضوحی (16، 32 و 48px)، آیکونهای PNG در اندازههای 16، 32، 48، 180 (apple-touch-icon)، 192 و 512px، یک site.webmanifest، و یک قطعهکد HTML برای جایگذاری در <head> شما.
- آیا میتوانم یک PNG یا SVG را به ICO تبدیل کنم؟
- بله. یک PNG، JPG، SVG یا WebP رها کنید و یک favicon.ico واقعی دانلود کنید. لوگوهای SVG ابتدا بهصورت محلی با وضوح بالا رستر میشوند.
- چه تصویری بهترین نتیجه را میدهد؟
- یک تصویر مربع با لوگویی ساده و پرکنتراست. تصاویر غیرمربع برای جا شدن از مرکز برش میخورند؛ از کنترلهای فاصلهٔ داخلی و شکل استفاده کنید تا آن را به دلخواه خود قاببندی کنید.
- چگونه فاوآیکون را نصب کنم؟
- بسته را در پوشهٔ ریشهٔ سایت خود از حالت فشرده خارج کنید و قطعهکد HTML ارائهشده را در <head> صفحاتتان جایگذاری کنید. فایل favicon.ico بهصورت خودکار توسط بیشتر مرورگرها برداشته میشود.