Generator favicon
Creează favicon-uri PNG pentru site din logo sau din inițiale, cu codul HTML gata de copiat.
Mulțumim! Ne ajută să facem uneltele mai bune.
Nu s-a putut trimite acum. Încearcă mai târziu.
Generatorul de favicon creează iconițele mici care apar în tab-ul browserului, în favorite și pe ecranul telefonului când cineva salvează site-ul tău. Pornești de la logo sau de la inițiale, alegi culorile și rotunjirea colțurilor, iar unealta îți dă fișierele PNG în toate mărimile necesare, plus codul HTML gata de copiat. Totul se generează în browser.
Ce fișiere primești
| Fișier | Mărime | Unde se folosește |
|---|---|---|
| favicon-16.png | 16 × 16 px | Tab-ul browserului, ecrane obișnuite |
| favicon-32.png | 32 × 32 px | Tab pe ecrane de înaltă densitate, bara de activități |
| favicon-48.png | 48 × 48 px | Rezervă; Google recomandă favicon cu latura multiplu de 48 px |
| apple-touch-icon.png | 180 × 180 px | Ecranul de start pe iPhone și iPad |
| favicon-192.png | 192 × 192 px | Android și aplicații web |
| favicon-512.png | 512 × 512 px | Manifest pentru aplicații web, ecran de pornire |
Codul HTML generat face legătura pentru 32, 16, 192 și apple-touch-icon. Fișierele de 48 și 512 px le adaugi tu dacă ai nevoie de ele. Unealta nu creează fișier .ico; browserele moderne folosesc fără probleme PNG.
Opțiuni
- Logo: dacă încarci un logo, acesta este centrat și ocupă 86% din iconiță, pe fundalul ales.
- Inițiale: până la trei caractere. O literă ocupă mai mult spațiu decât două sau trei.
- Fundal și culoare text: alege culorile brandului.
- Colțuri rotunjite: de la 0 (pătrat) la 50 (cerc).
Sfaturi
La 16 px se văd foarte puține detalii, așa că un logo complicat devine o pată. O inițială pe fundal colorat se recunoaște mult mai bine. Pune fișierele în rădăcina site-ului și lipește codul HTML în secțiunea `<head>` a fiecărei pagini. Dacă iconița veche apare în continuare, golește cache-ul browserului. Ca să găsești culorile exacte din logo, folosește color picker din imagine, iar pentru combinații armonioase, generatorul de palete de culori.
Întrebări frecvente
Ce mărime trebuie să aibă un favicon?
Mărimea de bază este 32 × 32 px, plus 16 px pentru ecrane obișnuite, 180 px pentru iPhone și 192 px pentru Android. Unealta le generează pe toate.
Unde pun codul pentru favicon?
În secțiunea `<head>` a paginilor, iar fișierele PNG în rădăcina site-ului, ca adresele din cod să fie corecte.
Am nevoie de fișier .ico?
De obicei nu. Browserele actuale acceptă PNG. Fișierul .ico mai e util doar pentru browsere foarte vechi.
De ce nu se schimbă favicon-ul după ce l-am înlocuit?
Browserele păstrează favicon-ul în cache mult timp. Golește cache-ul sau deschide site-ul într-o fereastră privată.
Actualizat:
Ce unealtă îți lipsește?
Spune-ne ce calculator sau unealtă ai căutat și n-ai găsit. Citim fiecare sugestie.