چطور از لوگویم فاوآیکن بسازم؟

یک فایل PNG، JPEG، WebP یا SVG را رها کنید، گزینههایی مثل شکل، فاصله داخلی و نام برنامه را تنظیم کنید، سپس روی ساخت بسته فاوآیکن (.zip) کلیک کنید. قطعه HTML نشاندادهشده زیر چسباندن در head را کپی کنید.

چه فایلهایی در ZIP فاوآیکن هست؟

favicon-package.zip شامل favicon.ico، آیکنهای PNG (با اندازههای ۱۶، ۳۲، ۱۸۰، ۱۹۲ و ۵۱۲ پیکسل)، فایل site.webmanifest با نام برنامه شما و فایل favicon-snippet.html با تگهای link است.

چه اندازه و فرمتی از تصویر را باید آپلود کنم؟

PNG، JPEG، WebP و SVG پذیرفته میشوند، هر بار یک فایل. برای واضحترین نتیجه از تصویر مربع حداقل ۵۱۲ در ۵۱۲ استفاده کنید؛ PNG یا SVG شفاف بهترین کار را میکند.

چطور فاوآیکن گرد یا لبهگرد بگیرم؟

پس از آپلود، زیر شکل، مربع، لبهگرد یا دایره را انتخاب کنید. همچنین میتوانید فاصله داخلی را از ۰ تا ۲۵ درصد تنظیم کنید و نتیجه را در پیشنمایش زبانه مرورگر ببینید.

آیا تصویر من آپلود میشود و چرا ساخت ناموفق میشود؟

آیکنها با Canvas مرورگر رسم و با JSZip روی دستگاه شما فشرده میشوند. اگر پیام این تصویر بارگذاری نشد را دیدید، ممکن است فایل خراب باشد؛ تصویر یا مرورگر دیگری را امتحان کنید.

آیا واقعاً رایگان است؟

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

آیا فایلهای من آپلود میشوند؟

خیر. فایلهای شما داخل مرورگرتان باز و پردازش میشوند و به LibraTool فرستاده نمیشوند. بعضی ابزارها ابتدا یک موتور پردازش یا مدل هوش مصنوعی را در مرورگر شما دانلود میکنند؛ آن دانلود هیچ دادهای از شما ندارد.

آیا در موبایل کار میکند؟

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

🌟

تولید Favicon رایگان

هر تصویری را به یک بسته favicon کامل تبدیل کنید: یک favicon.ico چند-اندازه، آیکون touch Apple، آیکون‌های Android/PWA، manifest وب و قطعه HTML آماده برای کپی — همه به صورت zip‌شده در مرورگر شما.

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

فایل را اینجا رها کنید یا برای انتخاب کلیک کنید

PNG, JPG, WebP, SVG, HEIC, HEIF · پردازش روی دستگاه شما

یا Ctrl+V را بزنید تا از کلیپ‌بورد جای‌گذاری شود

مرور فایل‌ها

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

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

کاربردهای رایج

ایجاد Favicon برای وب سایتمجموعه favicon کامل ای بسازید که هر مرورگر و دستگاه انتظار دارد.
تولید نمادهای PWA و Manifestنمادهای 192px و 512px و web manifest ای که PWA نیاز دارد را دریافت کنید.
ایجاد نماد Apple Touchنماد 180×180 ای را بسازید که iOS از آن زمانی استفاده می کند که سایت در صفحه اول ذخیره شود.
تبدیل لوگو به Faviconلوگوی برند خود را به یک favicon تمیز و قابل شناسایی تبدیل کنید.
تولید Favicons برای هر Frameworkفایل های favicon آماده برای React، Next.js، WordPress و بیشتر را دریافت کنید.

نحوه کار

این ابزار هر PNG، JPEG، WebP، یا SVG را به یک بسته کامل فاویکون — .ico چندسایز، آیکون Apple touch، آیکون‌های اندروید/PWA، یک مانیفست وب، و یک قطعه HTML آماده-چسباندن — کاملاً درون مرورگر شما با استفاده از Canvas API و JSZip تبدیل می‌کند. چیزی آپلود نمی‌شود؛ همه رندرینگ و مونتاژ فایل به‌صورت محلی اتفاق می‌افتد.

1
Canvas تصویر شما را دوباره مقیاس می‌کند
مرورگر تصویر منبع شما را روی عناصر HTML Canvas خارج-از-صفحه در هر اندازه لازم (۱۶، ۳۲، ۴۸، ۱۸۰، ۱۹۲، و ۵۱۲ پیکسل) می‌کشد. SVGهای بدون ویژگی‌های صریح عرض/ارتفاع ابتدا از طریق DOMParser و XMLSerializer نرمال می‌شوند پس Firefox و Chrome خروجی پیکسلی یکسانی تولید می‌کنند به‌جای یک بوم خالی.
2
کدگذار دست‌نویس ICO فایل .ico را بسته‌بندی می‌کند
ورودی‌های کوچک ICO (۱۶، ۳۲، ۴۸ پیکسل) به‌صورت بیت‌مپ‌های خام ۳۲بیتی BGRA DIB کدگذاری می‌شوند — BITMAPINFOHEADER به‌علاوه ردیف‌های XOR پایین-به-بالا و یک ماسک AND یک‌بیتی — چون اجزای شل ویندوز فرمت DIB فشرده‌نشده را در آن اندازه‌ها لازم دارند. ابزار سربرگ دایرکتوری ICO را می‌نویسد و ورودی‌ها را کاملاً با DataView و Uint8Array به هم متصل می‌کند، بدون کتابخانه خارجی ICO دخیل.
3
خروجی‌های PNG از طریق canvas.toBlob تولید می‌شوند
هر نسخه PNG (favicon-16x16، favicon-32x32، apple-touch-icon-180x180، android-chrome-192x192، android-chrome-512x512) با فراخوانی canvas.toBlob با 'image/png' گرفته می‌شود و کدگذاری بدون افت به موتور تصویر داخلی مرورگر سپرده می‌شود. حاشیه داخلی اختیاری، رنگ پس‌زمینه و برش شکل (مربع، گرد یا دایره) پیش از گرفتن روی بافت بوم اعمال می‌شوند.
4
JSZip همه‌چیز را در یک دانلود بسته‌بندی می‌کند
JSZip همه فایل‌های تولیدشده — favicon.ico، پنج PNG، یک site.webmanifest با نام اپ شما، و یک favicon-snippet.html با تگ‌های <link> درست — را در یک بلاب .zip واحد مونتاژ می‌کند که به‌طور خودکار به دستگاه شما دانلود می‌شود.

تصویر شما مستقیماً در Canvas API مرورگر بارگذاری می‌شود و هرگز دستگاه شما را ترک نمی‌کند — داده فایل در هیچ نقطه‌ای به هیچ سروری منتقل نمی‌شود.

ابزارهای مرتبط

🖼️

تبدیل PNG به آیکون ICO

تصویرهای PNG، JPG، WebP یا SVG را به فایل‌های favicon .ico چند-اندازه تبدیل کنید. اندازه‌های مورد نظر را انتخاب کنید (۱۶، ۳۲، ۴۸، ۶۴، ۱۲۸، ۲۵۶) و یک .ico واحد دانلود کنید.

امتحان کنیدفایل‌ها محلی می‌مانند

🎞️