سازنده Favicon

بسته چندسکویی فاویکون (favicon.ico، ۱۶×۱۶، ۳۲×۳۲، آیکون Apple Touch ۱۸۰×۱۸۰، آیکون اندروید ۱۹۲ و ۵۱۲ و site.webmanifest) را در مرورگر بسازید.

بدون آپلودبدون ثبت‌نامپردازش دسته‌ای

لوگو یا آیکون را اینجا رها کنید (PNG, SVG, JPG, WebP)

می‌سازد favicon.ico (۱۶/۳۲/۴۸)، Apple Touch ۱۸۰×۱۸۰، اندروید PWA ۱۹۲/۵۱۲ و site.webmanifest

انتخاب فایل

موتور آفلاین آماده استفضای کار ۱۰۰٪ خصوصی در مرورگر • بدون آپلود ابری

۱۰۰٪ خصوصی • بدون آپلود فایل به سرور

چرا سازنده همه‌کاره فاویکون و PWA در Utiliome؟

از پایه برای حریم خصوصی سخت‌گیرانه، اجرای فوری و بدون اصطکاک ساخته شده. بدون اشتراک، دیوار پرداخت یا ثبت‌نام.

بسته کامل ۹ فایلی وب و موبایل

favicon.ico، favicon-16x16.png، favicon-32x32.png، favicon-48x48.png، apple-touch-icon.png، android-chrome-192x192.png، android-chrome-512x512.png، site.webmanifest، head-tags.html.

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

پیش از دانلود ببینید آیکون در زبانه روشن و تیره و نشان صفحه اصلی iOS چطور است؛ رنگ پس‌زمینه، حاشیه امن و شعاع گوشه را زنده تنظیم کنید.

قطعه HTML <head> آماده چسباندن

برچسب دقیق <link rel="icon">، <link rel="apple-touch-icon"> و <link rel="manifest"> را با یک کلیک برای Astro، Next.js، WordPress یا HTML ساده کپی کنید.

بسته‌بندی کاملاً خصوصی سمت کلاینت

نمونه‌برداری دقیق بوم، بسته‌بندی سرآیند دودویی .ico و آرشیو ZIP محلی در مرورگر اجرا می‌شود؛ بدون آپلود و بدون واترمارک.

Utiliome در برابر جایگزین‌های ابری سنتی

موتور محلی WebAssembly ما را با ابزارهای ابری قدیمی مقایسه کنید.

ویژگی	Utiliome (مرورگر محلی)	مبدل‌های ابری قدیمی
پوشش دارایی ساخته‌شده	favicon.ico چندلایه به‌علاوه PNGهای ۱۶/۳۲/۴۸/۱۸۰/۱۹۲/۵۱۲ و site.webmanifest	فقط ICO ۱۶×۱۶ یا بدون مانیفست iOS/Android PWA
ماکت زنده زبانه تیره/روشن و iOS	نوار زبانه Chrome روشن/تیره و پیش‌نمایش نشان صفحه اصلی iOS لحظه‌ای	دانلود ایستا بدون بررسی کنتراست حالت تیره
حاشیه، پس‌زمینه و گوشه گرد	حاشیه تعاملی ۰٪ تا ۳۰٪، شعاع گوشه ۰٪ تا ۵۰٪ و پس‌زمینه HEX سفارشی	لوگوی غیرمربع را بدون حاشیه یا گرد کردن نشان می‌کشد
حریم خصوصی و سرعت	بوم محلی و JSZip کاملاً در مرورگر (بدون آپلود)	لوگوی منتشرنشده برند را به سرور راه دور می‌فرستد

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

ساخت بسته کامل فاویکون در ۳ گام

نیازی به نصب نرم‌افزار نیست. همه‌چیز مستقیم داخل مرورگر اجرا می‌شود.

لوگو یا آیکون برند را رها کنید

تصویر وضوح بالا یا لوگوی برداری .svg را انتخاب کنید. برای آیکون تیز ۵۱۲×۵۱۲ شروع کار با SVG یا PNG حداقل ۵۱۲×۵۱۲ بهتر است.

حاشیه، شعاع گوشه و کنتراست حالت تیره

پیش‌نمایش زبانه روشن و تیره را ببینید. حاشیه امن ۸٪ تا ۱۲٪، گوشه گرد یا پس‌زمینه توپر بگذارید اگر لوگوی تیره روی زبانه تیره ناپدید می‌شود.

دانلود ZIP و کپی <head>

دانلود بسته کامل را بزنید، فایل‌ها را در /public یا ریشه سایت بگذارید و قطعه <link> را در <head> سند بچسبانید.

اندازه فاویکون سایت در ۲۰۲۶

پاسخ کوتاه: بسته تولید شامل favicon.ico، favicon-16x16.png، favicon-32x32.png، favicon-48x48.png برای زبانه، apple-touch-icon.png برای iOS و PNGهای 192×192 و 512×512 در site.webmanifest برای PWA است.

تکیه بر یک فایل favicon.ico دیگر برای نمایشگر Retina، آیفون، صفحه اصلی اندروید و قطعه جست‌وجوی گوگل کافی نیست. هر سکو وضوح و قالب مشخص می‌خواهد:

