SVG به Favicon

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

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

برداری وارد می‌شود، همه‌ی اندازه‌های رستری بیرون می‌آید

یک SVG منبع آرمانی برای favicon است: مستقل از وضوح است، پس هر اندازه‌ی آیکون می‌تواند به‌جای بازنمونه‌برداری از یک بیت‌مپ از پیش کوچک، از هندسه‌ی اصلی رستر شود. SVG خود را رها کنید و هر خروجی — 16، 32، 48، 180، 192 و 512 پیکسل — از روی بردار در اندازه‌ی بومی خودش ترسیم می‌شود، که لبه‌ها را به‌جای مات، واضح نگه می‌دارد. تفاوت میان آیکونی که در یک زبانه سنجیده به‌نظر می‌رسد و آیکونی که شبیه یک لکه است، همین است.

چرا هنوز به .ico نیاز دارید

مرورگرهای مدرن با کمال میل یک favicon با قالب SVG را مستقیم به کار می‌گیرند، اما مرورگرهای قدیمی‌تر و بسیاری از ابزارها — خوانندگان فید، بازکننده‌های پیوند در چت، میان‌برهای دسکتاپ — همچنان دنبال favicon.ico می‌گردند. تولید هر دو از یک SVG واحد همه‌چیز را پوشش می‌دهد. فاصله‌ی داخلی بیفزایید، یک ماسک مربعی، گردگوشه یا دایره‌ای و یک پس‌زمینه برگزینید، سپس مجموعه‌ی کامل را همراه با یک قطعه‌کد HTML آماده‌ی جای‌گذاری دانلود کنید.

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

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