یک تصویر را به Favicon تبدیل کنید

یک عکس یا لوگو را همان‌جا در مرورگر خود به یک مجموعه‌ی کامل favicon بدل کنید — favicon.ico، apple-touch-icon و PNGهای وب‌اپ — بدون آپلود چیزی.

حریم خصوصی در اولویت: هر تصویر به‌صورت محلی در مرورگر شما پردازش می‌شود. هیچ چیز آپلود، ذخیره یا به هیچ سروری منتقل نمی‌شود.

از یک تصویر واحد تا یک مجموعه‌ی کامل

هر تصویری را رها کنید و همه‌ی آیکون‌هایی را که یک سایت نیاز دارد پس بگیرید: یک favicon.ico چنداندازه‌ای برای زبانه‌ها، یک apple-touch-icon با اندازه‌ی 180px برای iOS، PNGهای 192 و 512px برای Android و PWAها، یک web manifest، و HTML لازم برای وصل کردن آن‌ها. تصاویر نامربع برای جا شدن از مرکز برش می‌خورند، و کنترل‌های شکل، فاصله‌ی داخلی و پس‌زمینه به شما امکان قاب‌بندی نتیجه را می‌دهند.

خصوصی از پایه

سایت‌های favicon معمولاً پیش از اینکه چیزی برگردانند، اثر شما را آپلود می‌کنند. اینجا کل مجموعه با Canvas API روی دستگاه شما تولید می‌شود، پس لوگوی شما هرگز منتقل، ذخیره یا گزارش نمی‌شود. فوری است، پس از بارگذاری آفلاین هم کار می‌کند، و آنچه دانلود می‌کنید دقیقاً همان چیزی است که مرورگرتان تولید کرده است.

پرسش‌های متداول

آیا تصویر من برای ساخت فاوآیکون آپلود می‌شود؟
خیر. فایل 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 به‌صورت خودکار توسط بیشتر مرورگرها برداشته می‌شود.