نام فایل	ابعاد	سکو و رفتار مرورگر
`favicon.ico`	`16×16`، `32×32`، `48×48` (چندلایه)	پشتیبان مرورگر قدیمی، خواننده RSS، میانبر دسکتاپ ویندوز و خزش `/favicon.ico`
`favicon-16x16.png`	`16 × 16 px`	زبانه دسکتاپ DPI استاندارد و نوار نشانک
`favicon-32x32.png`	`32 × 32 px`	زبانه Retina / HiDPI و سایت سنجاق‌شده نوار وظیفه ویندوز
`favicon-48x48.png`	`48 × 48 px`	میانبر چگالی بالا و خزشگر موتور جست‌وجو
`apple-touch-icon.png`	`180 × 180 px`	آیکون افزودن به صفحه اصلی iPhone و iPad و کاشی علاقه‌مندی Safari
`android-chrome-192x192.png`	`192 × 192 px`	میانبر صفحه اصلی Chrome اندروید داخل `site.webmanifest`
`android-chrome-512x512.png`	`512 × 512 px`	صفحه شروع نصب PWA و آیکون راه‌انداز چگالی بالا
`site.webmanifest`	مانیفست JSON	نام برنامه، رنگ پوسته و مسیر آیکون ۱۹۲/۵۱۲ برای نصب PWA
`head-tags.html`	قطعه HTML	برچسب `<link>` و `<meta name="theme-color">` آماده برای `<head>`

چرا زبانه حالت تیره لوگوی شفاف را می‌شکند و چطور درستش کنیم

پاسخ کوتاه: بسیاری از کاربران در حالت تیره مرور می‌کنند و لوگوی سرمه‌ای یا سیاه با PNG شفاف روی زبانه #1E293B یا #000000 نامرئی می‌شود. نشان پس‌زمینه با حاشیه ۸٪ تا ۱۲٪ و شعاع گوشه ۱۶٪ تا ۲۴٪ خوانایی را در هر دو پوسته تضمین می‌کند.

سازنده فاویکون در برابر مبدل ICO؛ کدام ابزار را انتخاب کنیم؟

پاسخ کوتاه: برای بسته ZIP کامل (PNG، آیکون Apple، مانیفست، قطعه <head> و favicon.ico) از سازنده فاویکون استفاده کنید. برای فایل چندلایه Windows .ico تا ۲۵۶ از مبدل ICO استفاده کنید.

هر دو ابزار فایل .ico می‌سازند اما برای خط لوله استقرار متفاوت طراحی شده‌اند:

ویژگی / نیاز	سازنده فاویکون (این ابزار)	سازنده و مبدل ICO
خروجی اصلی	بسته وب ۹ فایلی `.zip` (`6` PNG + `.ico` + `site.webmanifest` + `head-tags.html`)	دودویی مستقل `.ico` (یا ZIP دسته‌ای `.ico`) با انتخاب لایه سفارشی
وضوح‌های داخل `.ico`	لایه بهینه وب `16×16`، `32×32` و `48×48`	مجموعه کامل ویندوز: `16`، `24`، `32`، `48`، `64`، `128` و `256×256 px`
آیکون iOS و PWA اندروید	شامل (`180×180`، `192×192`، `512×512`)	شامل نیست (فقط ظرف دودویی `.ico`)
مناسب برای	وب‌سایت، اپ SaaS، پروژه Next.js/Astro/WordPress و آیکون نتایج جست‌وجو	آیکون `.exe` ویندوز، آیکون پوشه و تبدیل دسته‌ای PNG به ICO

پرسش‌های رایج

پرسش‌های رایج فاویکون و راهنمای اندازه آیکون

هرچه برای استفاده از سازنده Favicon رایگان و آنلاین Utiliome لازم است.

چه اندازه تصویری را در سازنده فاویکون بارگذاری کنم؟

برای تیزترین نتیجه تا آیکون شروع PWA اندروید ۵۱۲×۵۱۲، فایل برداری .svg یا تصویر مربع PNG/WebP حداقل ۵۱۲×۵۱۲ پیکسل بارگذاری کنید.

جست‌وجوی گوگل چه اندازه فاویکونی برای قطعه نتایج پیشنهاد می‌کند؟

مرکز جست‌وجوی گوگل فاویکون مربع حداقل ۸×۸ می‌خواهد و آیکون بزرگ‌تر از ۴۸×۴۸ (یا مضرب ۴۸، SVG یا apple-touch-icon ۱۸۰×۱۸۰) را توصیه می‌کند. Utiliome خودکار لایه ۴۸×۴۸ در favicon.ico، فایل favicon-48x48.png و apple-touch-icon ۱۸۰×۱۸۰ را می‌گذارد.

فایل‌های favicon-package.zip را کجا بگذارم؟

فایل‌های ایستا را در پوشه ریشه سایت بگذارید و برچسب <link> از head-tags.html را در <head> سند کپی کنید.

آیا favicon.ico ساخته‌شده فایل ICO چندوضوح واقعی است؟

بله. برخلاف ابزارهایی که فقط نام PNG را به .ico عوض می‌کنند، Utiliome سرآیند دودویی ICONDIR می‌سازد و سه لایه ۳۲بیت RGBA (۱۶×۱۶، ۳۲×۳۲ و ۴۸×۴۸) را در favicon.ico می‌گذارد.

کی از سازنده فاویکون و کی از ابزار ICO استفاده کنم؟

برای راه‌اندازی وب‌سایت از سازنده فاویکون استفاده کنید تا آیکون Apple Touch، آیکون PWA اندروید، site.webmanifest و برچسب سربرگ را یکجا بگیرید. وقتی فایل مستقل .ico ویندوز با لایه ۶۴، ۱۲۸ و ۲۵۶ یا تبدیل دسته‌ای تصویر به .ico می‌خواهید از سازنده ICO استفاده کنید.

آیا لوگو هنگام ساخت فاویکون به سرور آپلود می‌شود؟

هرگز. مقیاس بوم، گرد کردن گوشه، بسته‌بندی دودویی ICO و فشرده‌سازی ZIP کاملاً محلی در مرورگر انجام می‌شود.