Construiește un pachet complet de favicon-uri dintr-un logo, o icoană de tip font sau un monogram — favicon.ico, PNG-uri moderne, icoana Apple touch, icoane PWA, un manifest web și fragmentul HTML.

Adaugă un logo, alege o icoană de tip font sau introdu un monogram — generăm fiecare favicon de care are nevoie un site modern, de la clasicul favicon.ico până la icoana Apple touch, icoanele PWA și un fragment HTML gata de lipit.

Trage un PNG aici sau dă clic pentru a încărca
Recomandat PNG transparent · acceptă și JPG / WebP
64%
Culoare fundal
0%
Folosită de interfața browserului și de manifestul PWA.
Site-ul tău
example.com
Marcaj · 32px
Apple touch · 180px
PWA · 512px

Pachetul tău de favicon-uri este gata
Descărcarea ZIP a început. Dezarhivează-l în rădăcina site-ului tău și lipește fragmentul HTML în <head>.

Despre Generator de favicon

Favicon Generator construiește fiecare pictogramă de care are nevoie un site web modern dintr-o singură sursă: încarcă un logo PNG, alege o pictogramă font sau scrie o monogramă. Pachetul include clasicul favicon.ico (16, 32 și 48 px), favicoane PNG moderne, pictograma Apple touch de 180 px, pictogramele PWA de 192 și 512 px, un site.webmanifest și fragmentul HTML pentru header.

Stilizarea se face în instrument: alege o culoare de fundal sau păstrează transparența, decupează într-o formă pătrată, rotunjită sau circulară, ajustează padding-ul și dimensiunea graficii și setează culoarea temei folosită de interfața browserului și de manifestul PWA. O previzualizare live arată pictograma ta în contexte reale — un tab de browser de 16 px, un marcaj, dala Apple touch și o pictogramă PWA.

Totul este randat pe un canvas în browserul tău, iar Generează asamblează întregul pachet într-un ZIP cu un README. Instalarea are doi pași: dezarhivează în rădăcina site-ului tău și lipește fragmentul furnizat în <head>.

Cum să utilizați Generator de favicon

  1. Alege sursa: încarcă un logo PNG, alege o pictogramă font sau scrie o monogramă.
  2. Stilizeaz-o — culoare de fundal sau transparență, formă, padding și dimensiunea graficii.
  3. Completează numele site-ului, numele scurt și culoarea temei pentru manifestul PWA.
  4. Verifică previzualizările: tab de browser, marcaj, contexte Apple touch și PWA.
  5. Apasă pe „Generează favicoane” și dezarhivează pachetul în rădăcina site-ului tău.
  6. Lipește fragmentul HTML din pachet în <head>-ul paginii tale.

Întrebări frecvente

Da — pachetul complet, inclusiv fișierul .ico, toate dimensiunile PNG, manifestul și fragmentul HTML, este gratuit de generat și descărcat.

favicon.ico cu straturi de 16, 32 și 48 px, favicoane PNG moderne, apple-touch-icon de 180 px, pictograme PWA de 192 și 512 px, un site.webmanifest, fragmentul HTML gata de lipit și un README cu pașii de instalare.

Da. Browserele și crawlerele încă solicită /favicon.ico ca variantă de rezervă, iar clienții mai vechi se bazează pe el. Pachetul îl livrează alături de linkurile PNG moderne, astfel încât fiecare vizitator primește o pictogramă clară.

Dezarhivează arhiva în rădăcina site-ului tău, astfel încât fișierele să ajungă la rădăcina domeniului, apoi lipește fragmentul HTML furnizat în <head>-ul paginilor tale. README-ul din ZIP repetă acești pași.

Este scrisă în manifest și în etichetele meta, colorând interfața browserului pe mobil și splash screen-ul plus bara de titlu ale PWA-ului instalat, astfel încât să se potrivească cu brandul tău.

Da. Scrie o monogramă de una sau două litere și alege un font și culori, sau alege o glifă din biblioteca de pictograme font — generatorul o randează la fiecare dimensiune la fel ca un logo încărcat.


Căutări populare
generator favicon creator favicon.ico creează favicon online apple touch icon generator pictograme PWA favicon din logo
Ai nevoie de ajutor?
Ai întâmpinat o problemă cu acest instrument? Spune-ne.
Raportează o problemă

Adăugați acest instrument gratuit pe propriul site — copiați și lipiți codul de mai jos.