Generador de favicon
Convierte una imagen en favicon.ico, iconos PNG, apple-touch-icon, un webmanifest y código HTML listo para pegar.
Suelta aquí una imagen o elige una (PNG, JPG, WebP, SVG)
Cómo crear un conjunto de favicon
- Elige una imagen PNG, JPG, WebP o SVG. Lo ideal es una imagen cuadrada de al menos 512×512 px, o un SVG.
- Decide si quieres ajustar la imagen completa (dejando espacio vacío) o cubrir el cuadrado recortando los bordes.
- Elige un fondo transparente o un color y, si quieres, un nombre del sitio para el manifiesto.
- Descarga cada archivo por separado o todo el ZIP y copia el código HTML en el <head> de tu página.
Qué obtienes
El conjunto incluye favicon.ico con iconos de 16, 32 y 48 px, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png y site.webmanifest. Sube los archivos a la carpeta raíz de tu sitio para que las rutas coincidan con el código generado.
Consejos y privacidad
- Los detalles finos desaparecen en los tamaños pequeños, así que lo que mejor funciona es un símbolo sencillo o una sola letra con mucho contraste.
- El apple-touch-icon no puede ser transparente: iOS muestra las zonas transparentes en negro, por lo que este icono recibe un fondo blanco cuando no has elegido ningún color.
- Los navegadores guardan los favicon en caché de forma muy persistente, así que un cambio puede no verse de inmediato.
- Todo se procesa en tu dispositivo y la imagen nunca se sube.