Nou llocs web
Crea una lletra senzilla o una icona d'emoji en un minut mentre el logotip real encara s'està dissenyant.
Generador de favicons — Crea icones favicon.ico i PNG a partir de text, un emoji o una imatge.
Escriviu una o dues lletres o un emoji, o pengeu el vostre logotip, i obtindreu un conjunt de fitxers de favicon a punt: favicon.ico, 16×16, 32×32, 48×48, la icona Apple touch de 180×180 i les icones d'aplicació de 192×192 i 512×512. Copia el fragment d'HTML i ja està. Les imatges es processen al teu navegador.
Crea el meu favicon
La teva imatge es manté al navegador.
Dissenya la teva icona
Previsualització i descàrrega
La guia
Guia del generador de favicons: mides, fitxers i l'HTML que necessites
Quins fitxers de favicon necessita un lloc web i com afegir-los.
Què és el Generador de Favicons?
Un favicon és la petita icona que es mostra a les pestanyes del navegador, als marcadors i als resultats de cerca al costat del nom del teu lloc web. Un bon favicon fa que la teva pestanya sigui fàcil de trobar entre moltes altres.
Aquest generador dibuixa la teva icona en un llenç a qualsevol mida que necessitis i et permet descarregar cada fitxer, inclòs un favicon.ico multitalla, juntament amb les etiquetes d'enllaç per afegir a la teva pàgina.
Per què la gent utilitza un generador de favicons
Logos existents
Retalla un logotip a un quadrat i exporta totes les mides que demanen els navegadors i els telèfons.
Aplicacions web i PWAs
Obtén les icones PNG de 192 i 512 píxels que demana el manifest d'una aplicació web, a més de la icona touch d'Apple.
Mides dels favicons explicades
favicon.ico és el fitxer clàssic a la carpeta arrel del vostre lloc web. Aquesta eina empaqueta les versions de 16, 32 i 48 píxels en un sol fitxer ICO. Els fitxers PNG de 16×16 i 32×32 són adequats per als navegadors moderns, i el de 32×32 té més nitidesa en pantalles d'alta densitat. El fitxer apple-touch-icon.png de 180×180 s'utilitza quan algú afegeix el vostre lloc a la pantalla d'inici d'un iPhone o iPad.
Els fitxers PNG de 192×192 i 512×512 són les mides que utilitzen les aplicacions web d'Android i les instal·lables; inclou-les al manifest de la teva aplicació web. Els motors de cerca també poden mostrar un favicon en els resultats, i Google demana una icona quadrada amb una mida múltiple de 48 píxels, que cobreixen els fitxers de 48 i 192 píxels.
Com utilitzar el generador de favicons
- Tria text o imatge. Per al text, escriu un o dos caràcters o un emoji i tria colors. Per a una imatge, selecciona un fitxer.
- Tria una forma: quadrada, arrodonida o circular.
- Comproveu les previsualitzacions a cada mida. Les mides petites es mostren a la seva mida real en píxels.
- Descarrega els fitxers que necessites o fes servir la opció Descarrega-ho tot, i després copia el fragment HTML al capçal de la teva pàgina.
Consells senzills
- Un o dos caràcters es llegeixen millor amb 16 píxels. Les paraules llargues es tornen borroses.
- Utilitza un contrast elevat entre la icona i el seu fons perquè es mantingui llegible a pestanyes clares i fosques.
- Per a logotips amb molts detalls, utilitza una marca simplificada o només la inicial.
- Col·loca els fitxers a la carpeta arrel del teu lloc perquè els enllaços del fragment funcionin, o modifica les rutes perquè coincideixin amb les teves carpetes.
Limitacions i privacitat
Privacitat
La teva imatge es dibuixa i es redimensiona al teu navegador. No s'envia res a cap servidor i els fitxers es creen al teu dispositiu quan els descarreguis.
Limitacions
El fitxer ICO només conté imatges de 16, 32 i 48 píxels. Les imatges es retallen a un quadrat centrat, així que retalla primer el teu logotip si necessites una altra part. Els navegadors de vegades emmagatzemen en memòria cau els favicons antics durant molt de temps, de manera que pot trigar una estona a aparèixer la nova icona.
Preguntes freqüents
Preguntes freqüents del generador de favicons
Què és un favicon?
Un favicon és la petita icona que apareix a les pestanyes del navegador, als marcadors i, de vegades, als resultats de cerca, al costat del nom del teu lloc web.
Quines mides de favicon necessito?
Un favicon.ico (16, 32 i 48 píxels), un PNG de 32×32, una icona Apple Touch de 180×180 i PNG de 192×192 i 512×512 si el vostre lloc web és instal·lable com a aplicació. Aquesta eina els crea tots.
Com puc afegir el favicon al meu lloc web?
Pugeu els fitxers al vostre lloc, normalment a la carpeta arrel, i enganxeu les etiquetes d'enllaç generades a l'encapçalament del vostre HTML. Canvieu les rutes si els fitxers es troben en un altre lloc.
Puc fer un favicon a partir d'un emoji?
Sí. Tria Text i escriu un emoji, o un o dos caràcters. Tria un color de fons i una forma i la icona es dibuixa per a tu.
Quina imatge he de pujar?
Una imatge quadrada d'almenys 512×512 píxels funciona millor, en PNG, JPG o WebP. Les altres formes es retallen a un quadrat centrat.
Admet fons transparents?
Sí. Desmarca Omple fons i un PNG amb transparència el conserva. Amb text, les lletres es dibuixen sobre una icona transparent.
Per què no es mostra el meu nou favicon?
Els navegadors emmagatzemen els favicons agressivament en la memòria cau. Prova de fer una recàrrega forçada, neteja la memòria cau o obre el lloc en una finestra privada per veure la nova icona.
S'ha pujat la meva imatge a un servidor?
No. La icona es crea al vostre navegador i els fitxers es generen al vostre dispositiu.
De persones que utilitzen aquesta eina
Ressenyes
Carregant ressenyes…
Continua
Més eines a la caixa
La pàgina d'inici ofereix dotzenes d'eines gratuïtes més que no requereixen cap clau d'API.
Generador de UUID
Genera UUID de v4, v7 i v5 en massa.
Obre l'einaConvertidor de CSV a JSON
Converteix les dades CSV en JSON net.
Obre l'einaCàlcul de descompte
Calculeu els preus de venda i el percentatge de descompte.
Obre l'einaProva de velocitat de mecanografia
Mesura les teves paraules per minut i la teva precisió.
Obre l'eina