Generador de UUID
Genera UUID aleatorios en lote.
Generador de favicon
Crea un favicon.ico y todos los tamaños PNG que necesites a partir de una imagen.
o arrastra y suelta imágenes aquí
una imagen PNG, JPG, WebP o GIF (un logotipo cuadrado funciona mejor)
Tus archivos se quedan en tu dispositivo
- 1Añadir archivos
- 2Ajustar
- 3Descargar
Cómo funciona
- 1Añade un logotipo o una imagen cuadrados. De 512 por 512 píxeles o más da el mejor resultado.
- 2Elige si las imágenes no cuadradas se ajustan dentro o se recortan, y el fondo.
- 3Pulsa Crear conjunto de favicon.
- 4Descarga el ZIP, pon los archivos en la raíz de tu sitio y pega el HTML de favicon-html.txt en tu head.
Qué hace cada opción
- Ajustar dentro
- Conserva toda la imagen y añade espacio vacío en el lado corto.
- Recortar para llenar
- Llena el cuadrado y corta los bordes de una imagen ancha o alta.
- Fondo
- Transparente conserva la transparencia. Blanco o negro la rellenan. El icono Apple touch siempre lleva un fondo sólido.
Privacidad
Tu imagen se redimensiona en tu navegador y nunca se sube.
Preguntas frecuentes
¿Qué archivos obtengo?
favicon.ico con imágenes de 16, 32 y 48 px, PNG separados de 16, 32 y 48 px, un apple-touch-icon.png de 180 px, iconos de 192 y 512 px para Android, un archivo site.webmanifest y un archivo de texto con las etiquetas HTML.
¿Sigo necesitando un favicon.ico?
Muchos navegadores leen iconos PNG, pero algunos rastreadores, lectores de feeds y herramientas antiguas siguen pidiendo /favicon.ico, así que conviene conservarlo.
¿Por qué mi favicon es diminuto e ilegible?
A 16 píxeles el detalle desaparece. Usa una forma sencilla o una sola letra sobre un fondo liso, y evita las líneas finas o el texto pequeño.
¿Por qué mi navegador sigue mostrando el icono antiguo?
Los navegadores guardan los favicons en caché durante mucho tiempo. Fuerza una recarga completa, o añade una versión como /favicon.ico?v=2 al enlace.
¿Puedo subir un SVG?
No en esta versión. Exporta antes tu SVG como un PNG grande. Un sitio moderno también puede añadir un enlace a un icono SVG junto a estos archivos.