Generador de favicon y conjunto de iconos
Crea un favicon sencillo y un conjunto de iconos de app a partir de una letra, un texto corto o un emoji. Elige los colores de fondo y de texto, luego descarga los tamaños PNG y copia las etiquetas HTML que necesitas.
Parte del arte que ya tienes: el Generador de favicon produce los tamaños del navegador, el Creador de logos construye una marca desde cero y el Optimizador SVG reduce el resultado.
Cómo usar Juegos de iconos
- 1 Elige las plataformas y tamaños que necesitas: pestañas del navegador, pantalla de inicio de iOS, Android, PWA.
- 2 Copia el fragmento HTML generado en tu sección head.
- 3 Sigue la lista de comprobación de archivos, produciendo cada tamaño con el generador de favicon o tu propia herramienta de imagen.
- 4 Coloca los archivos en la raíz de tu sitio y verifica que las rutas del fragmento coincidan.
Cómo usarlo
Introduce uno o dos caracteres (una letra, las iniciales o un emoji) y elige tus colores. La previsualización se renderiza en cada tamaño habitual y cada uno se puede descargar por separado. El bloque HTML cubre las etiquetas de enlace modernas.
- Entrada de letra, iniciales o emoji
- Fondo, texto y forma personalizables
- Todos los tamaños habituales de favicon y PWA
- Descargas PNG individuales
- Etiquetas de enlace HTML generadas para ti
Preguntas frecuentes
¿En qué se diferencia del generador de favicon?
El generador de favicon produce los archivos de imagen a partir de tu arte. Esta herramienta produce el plan: las etiquetas de enlace exactas y la lista de tamaños a crear, que es la parte que la gente se equivoca, porque el conjunto necesario ha crecido mucho más allá del antiguo favicon.ico único.
¿Qué tamaños necesito realmente?
Para un sitio moderno: un PNG de 48 o 32 px para la pestaña del navegador, un apple-touch-icon de 180 px para iOS, y PNG de 192 y 512 px si quieres el sitio instalable como PWA. El favicon.ico heredado de 16 px sigue mereciendo la pena para marcadores antiguos y lectores RSS.
¿Por qué el apple-touch-icon necesita un fondo sólido?
Porque iOS compone la transparencia sobre negro, no sobre blanco. Un logotipo con fondo transparente que se ve bien en la pestaña del navegador aparecerá como un mosaico oscuro en la pantalla de inicio, así que exporta ese tamaño aplanado sobre un color de fondo.
Generadores y varios relacionadas
También te puede interesar
Herramientas de otras categorías que suelen combinarse con Juegos de iconos: