Convierte tu logotipo en todos los iconos que necesita una web: el favicon.ico que buscan los navegadores, iconos PNG, el icono para la pantalla de inicio del iPhone e iconos de app para Android, con un manifest listo y las líneas que debes pegar en tu página.
Generador de favicon at a glance
| Price | Gratis, sin registro, sin marca de agua, sin límite diario |
|---|---|
| Acepta | JPG · PNG · WebP · HEIC |
| Archivo más grande | 20 MB per file |
| Dónde funciona | En tu navegador: los archivos nunca se suben |
| Funciona en | Cualquier navegador actual en iPhone, Android, Windows, Mac y Linux |
| Enviar el resultado | Descárgalo o envíalo gratis con un enlace o por correo (hasta 20 GB) |
Cómo usar el generador de favicon
- Elige un logotipo o imagen cuadrada, idealmente de 512 × 512 píxeles o más.
- Elige qué hacer con una imagen no cuadrada, un fondo y un margen.
- Pulsa Crear favicons.
- Descárgalo todo en un ZIP, sube los archivos a la raíz de tu sitio y pega el HTML en <head>.
Qué obtienes
| Archivo | Tamaño | Lo usa |
|---|---|---|
favicon.ico | 16, 32, 48 px | Todos los navegadores, Windows, marcadores |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Pestañas del navegador |
apple-touch-icon.png | 180 px | Pantalla de inicio del iPhone y el iPad |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Pantalla de inicio de Android, apps web instalables |
site.webmanifest | Nombre, iconos y colores para Android y PWA |
Diseñar para 16 píxeles
Un favicon es diminuto. Usa un símbolo contundente o una o dos letras en lugar del logotipo completo con eslogan, y mucho contraste. Los iconos pequeños se crean reduciendo a la mitad paso a paso desde una copia grande, lo que mantiene los bordes nítidos. El margen da aire a un logotipo que toca los bordes, y las esquinas redondeadas o el círculo imitan el estilo de los iconos de app. El icono del iPhone siempre lleva un fondo sólido, porque iOS muestra en negro las zonas transparentes.
Un archivo ICO de verdad
El favicon.ico se escribe aquí byte a byte como un auténtico archivo de icono con varios tamaños (entradas comprimidas en PNG, compatibles con todos los navegadores actuales y con Windows desde Vista), no como un PNG renombrado. No se sube nada: tu logotipo se procesa en tu navegador. Para editar antes la imagen, por ejemplo para recortarla en cuadrado, usa el editor de imágenes. ¿También necesitas un código QR para tu web? Prueba el generador de códigos QR.
Cómo se compara
| Esta herramienta | Online converters (e.g. TinyPNG, iLoveIMG o CloudConvert) | Apps de escritorio (p. ej., Photoshop) | |
|---|---|---|---|
| Tu archivo se subió | No | Sí, a sus servidores | No |
| Instalación o cuenta | Ninguno | Cuenta para algunas funciones | Requiere instalación |
| Marca de agua o límites diarios | Ninguno | Habitual en planes gratis | Depende de la app |
Los planes de otros servicios cambian; consulta sus sitios. Más herramientas de imagen.
Preguntas frecuentes
¿Qué tamaño debe tener la imagen del favicon?
Cuadrada y de al menos 512 × 512 píxeles, para que el icono grande de Android se vea nítido. Las imágenes más pequeñas funcionan, pero se amplían.
¿Dónde pongo los archivos?
En la carpeta raíz de tu web (junto a index.html); después pega el HTML que aparece con los resultados en el head de tus páginas.
¿Sigue haciendo falta favicon.ico?
Sí. Los navegadores y muchas herramientas piden /favicon.ico automáticamente, aunque no haya una etiqueta link.
¿Puedo crear un favicon a partir de una foto?
Sí, elige Recortar el centro, pero un logotipo sencillo o una letra se reconoce mucho mejor a 16 píxeles.
¿Se sube mi logotipo?
No. Los iconos se crean en tu dispositivo.
¿Necesitas enviar un archivo grande?
Envía archivos de hasta 20 GB con un enlace de descarga o por correo. Gratis, sin crear cuenta, en calidad original.
Enviar archivos grandes gratis