Salt la conținutul principal
LibraTool logoLibraTool

Generator Favicon — gratuit

Transformă orice imagine într-un pachet favicon complet: un favicon.ico cu mai multe dimensiuni, pictograma Apple touch, pictogramele Android/PWA, un manifest web și fragmentul HTML gata de lipit — toate comprimate, în browser.

Trage un fișier aici sau fă clic pentru a naviga

PNG, JPG, WebP, SVG, HEIC, HEIF · procesat pe dispozitivul tău

sau apăsați Ctrl+V pentru a lipi din clipboard

Răsfoiește fișierele

Fișierele tale nu părăsesc niciodată dispozitivul. Toată procesarea se face local în browser.

💡 Pentru cel mai bun rezultat, încărcați o imagine pătrată de cel puțin 512×512. PNG transparent sau SVG funcționează cel mai bine.

Utilizări frecvente

  • Creați o favicon de site webGenerați setul complet de favicon pe care se așteaptă de la fiecare browser și dispozitiv.
  • Generați pictograme PWA și ManifestObțineți pictogramele de 192px și 512px și manifestul web pe care PWA are nevoie.
  • Creați o pictogramă Apple TouchGenerați pictograma 180×180 pe care iOS o folosește atunci când un site este salvat pe ecranul principal.
  • Transformați un logo într-o faviconConvertiți logoul mărcii dumneavoastră într-o favicon curată și ușor de recunoscut.
  • Generați favicoane pentru orice frameworkObțineți fișiere favicon gata de utilizat pentru React, Next.js, WordPress și altele.

Cum funcționează

Această unealtă convertește orice PNG, JPEG, WebP, sau SVG într-un pachet complet de favicon — .ico multi-dimensiune, pictogramă Apple touch, pictograme Android/PWA, un manifest web, și un fragment HTML gata de lipit — în întregime în browser-ul tău folosind API-ul Canvas și JSZip. Nimic nu este încărcat; toată randarea și asamblarea fișierelor se întâmplă local.

  1. 1
    Canvas redimensionează imaginea ta
    Browser-ul desenează imaginea ta sursă pe elemente HTML Canvas în afara ecranului la fiecare dimensiune necesară (16, 32, 48, 180, 192, și 512 px). SVG-urile fără atribute explicite width/height sunt normalizate mai întâi prin DOMParser și XMLSerializer, astfel încât Firefox și Chrome produc rezultat identic de pixeli în loc de un canvas gol.
  2. 2
    Codificatorul ICO scris manual împachetează fișierul .ico
    Intrările ICO mici (16, 32, 48 px) sunt codificate ca bitmap-uri DIB BGRA brute pe 32 de biți — BITMAPINFOHEADER plus rânduri XOR de jos în sus și o mască AND de 1bpp — deoarece componentele shell Windows necesită format DIB necomprimat la acele dimensiuni. Unealta scrie antetul director ICO și concatenează intrările în întregime cu DataView și Uint8Array, fără nicio bibliotecă ICO externă implicată.
  3. 3
    Ieșirile PNG sunt produse prin canvas.toBlob
    Fiecare variantă PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) este captată apelând canvas.toBlob cu 'image/png', delegând codificarea fără pierderi motorului de imagine integrat al browser-ului. Padding opțional, culoare de fundal, și decupare de formă (pătrat, rotunjit, sau cerc) sunt aplicate contextului canvas înainte de captare.
  4. 4
    JSZip grupează totul într-o singură descărcare
    JSZip asamblează toate fișierele generate — favicon.ico, cele cinci PNG-uri, un site.webmanifest cu numele aplicației tale, și un favicon-snippet.html cu etichetele <link> corecte — într-un singur blob .zip care se descarcă automat pe dispozitivul tău.

Imaginea ta este încărcată direct în API-ul Canvas al browser-ului și nu părăsește niciodată dispozitivul tău — nicio dată de fișier nu este transmisă către niciun server în niciun moment.

Instrumente similare

Întrebări frecvente