سازنده فاوآیکون
از هر تصویری فاوآیکون های PNG با اندازه های 16 و 32 و 48 و 180 پیکسل بسازید. رایگان.
نحوه استفاده
- تصویری مربعی (PNG یا JPG) بارگذاری کنید — لوگو یا آیکون ساده شما بهترین کار را می کند.
- ابزار به صورت خودکار هر اندازه استاندارد فاوآیکون را می سازد: 16×16 و 32×32 و 180×180 و 192×192 و 512×512.
- پیش نمایش هر اندازه را ببینید تا بررسی کنید طراحی شما در ابعاد کوچک هم قابل تشخیص است.
- بسته فاوآیکون را دانلود کنید، فایل ها را روی سایت خود بارگذاری کنید و برچسب های لینک داده شده را در head اچ تی ام ال بگنجانید.
سوالات متداول
آیا این واقعا رایگان است؟
بله — هر ابزار این سایت 100% رایگان است، بدون محدودیت، بدون ثبت نام و بدون واترمارک.
آیا داده های من خصوصی است؟
قطعا. همه پردازش به صورت محلی در مرورگر شما انجام می شود. فایل های شما هرگز به هیچ سروری بارگذاری نمی شوند.
چه نوع تصویری فاوآیکون خوبی می سازد؟
طراحی ساده، جسورانه و با کنتراست بالا. متن ظریف و خطوط نازک در 16×16 پیکسل ناپدید می شوند، پس نشان ساده ای استفاده کنید — اغلب یک حرف یا نماد از لوگوی شما، روی پس زمینه یکدست. تصاویر منبع مربعی بهترین کار را می کنند.
واقعا به چه اندازه های فاوآیکونی نیاز دارم؟
16×16 و 32×32 زبانه ها و نشانک های مرورگر را پوشش می دهند؛ 180×180 آیکون لمسی اپل برای صفحه های اصلی iOS است؛ و 192×192 و 512×512 برای مانیفست PWA (اپ های قابل نصب) لازم هستند. ساخت هر پنج تا هر کاربرد مدرن را پوشش می دهد.
آیا هنوز به قالب قدیمی .ico نیاز دارم؟
فاوآیکون های PNG در هر مرورگر مدرنی کار می کنند، اما favicon.ico در ریشه سایت شما سازگارترین جایگزین باقی می ماند — برخی مرورگرها و ابزارهای قدیمی هنوز آن را جستجو می کنند. اگر بیشترین سازگاری مهم است، یکی اضافه کنید.
فایل ها و کد را کجا بگذارم؟
فایل های ساخته شده را در پوشه ریشه سایت خود (یا پوشه /images/) بارگذاری کنید، سپس برچسب های لینک را در بخش head هر صفحه بچسبانید — یا بهتر، در قالب سربرگ مشترک تا در کل سایت اعمال شود.
سازنده فاوآیکون — راهنمای کامل
فاوآیکون آیکون کوچکی در زبانه مرورگر است — از نظر پیکسل کوچک، از نظر برندینگ بزرگ. سایت های با فاوآیکون واضح حرفه ای به نظر می رسند و در میان بیست زبانه باز به راحتی پیدا می شوند؛ سایت های بدون آن کره معمولی نشان می دهند و ناقص به نظر می رسند. این سازنده هر تصویر مربعی را در چند ثانیه به بسته کامل و آماده تولید فاوآیکون تبدیل می کند، کاملا در مرورگر شما.
چرا فاوآیکون ها مهم تر از آن چیزی هستند که فکر می کنید
کاربران زبانه ها را با آیکون خیلی پیش از خواندن عنوان ها تشخیص می دهند. فاوآیکون قابل تشخیص بازدیدهای مکرر را بهتر می کند (نشانک شما برجسته می شود)، اعتماد به برند را افزایش می دهد و تجربه نصب PWA روی گوشی ها را کامل می کند — جایی که آیکون شما در کنار اپ های بزرگ روی صفحه اصلی می نشیند. این یکی از قابل مشاهده ترین بهبودهایی است که هر سایتی می تواند با این تلاش انجام دهد.
برای 16 پکسل طراحی کنید
واقعیت تلخ: لوگوی دقیق و زیبای شما در 16×16 به هم می ریزد. نخست فاوآیکون اول گونه ای طراحی کنید — یک حرف جسورانه یا یک نماد یا شکلی ساده، روی رنگ یکدست برند. خوانایی را با تنگ کردن چشم ها آزمایش کنید: اگر با دید تار نمی توانید آن را تشخیص دهید، ساده ترش کنید. پدینگ فراخ نگه دارید تا نشان به لبه ها نچسبد، و از گرادیان های پر سر و صدا در اندازه های کوچک خودداری کنید.
فهرست کامل اندازه ها
16×16 / 32×32: زبانه های مرورگر، نوار آدرس و نشانک ها. 180×180: آیکون لمسی اپل (iOS گوشه های گرد خود را اضافه می کند — محتوا را در مرکز نگه دارید). 192×192 و 512×512: آیکون های مانیفست وب اپ برای «افزودن به صفحه اصلی» و نصب PWA؛ نسخه 512 پیکسلی باید با پدینگ، امن برای ماسک باشد. SVG (دلخواه): فاوآیکون برداری دقیقا مقیاس می شود و می تواند با حالت تیره هم سازگار شود — در نظر بگیرید یکی را همراه PNG ها اضافه کنید.
نکات پیاده سازی
فایل ها را در ریشه سایت خود بگذارید تا مرورگرها /favicon.ico را خود پیدا کنند، و برای اطمینان هر اندازه را با برچسب های لینک به وضوح اعلام کنید. پس از انتشار تازه سازی سخت انجام دهید (Ctrl+Shift+R) — مرورگرها فاوآیکون ها را به شدت کش می کنند، و آیکون قدیمی می تواند روزها بماند. با بررسی کننده فاوآیکون تایید کنید که هر اندازه حل می شود، و هر دو تم روشن و تیره مرورگر را آزمایش کنید تا آیکون شما دیده شود.
راهنمای گام به گام: نحوه ساخت رایگان فاوآیکون آنلاین (راهنمای 2026)