سازندهٔ فاوآیکون

هر لوگو یا تصویری را به یک مجموعهٔ کامل فاوآیکون تبدیل کنید: یک favicon.ico چنداندازه، یک apple-touch-icon، آیکون‌های اندروید/وب‌اپ و یک قطعه‌کد HTML آمادهٔ جای‌گذاری. شکل مربع، گِردگوشه یا دایره‌ای را انتخاب کنید، فاصلهٔ داخلی یا رنگ پس‌زمینه بیفزایید، و کل بسته را به‌صورت یک ZIP دانلود کنید. همه چیز به‌صورت محلی در مرورگر شما تولید می‌شود — تصویر شما هرگز آپلود نمی‌شود.

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

سازنده‌ی فاوآیکون PixelVault هر تصویری را بدون آپلود کردن هیچ چیزی به یک مجموعه‌ی کامل از آیکون‌های وب‌سایت و اپ تبدیل می‌کند. بیشتر سایت‌های «سازنده‌ی فاوآیکون» از شما می‌خواهند پیش از آنکه حتی یک آیکون بگیرید، لوگویتان را به سرورهایشان بفرستید. اینجا هر فایل — favicon.ico چندوضوحی، آیکون‌های PNG و منیفست — درست درون مرورگر شما تولید می‌شود، بنابراین هنر برند شما هرگز از دستگاهتان خارج نمی‌شود.

یک سایت مدرن به بیش از یک آیکون نیاز دارد. مرورگرها یک favicon.ico کوچک را برای نوار نشانی و زبانه‌ها می‌خوانند، iOS برای صفحه‌ی خانه یک apple-touch-icon با اندازه‌ی 180×180 می‌خواهد، و اندروید و PWAها از PNGهای 192 و 512px که از یک منیفست وب ارجاع داده می‌شوند استفاده می‌کنند. PixelVault همه‌ی آن‌ها را یکجا از یک تصویر منبع می‌سازد و یک قطعه‌کد HTML آماده‌ی جای‌گذاری به شما می‌دهد تا سیم‌کشی‌شان چند ثانیه طول بکشد.

شما کنترل می‌کنید که آیکون چگونه به‌نظر برسد. آن را یک مربع ساده نگه دارید، گوشه‌هایش را گِرد کنید، یا به‌شکل دایره برشش دهید؛ فاصله‌ی داخلی بیفزایید تا یک نشان‌واژه به لبه فشرده نشود؛ و پس‌زمینه‌ی شفاف یا توپر انتخاب کنید. یک پیش‌نمایش زنده نتیجه را در اندازه‌های واقعی فاوآیکون نشان می‌دهد — از جمله یک زبانه‌ی مرورگر ساختگی — تا پیش از دانلود دقیقاً بدانید بازدیدکنندگان چه خواهند دید.

چگونه کار می‌کند

وقتی تصویری اضافه می‌کنید، مرورگر آن را در حافظه رمزگشایی می‌کند و PixelVault آن را روی بوم‌های مربعی در هر اندازه‌ی آیکون بازترسیم می‌کند و ماسکِ شکل، فاصله‌ی داخلی و پس‌زمینه‌ی انتخابی شما را اعمال می‌کند. هر بوم با رمزگذار داخلی مرورگر به PNG رمزگذاری می‌شود، و PNGهای 16، 32 و 48px در یک favicon.ico واحد پیچیده می‌شوند (ظرف پرپشتیبانی PNG-in-ICO). لوگوهای SVG ابتدا به‌صورت محلی با وضوح بالا رستر می‌شوند، بنابراین آیکون‌ها واضح می‌مانند.

چرا پردازش محلی اهمیت دارد

تولید محلی آیکون‌ها یعنی لوگوی شما — که اغلب برندسازی منتشرنشده است — هرگز توسط یک سرویس شخص ثالث منتقل، ذخیره یا گزارش نمی‌شود. فوری هم هست: نه آپلودی، نه صفی و نه رفت‌وبرگشت دانلودی، و پس از بارگذاری صفحه به‌شکل آفلاین کار می‌کند. آنچه دانلود می‌کنید دقیقاً همان است که مرورگرتان تولید کرده، بدون هیچ چیز اضافه.

فرمت‌های پشتیبانی‌شده

  • ICO — فایل favicon.ico چندوضوحی (16/32/48px) برای زبانه‌ها و نوار نشانی.
  • PNG — فایل apple-touch-icon (180px) و آیکون‌های اندروید/PWA (192 و 512px).
  • SVG — فقط ورودی — لوگوهای برداری به‌صورت محلی رستر می‌شوند تا واضح‌ترین آیکون‌ها به‌دست آید.
  • JPG / WebP — در کنار PNG به‌عنوان تصاویر منبع پذیرفته می‌شوند.

کاربردهای رایج

  • برای یک وب‌سایت یا صفحه‌ی فرود جدید یک favicon.ico و آیکون‌های اپ بسازید.
  • یک لوگوی PNG یا SVG را به یک فایل ICO چنداندازه‌ی درست تبدیل کنید.
  • یک apple-touch-icon و آیکون‌های منیفست وب برای یک PWA تولید کنید.
  • مجموعه‌ی فاوآیکون یک برند را بدون سپردن لوگو به یک سرویس آنلاین تازه کنید.

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

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