Categoría: Imágenes
Generador de favicon
Convierte una imagen en un juego completo de iconos
Abre un logotipo y obtén iconos PNG de 16, 32, 48, 64, 128, 180, 192 y 512 píxeles, además de las etiquetas link para pegar en tu head. Cada tamaño se dibuja en tu navegador y la imagen nunca se sube.
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
Guarda los archivos en la raíz de tu sitio para que las URL de arriba funcionen, y mantén los nombres estables: un favicon que cambia de sitio hay que volver a rastrearlo.
Todo lo de esta página se procesa en tu navegador. No se sube nada.
Para qué sirve
Un favicon ya no es un solo archivo. Las pestañas quieren 16, 32 y 48 píxeles, las pantallas de alta densidad piden las versiones de 64 y 128, iOS lee un apple-touch-icon de 180 y un manifiesto de aplicación web en Android pide 192 y 512. Esta herramienta genera todos a partir de una sola imagen, con un canvas por tamaño, ajustando el dibujo dentro del cuadrado en vez de deformarlo, y devuelve el marcado que los enlaza con URL estables. Todo en PNG, porque cualquier navegador en uso lee favicons PNG y el viejo formato ICO no aporta nada a cambio.
Cómo se usa
- Elige un logotipo o una imagen cuadrada, idealmente de 512 x 512 o más.
- Si quieres, añade margen o rellena el fondo cuando el icono deba ser opaco.
- Descarga cada tamaño, guárdalos en la raíz de tu sitio y pega el HTML en tu head.
Privacidad
Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.
Preguntas frecuentes
- ¿Se sube mi logotipo?
- No. Cada icono se dibuja en un canvas de esta página y se ofrece como descarga local. La imagen no sale de tu dispositivo.
- ¿Qué tamaño debe tener la imagen de origen?
- Al menos 512 x 512, cuadrada y con un poco de aire alrededor de la marca. Cualquier cosa más pequeña hay que ampliarla para los tamaños grandes y se verá borrosa.
- ¿Sigo necesitando un archivo favicon.ico?
- No para los navegadores actuales, que leen iconos PNG declarados con una etiqueta link. Algún software muy antiguo aún busca /favicon.ico, así que mantenerlo no hace daño si ya lo tienes.