“Generador de favicon” convierte un logo en todo el juego de iconos que necesita un sitio web: favicon-16x16.png, favicon-32x32.png y favicon-48x48.png (pestañas del navegador y accesos directos del escritorio), apple-touch-icon.png de 180×180 (pantalla de inicio de iOS), android-chrome-192x192.png y android-chrome-512x512.png (Android y PWA), y después empaqueta los PNG de 16 / 32 / 48 en un favicon.ico de varios tamaños y añade una plantilla site.webmanifest junto con el código <link> que se pega directamente en el <head>. El escalado usa el remuestreo de alta calidad de pica y el procesado es local en el navegador.

Solo se ocupa de tamaños y empaquetado, no de diseño gráfico: un logo que siga siendo reconocible a 16 px es lo que hace bueno a un favicon.

1. 01Sube un logoun solo PNG / JPG / WebP / SVG, preferiblemente cuadrado y de 512×512 o más; si no es cuadrado, avisa de que “se recortará automáticamente por el centro”.
2. 02Genera el juego completoal pulsar, el logo se recorta por el centro hasta quedar cuadrado y se escala a los seis tamaños en orden; si el lado corto del origen mide menos de 512 px, avisa de que el icono de 512 se genera ampliando.
3. 03Revisa los resultados“Resultado de la generación” lista el nombre, el uso y el peso de cada archivo, y se pueden descargar uno a uno; “Descargar todo en zip” entrega favicon.zip con los 7 archivos de imagen más site.webmanifest.
4. 04Llévalo a tu webcopia el HTML de “Código de integración” (<link rel=icon>, apple-touch-icon, manifest) dentro del <head>, coloca los archivos descomprimidos en la raíz del sitio y ajusta el nombre y el color del tema del manifest si hace falta.

Entradas admitidas

PNG / JPG / JPEG / WebP / SVG, de una en una; el SVG se rasteriza antes de escalar y no se conserva el vector

Juego de tamaños

seis tamaños PNG fijos y un ICO que siempre contiene 16 / 32 / 48; no se puede personalizar, añadir ni quitar nada

Empaquetado del ICO

dentro se guardan directamente datos PNG (compatible con los navegadores modernos y con Windows Vista o posterior), no un mapa de bits BMP al estilo antiguo

Recorte

una imagen no cuadrada siempre se recorta por el centro hasta quedar cuadrada; no se puede elegir la zona ni añadir relleno

Lo que no hace

no diseña el icono, no añade esquinas redondeadas ni color de fondo (usa antes “Avatar redondeado”) y no genera el browserconfig.xml de las baldosas de Windows ni el SVG de pestaña fijada de Safari

El recorte, el escalado y el empaquetado del ICO se hacen localmente en el navegador, y el logo no se sube a ningún servidor.