Renderizado localmente en tu navegador — tu imagen nunca se sube.
El origen es menor que 256 px — los resultados pueden verse borrosos al ampliar.
El origen no es cuadrado — se recortará en el centro para que sea cuadrado.
Acerca de esta herramienta
Un favicon es el pequeño icono que un navegador muestra en las pestañas, los marcadores y el historial; los sitios modernos entregan un conjunto de tamaños para que se mantenga nítido desde una pestaña de 16×16 hasta una pantalla de instalación de PWA de 512×512. Este generador toma una imagen de origen (PNG, JPG, SVG o WebP), la recorta al centro en cuadrado y renderiza los tamaños estándar — 16, 32 y 48 para favicon.ico, 180 para el icono Apple touch, y 192 y 512 para los iconos de Android/manifest. Todo se ejecuta en un <canvas> en tu navegador, y el .ico se ensambla incrustando directamente los PNG pequeños en un contenedor Windows ICONDIR, que todo navegador y sistema operativo actual sabe leer.
Úsalo para inicializar el conjunto de favicons de un proyecto nuevo, refrescar un icono tras un cambio de marca, o producir los archivos exactos que solicita una auditoría de Lighthouse o de PWA. Coloca un logo cuadrado, activa esquinas redondeadas o relleno transparente a tu gusto, y luego descarga favicon.ico, cada PNG, y pega las etiquetas <link> listas para usar junto con el bloque de iconos de site.webmanifest en tu <head>.
El archivo .ico incrusta PNG reales (PNG-in-ICO), que todo navegador moderno sabe leer — colócalo en la raíz de tu sitio en /favicon.ico.
Preguntas frecuentes
¿Qué tamaño de imagen debería subir para un favicon?
Sube una imagen cuadrada de al menos 512×512 px para que las salidas más grandes se mantengan nítidas. Los orígenes más pequeños se amplían y pueden verse borrosos, y las imágenes no cuadradas se recortan al centro en cuadrado antes de renderizar.
¿Sigo necesitando un archivo favicon.ico?
Sí — favicon.ico en la raíz de tu sitio es el respaldo que los navegadores y los rastreadores solicitan automáticamente, y algunos contextos heredados solo lo buscan a él. Esta herramienta construye uno con fotogramas de 16, 32 y 48 px incrustados, junto con los iconos PNG modernos referenciados mediante etiquetas <link>.
¿Por qué el generador de favicons produce varios tamaños de PNG?
Distintas superficies solicitan distintos tamaños: 16/32 px para las pestañas del navegador, 180 px para el icono Apple touch en las pantallas de inicio de iOS, y 192/512 px para los iconos de manifest de Android y PWA. Entregarlos todos permite que cada plataforma elija la coincidencia más cercana en lugar de escalar una sola imagen.