RevealTheme logo

مولد favicon

از هر تصویری یک مجموعه کامل favicon تولید کنید: همه اندازه‌هایی که مرورگرها، iOS و Android انتظار دارند.

نحوه استفاده از این ابزار

  1. 1

    یک تصویر مربعی بارگذاری کنید (ترجیحاً PNG، با ابعاد ۵۱۲×۵۱۲ یا بزرگ‌تر).

  2. 2

    ما آن را در همه‌ی اندازه‌های رایج favicon رندر می‌کنیم.

  3. 3

    هر فایل PNG را دانلود کنید.

  4. 4

    آن‌ها را در بخش <head> فایل HTML خود با ویژگی‌های sizes مناسب فراخوانی کنید.

مولد favicon چیست؟

faviconهای مدرن دیگر فقط ۱۶×۱۶ نیستند. iOS یک apple-touch-icon با اندازه ۱۸۰×۱۸۰ انتظار دارد، Android آیکون‌های PWA با اندازه ۱۹۲×۱۹۲ و ۵۱۲×۵۱۲ می‌خواهد و نمایشگرهای با چگالی بالا از ۳۲×۳۲ یا ۴۸×۴۸ استفاده می‌کنند. این ابزار همه اندازه‌های رایج را از یک تصویر منبع تولید می‌کند تا بتوانید آن‌ها را به‌صورت برچسب‌های <link rel='icon' sizes='...'> ارائه دهید.

موارد استفاده رایج

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

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

چه اندازه تصویر منبعی باید استفاده کنم؟▼
یک PNG مربعی با اندازه ۵۱۲×۵۱۲ یا بزرگ‌تر بهترین نتایج را می‌دهد: کوچک‌کردن مقیاس جزئیات را بهتر از بزرگ‌کردن حفظ می‌کند.
آیا به یک فایل ICO نیاز دارم؟▼
مرورگرهای مدرن favicon با فرمت PNG را می‌پذیرند. فرمت ICO فقط برای سازگاری با IE قدیمی لازم است که امروزه به‌ندرت دیده می‌شود.

ابزارهای مرتبط