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

1

منبع خود را انتخاب کنید

یک تصویر آپلود کنید، از متن با قلم‌های سفارشی بسازید، از بین صدها ایموجی انتخاب کنید، یا پیکسل آرت بکشید. هر URL را برای استخراج فاوآیکون‌های موجود تحلیل کنید.

2

سفارشی‌سازی و پیش‌نمایش

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

3

تولید و دانلود

تمام اندازه‌ها را با یک کلیک تولید کنید. بسته کامل را با قطعه کدهای آماده برای استفاده برای بیش از ۳۵ فریم‌ورک دانلود کنید.

چهار راه برای ساخت فاوآیکون شما

آپلود تصویر

با هر تصویری شروع کنید — PNG، JPG، SVG یا WebP. پس‌زمینه اضافه کنید، فاصله، روشنایی، کنتراست را تنظیم کنید و گوشه‌های گرد اعمال کنید. عالی برای لوگوها و دارایی‌های برند موجود.

متن به فاوآیکون

فاوآیکون‌های متنی با بیش از ۱۵۰۰ قلم گوگل بسازید. وزن قلم، رنگ‌ها را انتخاب کنید و پس‌زمینه‌های یک‌دست یا گرادینت اضافه کنید. ایده‌آل برای آیکون‌های ساده برند مبتنی بر حروف.

فاوآیکون ایموجی

از بین صدها ایموجی در ۱۲ دسته شامل تمام پرچم‌های کشورها انتخاب کنید. پس‌زمینه‌های رنگی با پیش‌تنظیمات یا گرادینت‌های سفارشی برای ظاهری صیقلی اضافه کنید.

بوم پیکسل آرت

فاوآیکون خود را پیکسل به پیکسل روی یک شبکه قابل تنظیم بکشید. از ابزارهای قلم، پاک‌کن و پر کردن با پشتیبانی بازگردانی/انجام مجدد استفاده کنید. خلاقیت پیکسل آرت خود را فوراً صادر کنید.

ویژگی‌های قدرتمند

۱۰۰٪ خصوصی

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

پوشش تمام پلتفرم‌ها

تولید بیش از ۱۵ اندازه فاوآیکون برای مرورگرها، صفحه اصلی iOS، اندروید کروم، کاشی‌های ویندوز، تب‌های پین شده سافاری و برنامه‌های وب پیشرونده.

پیش‌نمایش زنده

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

قطعه کد برای ۳۵+ فریم‌ورک

کد آماده برای استفاده برای HTML، React، Vue، Next.js، Nuxt، Angular، Astro، Svelte، WordPress، Shopify، Laravel، Django و بیش از ۲۵ پلتفرم دیگر دریافت کنید.

تحلیل‌گر URL

هر وب‌سایتی را برای استخراج فاوآیکون‌های موجود تحلیل کنید. ببینید چه اندازه‌هایی موجود است، چه چیزی مفقود است، و یک مجموعه کامل را با یک کلیک دوباره تولید کنید.

تاریخچه تولید

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

قالب‌های سریع

با قالب‌های طراحی شده حرفه‌ای با رنگ‌های یک‌دست، گرادینت‌ها و الگوها شروع کنید. اعمال کنید و برای مطابقت با برند خود سفارشی کنید.

ICO چند اندازه

به صورت خودکار فایل‌های ICO با وضوح چندگانه شامل اندازه‌های ۱۶×۱۶، ۳۲×۳۲ و ۴۸×۴۸ برای حداکثر سازگاری مرورگر ایجاد می‌کند.

بسته خروجی کامل

فاوآیکون‌های استاندارد

favicon.ico (چند اندازه)، و PNGهای ۱۶×۱۶، ۳۲×۳۲ و ۴۸×۴۸ برای تب‌های مرورگر و بوک‌مارک‌ها.

آیکون‌های Apple Touch

آیکون Apple Touch ۱۸۰×۱۸۰ برای صفحه اصلی iOS، به علاوه SVG تب پین شده سافاری با رنگ تم قابل تنظیم.

آیکون‌های اندروید و PWA

آیکون‌های ۱۹۲×۱۹۲ و ۵۱۲×۵۱۲ برای اندروید کروم و برنامه‌های وب پیشرونده، شامل پشتیبانی از آیکون ماسک‌پذیر.

کاشی‌های ویندوز

کاشی مایکروسافت ۲۷۰×۲۷۰ با browserconfig.xml برای ادغام با منوی استارت و نوار وظیفه ویندوز.

مانیفست وب

فایل site.webmanifest کامل با ارجاعات آیکون، رنگ‌های تم و تنظیمات نمایش PWA.

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

