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 قدیمی لازم است که امروزه به‌ندرت دیده می‌شود.

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