Generador de favicon
Sube una imagen cuadrada y obtén todos los tamaños de favicon que esperan los navegadores y dispositivos modernos — más las etiquetas HTML exactas para pegar en el `<head>` de tu sitio.
Cómo usarlo
Sube una imagen cuadrada de origen, idealmente de 512×512px o más para que los tamaños pequeños queden nítidos. Genera para obtener seis PNG redimensionados (16, 32, 48, 180, 192, 512px) que cubren pestañas, marcadores e iconos de pantalla de inicio en iOS y Android.
Descarga cada tamaño y colócalos en la raíz de tu sitio, luego pega las etiquetas `<link>` generadas en el `<head>` — sin adivinar qué tamaños piden los navegadores.
Preguntas frecuentes
¿Qué tamaños de favicon necesito realmente?
16×16 y 32×32 cubren pestañas y marcadores; 48×48 algún contexto antiguo de Windows; 180×180 es el touch-icon de iOS; 192×192 y 512×512 cubren Android y los manifiestos PWA. Esta herramienta genera los seis.
¿Por qué mi favicon se ve borroso?
Normalmente porque la imagen de origen era menor que el tamaño destino y se amplió, o porque una imagen no cuadrada se estiró. Parte de una imagen cuadrada de al menos 512×512px.
¿Necesito un archivo .ico?
No — los navegadores modernos admiten favicons PNG declarados con `<link rel="icon" type="image/png">`, que es lo que genera esta herramienta. El .ico solo hace falta para navegadores muy antiguos.
¿Se sube mi imagen a un servidor?
No — todo el redimensionado ocurre localmente en tu navegador con la Canvas API. La imagen nunca sale de tu dispositivo.