چه اندازه‌هایی برای فاوآیکون نیاز دارم؟
حداقل: favicon.ico، PNG ۳۲×۳۲، آیکون Apple Touch ۱۸۰×۱۸۰، و ۱۹۲×۱۹۲/۵۱۲×۵۱۲ برای اندروید/PWA. پیش‌تنظیم 'ضروری' ما تمام اندازه‌های مورد نیاز را به صورت خودکار شامل می‌شود.
چرا به یک فایل ICO نیاز دارم؟
فرمت ICO شامل چندین اندازه در یک فایل است و توسط تمام مرورگرها از جمله نسخه‌های قدیمی پشتیبانی می‌شود. این فرمت سنتی فاوآیکون است که حداکثر سازگاری را تضمین می‌کند.
آیا فاوآیکون من باید پس‌زمینه شفاف داشته باشد؟
برای تب‌های مرورگر، شفافیت خوب کار می‌کند. برای صفحات اصلی iOS و اندروید، یک پس‌زمینه یک‌دست یا گرادینت در نظر بگیرید زیرا آیکون‌ها روی تصاویر پس‌زمینه مختلف ظاهر می‌شوند.
آیا تصویر منبع من باید مربعی باشد؟
بله، فاوآیکون‌ها همیشه مربعی هستند. اگر تصویر شما مربعی نیست، از کنترل‌های فاصله و مقیاس ما استفاده کنید تا آن را کاملاً متناسب کنید. برای بهترین نتایج، با یک تصویر مربعی شروع کنید.
آیا تصاویر من امن و خصوصی هستند؟
۱۰۰٪ خصوصی. تمام پردازش‌ها از APIهای بومی Canvas و Blob مرورگر استفاده می‌کنند. تصاویر شما هرگز دستگاهتان را ترک نمی‌کنند — ما هیچ داده‌ای آپلود، ذخیره یا منتقل نمی‌کنیم.
چه فریم‌ورک‌هایی پشتیبانی می‌شوند؟
ما قطعه کدهایی برای بیش از ۳۵ پلتفرم شامل React، Vue، Angular، Next.js، Nuxt، Astro، Svelte، WordPress، Shopify، Laravel، Django، Ruby on Rails و بسیاری دیگر ارائه می‌دهیم.
در مورد برنامه‌های وب پیشرونده چطور؟
سازنده ما تمام آیکون‌های PWA مورد نیاز شامل انواع ماسک‌پذیر، به علاوه یک فایل site.webmanifest کامل با اعلامیه‌های صحیح آیکون و رنگ‌های تم را ایجاد می‌کند.

درک فاوآیکون‌ها

فاوآیکون‌ها آیکون‌های کوچکی هستند که وب‌سایت شما را در مرورگرها، بوک‌مارک‌ها، صفحات اصلی و لانچرهای برنامه نمایندگی می‌کنند. یک مجموعه کامل فاوآیکون تضمین می‌کند که برند شما در هر جایی که کاربران با سایت شما روبرو می‌شوند، حرفه‌ای و قابل تشخیص به نظر برسد.

فرمت ICO

فرمت ICO چندین اندازه (۱۶×۱۶، ۳۲×۳۲، ۴۸×۴۸) را در یک فایل بسته‌بندی می‌کند. در حالی که مرورگرهای مدرن از فاوآیکون‌های PNG پشتیبانی می‌کنند، ICO برای حداکثر سازگاری با مرورگرهای قدیمی و برخی برنامه‌های دسکتاپ ضروری باقی می‌ماند.

آیکون‌های PNG

مرورگرهای مدرن فاوآیکون‌های PNG را به خاطر کیفیت واضح و پشتیبانی از شفافیت ترجیح می‌دهند. هر اندازه هدفی دارد: ۱۶px و ۳۲px برای تب‌های مرورگر، ۱۸۰px برای iOS، و ۱۹۲px/۵۱۲px برای اندروید و PWAها.

مانیفست برنامه وب

فایل site.webmanifest تعریف می‌کند که سایت شما هنگام نصب به عنوان PWA چگونه به نظر می‌رسد. این فایل آیکون‌ها، رنگ‌های تم، حالت نمایش و سایر متاداده‌هایی را که مرورگرها برای ایجاد تجربه‌ای شبیه به برنامه استفاده می‌کنند، مشخص می‌کند.

فاوآیکون‌های SVG

ویژگی تب پین شده سافاری از یک آیکون SVG تک‌رنگ استفاده می‌کند. مرورگرهای مدرن نیز شروع به پشتیبانی مستقیم از فاوآیکون‌های SVG کرده‌اند که مقیاس‌پذیری بی‌نهایت و اندازه فایل کوچک‌تر را ارائه می‌دهد.