Generador de favicon
Converteix una imatge senzilla en un ícone de la taula web (favicon) i el paquet d'icona web. Assegureu-vos que el disseny es mantingui reconegut en petites dimensions, descarregueu els arxius i seguiu l'exemple d'instal·lació inclòs.
Abans de començar
- Entrada
- Una imatge JPG, PNG o WebP estàtica.
- Sortida
- Un ZIP amb ICO, icons PNG, un manifest i un exemple HTML.
Tota de càrrega...
Com utilitzar aquesta eina
- Seleccionar una imatge JPG, PNG o WebP estàtica.
- Creu a un quadre o afegir la palla i inspeccionar les previsions de l'icona.
- Descarrega el ZIP i adapta els camins d'exemple al teu lloc web.
Comprendre el resultat
Una icona de taula web (favicon) sovint apareix en una mida molt petita. Un símbol clar o lletra normalment funciona millor que una obra d'art detallada o text petit. Els arxius generats encara han de ser carregats i referits pel seu lloc web.
Per què la meva icona de taula del lloc web (favicon) sembla brossa o massa petita?
Una àmplia paraula o una foto detallada pot esdevenir indeleble en una petita bústia del navegador. Comença amb un simple símbol quadrat i inspecciona les previsions de 16 i 32 píxels. Padding conserva la font completa, però pot deixar un ampli logotip molt petit; la coberta quadrada omple l'icona i pot tallar els seus bords. Consulteu les dues opcions abans d'instal·lar el resultat.
Quins arxius de la pàgina web s'han de carregar a la meva pàgina web?
El ZIP inclou favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Per exemple, les etiquetes de enllaç. Extraure l'arxiu primer; carregar el ZIP sol no instal·la l'icona. Els camins d'exemple assumeixen que els arxius es troben a la arrel del lloc web. Ajustar aquests camins per a una altra carpeta, o utilitzar la configuració de l'icona del lloc de la plataforma, després comprovar la pàgina publicada i el seu cache.
Prova una mostra
Prova una mostra original per inspeccionar el flux de treball recolzat. Una mostra d'èxit no és una garantia per a cada entrada.
Mostra d'imatge original ↓Si el resultat no és el que esperes
El lloc encara mostra l'antic ícone.
Els arxius generadors no els instal·len. Consulteu les URL de l'icona i la marcació de la pàgina, llavors esborreu el cache del lloc i proveu una nova sessió del navegador. El navegador i les icones de resultats de la cerca poden actualitzar en diferents ocasions.
Següent Instruments útils: SVG a PNG →Límits importants
- Només entrada d'imatge; convertir un SVG a PNG primer.
- L'eina no canvia la configuració del vostre lloc web.
- Consulteu el vostre propi lloc web després d'instal·lar les icones perquè el comportament del caching i la plataforma poden diferir.
- màxim 10 MB 12 milions de píxels. La sortida inclou ICO, icons PNG, un webmanifest i exemple HTML en un ZIP.
Preguntes freqüents
Això instal·la l'icona de la taula web (favicon) al meu lloc?
No en Es tracta d’un fitxer i un exemple. Carregar els arxius i actualitzar els camins o les configuracions del seu lloc web.
El paquet fa que el meu lloc web sigui un PWA?
No en Els fitxers de icona i un webmanifest bàsic són només part d'una configuració d'aplicació web.
Per què el meu logotip és difícil de llegir a 16 píxels?
Els grans detalls poden desaparèixer en aquesta mida. Prova un símbol més senzill, una forma més forta o més espai al voltant de la marca.
Guia relacionada
Una pregunta o una correcció? mrkcal@mrkcal.com