Bepul Favikon Generatori

Istalgan rasmni to'liq favikon to'plamiga aylantiring: ko'p o'lchamli favicon.ico, Apple touch icon, Android/PWA belgilari, veb-manifest va joylashtirishga tayyor HTML kod parchasi — barchasi arxivlangan, brauzeringizda.

Fayllarni shu yerga tashlang yoki ko'rish uchun bosing

PNG, JPG, WebP, SVG, HEIC, HEIF · Fayl hajmi cheklovsiz

yoki buferdan joylash uchun Ctrl+V bosing

Fayllarni ko'rish

Fayllaringiz qurilmangizdan hech qachon chiqmaydi. Barcha ishlov berish brauzeringizda mahalliy tarzda amalga oshiriladi.

💡 Eng aniq natija uchun kamida 512×512 o'lchamli kvadrat rasm yuklang. Shaffof PNG yoki SVG eng yaxshi natija beradi.

Qanday ishlaydi

Bu asbob istalgan PNG, JPEG, WebP yoki SVG'ni to'liq favicon paketiga — ko'p o'lchamli .ico, Apple touch belgisi, Android/PWA belgilari, veb manifest va joylashtirishga tayyor HTML bo'lagi — Canvas API va JSZip yordamida to'liq brauzeringiz ichida o'giradi. Hech narsa yuklanmaydi; barcha chizish va fayl yig'ish mahalliy sodir bo'ladi.

  1. 1
    Canvas rasmingizni qayta o'lchamlaydi
    Brauzer manba rasmingizni har bir kerakli o'lchamda (16, 32, 48, 180, 192 va 512 px) ekrandan tashqari HTML Canvas elementlariga chizadi. Aniq kenglik/balandlik atributlarisiz SVG'lar avval DOMParser va XMLSerializer orqali normalizatsiya qilinadi, shunda Firefox va Chrome bo'sh kanvas o'rniga bir xil piksel chiqishini ishlab chiqaradi.
  2. 2
    Qo'lda yozilgan ICO kodlagichi .ico faylini yig'adi
    Kichik ICO yozuvlari (16, 32, 48 px) xom 32-bitli BGRA DIB bitmaplari sifatida kodlanadi — BITMAPINFOHEADER plyus pastdan-yuqoriga XOR qatorlar va 1bpp AND maskasi — chunki Windows shell komponentlari shu o'lchamlarda siqilmagan DIB formatini talab qiladi. Asbob ICO katalog sarlavhasini yozadi va yozuvlarni to'liq DataView va Uint8Array bilan birlashtiradi, tashqi ICO kutubxonasisiz.
  3. 3
    PNG chiqishlari canvas.toBlob orqali ishlab chiqariladi
    Har bir PNG varianti (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) canvas.toBlob'ni 'image/png' bilan chaqirish orqali olinadi, yo'qotishsiz kodlashni brauzerning o'rnatilgan rasm dvigateliga topshiradi. Ixtiyoriy bo'shliq, fon rangi va shakl kesish (kvadrat, dumaloq burchakli yoki doira) olishdan oldin kanvas kontekstiga qo'llaniladi.
  4. 4
    JSZip hammasini bitta yuklab olishga birlashtiradi
    JSZip barcha yaratilgan fayllarni — favicon.ico, beshta PNG, ilovangiz nomi bilan site.webmanifest va to'g'ri <link> teglari bilan favicon-snippet.html — qurilmangizga avtomatik yuklab olinadigan yagona .zip blob'iga yig'adi.

Rasmingiz to'g'ridan-to'g'ri brauzerning Canvas API'siga yuklanadi va hech qachon qurilmangizdan chiqmaydi — hech qanday fayl ma'lumoti hech qanday serverga hech qachon uzatilmaydi.

Tegishli asboblar

Ko'p so'raladigan savollar