یک بسته favicon کامل از یک لوگو، یک آیکون فونت یا یک مونوگرام بسازید — favicon.ico، PNGهای مدرن، آیکون Apple touch، آیکون‌های PWA، یک مانیفست وب و قطعه HTML.

یک لوگو رها کنید، یک آیکون فونت انتخاب کنید یا یک مونوگرام تایپ کنید — ما هر favicon که یک وب‌سایت مدرن نیاز دارد را می‌سازیم، از favicon.ico کلاسیک گرفته تا آیکون Apple touch، آیکون‌های PWA و یک قطعه HTML آماده برای چسباندن.

یک PNG را اینجا رها کنید یا برای بارگذاری کلیک کنید
PNG شفاف توصیه می‌شود · همچنین JPG / WebP پذیرفته می‌شود
64%
رنگ پس‌زمینه
0%
توسط رابط مرورگر و مانیفست PWA استفاده می‌شود.
سایت شما
example.com
نشانک · 32px
Apple touch · 180px
PWA · 512px

بسته favicon شما آماده است
دانلود ZIP آغاز شد. آن را در ریشه سایت خود از حالت فشرده خارج کنید و قطعه HTML را در <head> خود بچسبانید.

درباره مولد Favicon

مولد فاویکون هر آیکونی که یک وب‌سایت مدرن نیاز دارد را از یک منبع واحد می‌سازد: یک لوگوی PNG آپلود کنید، یک آیکون فونتی انتخاب کنید، یا یک مونوگرام تایپ کنید. این بسته شامل favicon.ico کلاسیک (16، 32 و 48 پیکسل)، فاویکون‌های مدرن PNG، آیکون تاچ اپل 180 پیکسلی، آیکون‌های PWA در 192 و 512 پیکسل، یک site.webmanifest و قطعه کد HTML مربوطه است.

استایل‌دهی درون ابزار مدیریت می‌شود: رنگ پس‌زمینه را انتخاب کنید یا شفافیت را حفظ کنید، به شکل مربع، گرد یا دایره کلیپ کنید، پدینگ و اندازه اثر هنری را تنظیم کنید و رنگ تم مورداستفاده رابط مرورگر و مانیفست PWA را تعیین کنید. یک پیش‌نمایش زنده آیکون شما را در بسترهای واقعی نشان می‌دهد — یک تب مرورگر 16 پیکسلی، یک بوکمارک، کاشی تاچ اپل و یک آیکون PWA.

همه چیز روی یک canvas در مرورگر شما رندر می‌شود، و Generate کل بسته را در یک ZIP همراه با یک README جمع‌آوری می‌کند. نصب دو مرحله‌ای است: از حالت فشرده در ریشه سایت خود خارج کنید و قطعه کد ارائه‌شده را در <head> صفحه خود جای‌گذاری کنید.

نحوه استفاده از مولد Favicon

  1. منبع خود را انتخاب کنید: یک لوگوی PNG آپلود کنید، یک آیکون فونتی انتخاب کنید، یا یک مونوگرام تایپ کنید.
  2. آن را استایل دهید — رنگ پس‌زمینه یا شفافیت، شکل، پدینگ و اندازه اثر هنری.
  3. نام سایت، نام کوتاه و رنگ تم را برای مانیفست PWA وارد کنید.
  4. پیش‌نمایش‌ها را بررسی کنید: تب مرورگر، بوکمارک، تاچ اپل و بسترهای PWA.
  5. روی «Generate favicons» کلیک کنید و بسته را در ریشه وب‌سایت خود از حالت فشرده خارج کنید.
  6. قطعه کد HTML را از بسته در <head> صفحه‌تان جای‌گذاری کنید.

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

بله — کل بسته، شامل .ico، همه اندازه‌های PNG، مانیفست و قطعه کد HTML، تولید و دانلودش رایگان است.

favicon.ico با لایه‌های 16، 32 و 48 پیکسلی، فاویکون‌های مدرن PNG، apple-touch-icon 180 پیکسلی، آیکون‌های PWA در 192 و 512 پیکسل، یک site.webmanifest، قطعه کد HTML آماده برای جای‌گذاری و یک README همراه با مراحل نصب.

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

آرشیو را در ریشه وب‌سایت خود از حالت فشرده خارج کنید تا فایل‌ها در ریشه دامنه قرار گیرند، سپس قطعه کد HTML ارائه‌شده را در <head> صفحاتتان جای‌گذاری کنید. فایل README داخل ZIP این مراحل را تکرار می‌کند.

این رنگ در مانیفست و متاتگ‌ها نوشته می‌شود و رابط مرورگر در موبایل و صفحه اسپلش و نوار عنوان PWA نصب‌شده را با برند شما هماهنگ می‌کند.

بله. یک مونوگرام یک یا دو حرفی تایپ کنید و یک فونت و رنگ‌ها انتخاب کنید، یا نمادی از کتابخانه آیکون فونتی انتخاب کنید — مولد آن را در هر اندازه دقیقاً مانند یک لوگوی آپلودشده رندر می‌کند.

اشتراک‌گذاری

جستجوهای پرطرفدار
سازنده favicon سازنده favicon.ico ساخت favicon آنلاین apple touch icon سازنده آیکون PWA favicon از لوگو
به کمک نیاز دارید؟
با این ابزار مشکلی پیدا کردید؟ به تیم ما اطلاع دهید.
گزارش مشکل

این ابزار رایگان را به وب‌سایت خود اضافه کنید — کد زیر را کپی و جای‌گذاری کنید.