مبدل رایگان

فاویکون ژنراتور

فایل های فاویکون را در اندازه های مختلف (16x16 تا 512x512) از هر تصویری تولید کنید. رایگان، فوری، و به طور کامل در مرورگر شما اجرا می شود.

یک تصویر را در اینجا بکشید و رها کنید

پشتیبانی از PNG، JPG، SVG، WebP. حداکثر 10 مگابایت

یا

درباره این ابزار

فاویکون نماد کوچکی است که در برگه‌های مرورگر، نشانک‌ها و فهرست‌های تاریخ ظاهر می‌شود. فاویکون اصلی - یک فایل ICO 16×16 در /favicon.ico - به مجموعه پیچیده‌ای از نمادها در اندازه‌های مختلف برای پلتفرم‌های مختلف گسترش یافته است: 16×16 و 32×32 برای برگه‌های مرورگر، 180×180 برای صفحه‌های اصلی iOS، 192×192 و 512×512 برای ویندوز، اندازه‌های مختلف و tiles و tiles برای آندروید. تولید همه اینها از یک تصویر منبع واحد کاری است که یک مولد فاویکون مدرن انجام می دهد.

این ابزار یک تصویر منبع با وضوح بالا (معمولاً یک لوگوی مربعی) می گیرد و مجموعه کاملی از دارایی های فاویکون به همراه تگ های پیوند HTML مورد نیاز برای ارجاع به آنها را تولید می کند. خروجی شامل ICO، چندین PNG و یک manifest.json برای ابرداده برنامه وب پیشرو است. فایل های به دست آمده را در ریشه سایت خود رها کنید و از طریق HTML تولید شده به آنها ارجاع دهید.

تمام پردازش ها در مرورگر شما انجام می شود. بدون آپلود، بدون تماس API، بدون محدودیت نرخ. خروجی در هر مرورگر و سیستم عامل مدرنی که فاویکون ها را نمایش می دهد کار می کند.

چرا فاویکون تولید کنیم؟

سایت های بدون فاویکون ناتمام به نظر می رسند. برگه های مرورگر یک نماد عمومی را نشان می دهد. نشانک ها هیچ شناسه بصری ندارند. سایت کمتر حرفه ای به نظر می رسد. افزودن یک مجموعه فاویکون مناسب یک مرحله پولیش با تاثیر بالا و کم تلاش است که نشان دهنده توجه به جزئیات است.

نیازهای فاویکون مدرن فراتر از /favicon.ico رشد کرده است. نمادهای صفحه اصلی iOS، نمادهای اندروید کروم، نمادهای کاشی ویندوز و انواع حالت تاریک همگی از فایل‌های مختلفی استفاده می‌کنند. تولید همه آنها از یک منبع، برندسازی ثابت را بدون مدیریت دستی هر فایل تضمین می کند.

نحوه استفاده

تصویر منبع را بارگذاری کنید، مجموعه کامل فاویکون را دریافت کنید.

  1. تصویر منبع را بارگذاری کنید: از یک تصویر مربع حداقل 512×512 پیکسل استفاده کنید. PNG ترجیح داده می شود (پشتیبانی از شفافیت). SVG نیز پذیرفته می شود. منابع با وضوح بالاتر آیکون های کوچک تری را تولید می کنند.
  2. پیکربندی گزینه های پلت فرم: در صورت نیاز خروجی های iOS، Android، Windows و PWA را فعال کنید. تنظیمات پیش‌فرض مجموعه استانداردی را تولید می‌کنند که اکثر سایت‌ها به آن نیاز دارند.
  3. رنگ ها و تم را سفارشی کنید: رنگ‌های تم را برای کاشی‌های ویندوز و صفحه‌نمایش اسپلش PWA انتخاب کنید. هویت برند خود را مطابقت دهید.
  4. دانلود و استقرار کنید: فایل فشرده تولید شده را ذخیره کنید. فایل ها را در ریشه سایت خود قرار دهید و تگ های لینک HTML ایجاد شده را به <head> خود اضافه کنید. HTML به هر نماد در اندازه مناسب ارجاع می دهد.

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

