Cómo Crear un Favicon (Logotipo, Imagen o Emoji)
A partir de un logotipo, foto, URL de imagen o emoji, y cómo mantenerlo legible a 16x16.
La forma del trabajo
- 1
Elige una fuente
Parte de un archivo de logotipo o imagen, un emoji o icono con nombre, o una URL de imagen.
- 2
Diseña para tamaños pequeños
Mantén la marca simple y con mucho contraste para que siga siendo legible a 16x16 píxeles.
- 3
Exporta todos los tamaños y formatos
Genera el .ico, los tamaños PNG, el apple-touch-icon y los iconos del manifest en una sola pasada.
Método A: A partir de un logotipo o imagen
Sube un logotipo, un icono o incluso una captura de pantalla. El generador recorta, escala y exporta todos los tamaños, además del .ico y el manifest. El arte de origen en PNG o SVG con fondo transparente da el resultado más limpio.
Método B: A partir de un emoji o icono con nombre
¿Aún no tienes logotipo? Elige un emoji o un icono con nombre y el generador lo renderiza sobre un fondo cuadrado o circular a tu elección. Es la forma más rápida de entregar un favicon reconocible para un proyecto paralelo, un prototipo o una herramienta interna.
Método C: A partir de una URL de imagen
Pega una URL y extrae el arte directamente de un sitio o recurso ya existente. Práctico cuando reconstruyes una marca que ya tienes publicada en otro lugar.
Diseña para tamaños pequeños
Parte de arte 512x512 y reduce, nunca amplíes.
Elimina los detalles finos y los trazos delgados; desaparecen a 16px.
Prueba en pestañas claras y oscuras. Si necesitas una marca distinta para cada una, los favicons adaptables al tema lo resuelven.
Revisa cada dimensión en la guía de tamaños de favicon antes de exportar.
16x16, a tamaño real
Elige el formato adecuado
| Formato | Para qué sirve |
|---|---|
| ICO | Estándar heredado, todavía solicitado en /favicon.ico. Agrupa varios tamaños en un solo archivo. |
| PNG | El caballo de batalla de los navegadores modernos, del apple-touch-icon y de Android. Un archivo por tamaño. |
| SVG | Escala con nitidez y admite el cambio de tema, con fallbacks en PNG para navegadores más antiguos. |
Diseñando iconos de campaña o de temporada
¿Quieres una variante navideña o una marca de lanzamiento de producto? Usa el lienzo creativo para maquetar y ajustar favicons con texto, emoji e iconos antes de la entrega.
Preguntas frecuentes
¿Qué tamaño debe tener un favicon?
Diseña en alta resolución (512x512) y exporta hacia abajo a 16x16, 32x32, 48x48, 180x180 y 192x192 para que cada navegador y dispositivo reciba un icono nítido.
¿Puedo crear un favicon a partir de un emoji?
Sí. Elige un emoji o icono con nombre y el generador lo renderiza sobre un fondo transparente o de color y exporta todos los tamaños de favicon automáticamente.
¿En qué formato debe estar un favicon?
Entrega un .ico multirresolución para el soporte heredado, PNG para navegadores y dispositivos modernos y, opcionalmente, un SVG para un escalado nítido. Un buen generador produce todos ellos.