Generador de favicones
Genere favicons a partir de cualquier imagen, de todos los tamaños que necesite un sitio.
Cómo usar Generador de favicones
- Sube un logotipo cuadrado: simplificado para una visualización pequeña; Lo ideal es una fuente de más de 512 px.
- Generar el conjunto de favicon: ICO más los tamaños PNG.
- Implementar: favicon.ico en la raíz, PNG con sus etiquetas de enlace en .
- Verificar en una ventana privada: los cachés de favicon sobreviven a todo.
¿Cuál es Generador de favicones?
Un generador de favicon convierte su logotipo en el conjunto de iconos que un sitio web necesita: los navegadores clásicos favicon.ico solicitan de forma predeterminada, además de los tamaños PNG que utilizan las plataformas modernas (16/32 para pestañas, 180 para iconos táctiles de Apple, 192/512 para Android/PWA). Una imagen cuadrada en; se establece la implementación.
Los favicons sobresalen por encima de sus 16 píxeles: son la identidad de su sitio en pestañas, marcadores, historial y resultados de búsqueda (Google muestra favicons en SERP móviles, un factor CTR real), y su ausencia se considera inacabada.
Sobre el Generador de favicones
Sube una imagen cuadrada (tu logotipo o marca) y genera el conjunto de favicon.
Implementación, la versión corta: favicon.ico va a la raíz del sitio (solicitada automáticamente en /favicon.ico) y las etiquetas principales declaran el resto: para PNG, para pantallas de inicio de iOS y un manifiesto web para íconos de Android/PWA. La mayoría de los sitios necesitan exactamente esa receta una vez y luego nunca vuelven a pensar en ella.
Ley de diseño a escala de favicon: 16px no perdona nada: las marcas que funcionan son una forma, letra o símbolo en negrita con alto contraste; Los logotipos completos con texto se vuelven borrosos. Pruebe los 16 píxeles generados con una barra de pestañas ocupada (temas claros Y oscuros; la transparencia maneja ambos). Y espere el almacenamiento en caché: los favicons son el activo más obstinadamente almacenado en caché en la web; verificar los cambios en una ventana privada. Las cargas se procesan y devuelven, no se conservan.
Preguntas Frecuentes
Learn more
Cómo crear un Favicon para su sitio web
Ese pequeño icono en la pestaña del navegador es una señal de confianza real. A continuación se explica cómo crear un favicon en todos los tamaños que necesita.
Read the guide