جزئیات فنی

مجموعه کامل فاویکون مدرن: favicon.ico (16+32+48 رزولوشن چندگانه)، favicon-16x16.png، favicon-32x32.png، apple-touch-icon.png (180×180)، android-chrome-192x192.pnge-16x16.png، android-png. mstile-150x150.png. Plus site.webmanifest برای PWA، browserconfig.xml برای ویندوز.

هر PNG با نمونه برداری از منبع بوم مبتنی بر بوم تولید می شود. ICO در جاوا اسکریپت با ترکیب نسخه‌های 16/32/48 در قالب ICO با وضوح چندگانه با استفاده از نوشتن اطلاعات DataView ساخته می‌شود.

برچسب های پیوند HTML به هر فایل با ویژگی های rel و اندازه مناسب ارجاع می دهند. مولد اینها را به عنوان یک قطعه آماده کپی-پیست برای <head> سایت شما تولید می کند.

بهترین شیوه ها

سوالات متداول

چه فرمت تصویری باید آپلود کنم؟
PNG با پس‌زمینه شفاف بهترین عملکرد را دارد. از یک تصویر مربعی با ابعاد حداقل 512x512 پیکسل استفاده کنید تا ابزار بتواند بدون افت کیفیت کاهش یابد. SVG همچنین به خوبی کار می کند زیرا در هر اندازه ای مقیاس می شود.
این چه اندازه هایی تولید می کند؟
16x16 (برگه مرورگر)، 32x32 (برگه مرورگر @2x)، 48x48 (نوار وظیفه ویندوز)، 180x180 (آیکون Apple Touch)، 192x192 (صفحه اصلی اندروید)، 512x512 (صفحه نمایش پرپشت PWA). فایل ICO دارای اندازه های 16، 32 و 48 پیکسل است.
فایل های فاویکون را کجا قرار دهم؟
favicon.ico را در فهرست اصلی وب سایت خود قرار دهید. سایر اندازه‌های PNG در پوشه عمومی یا هر مسیر قابل دسترس شما قرار می‌گیرند. تگ های پیوند HTML را در بخش <head> خود که به مکان هر فایل اشاره می کند، اضافه کنید.
چرا فاویکون من در مرورگر آپدیت نمی شود؟
مرورگرها به شدت فاویکون ها را کش می کنند. حافظه پنهان مرورگر خود را پاک کنید، سعی کنید در یک پنجره ناشناس باز کنید، یا یک رشته جستجوی نسخه (?v=2) را به URL فاویکون اضافه کنید تا اجباری به‌روزرسانی شود.
چرا فاویکون من آپدیت نمی شود؟
مرورگرها فاویکون ها را به طور تهاجمی، گاهی برای روزها ذخیره می کنند. با پاک کردن حافظه پنهان، باز کردن مستقیم نشانی اینترنتی نماد، یا الحاق پارامتر درخواست نسخه به تگ پیوند، به روزرسانی را اجباری کنید.
آیا تصویر من روی سرور آپلود می شود؟
خیر. تولید در مرورگر شما اتفاق می افتد.
آیا باید از SVG یا PNG استفاده کنم؟
SVG برای منبع (مستقل از وضوح). ژنراتور PNG ها را در اندازه های خاص خروجی می دهد. مرورگرهای مدرن نیز از فاویکون های SVG از طریق پیوند rel=icon type=image/svg+xml پشتیبانی می کنند.
site.webmanifest چیست؟
مانیفست JSON برای برنامه‌های وب پیشرو که نمادها، رنگ‌ها و سایر ابرداده‌ها را توصیف می‌کنند. مورد نیاز برای برنامه های وب قابل نصب؛ حتی در سایت های استاندارد گنجاندن آن بی ضرر است.