Como creo favicons a partir de un logo?

Suelta o pega tu logo, espera los seis tamanos PNG y descarga un archivo o el pack ZIP. Todo corre en tu navegador - no se sube nada.

El pack incluye 16x16, 32x32, 48x48, 180x180 (apple-touch-icon.png), 192x192 y 512x512 PNG - los tamanos habituales para pestanas, Windows, iOS y Android.

Que pasa si mi logo no es cuadrado?

El generador ajusta la imagen dentro de cada cuadrado (object-fit contain) y deja relleno transparente. Para un icono a sangre, recorta el logo a cuadrado antes de subirlo.

Si. El ZIP anade un archivo de texto pequeno con etiquetas link que puedes pegar en el head. Tambien puedes copiar el mismo fragmento desde la pagina sin descargar.

Puedo usar SVG como favicon?

Puedes subir SVG como fuente si el navegador lo decodifica. La salida son siempre PNG para amplia compatibilidad. Conserva un favicon SVG aparte si quieres pestanas vectoriales donde se soporte.

Se sube mi logo a un servidor?

No. FileReader, Canvas y el ZIP corren solo en esta pestana. Seguro para marcas no publicadas. Compruebalo en DevTools Network mientras generas.

Herramientas generadoras

Generador de favicon

Convierte un logo o icono en un pack completo de favicon PNG en tu navegador - sin cuenta y sin subir archivos.

Tu imagen no sale del navegador. Los PNG de favicon se crean con Canvas en local - no hay endpoint de subida.

Suelta un logo o icono aqui o haz clic para elegir

JPG, PNG, WebP, GIF, BMP o SVG (max. 8 MB). Lectura local: no se sube nada.

O pega una imagen con Ctrl+V / Cmd+V.

Acerca de Generador de favicon

Convierte un logo o icono en un pack completo de favicon PNG en tu navegador - sin cuenta y sin subir archivos. Una imagen genera PNG de 16, 32, 48, 180 (Apple touch), 192 y 512 px, con ZIP opcional y etiquetas HTML listas para pegar. El redimensionado con Canvas se queda en este dispositivo. Combinalo con el Compresor de imagenes si la fuente es enorme, o con el Generador de etiquetas Open Graph para previews sociales.

Cómo usar Generador de favicon

Suelta un JPG, PNG, WebP, GIF, BMP o SVG (max. 8 MB) o pega una imagen. El archivo se lee en local - no se sube nada.
Espera las seis vistas previas PNG: 16, 32, 48, apple-touch 180, Android 192 y 512. Las fuentes no cuadradas se ajustan con relleno transparente.
Descarga un PNG suelto o el pack ZIP (incluye un archivo de texto con etiquetas HTML).
Copia el fragmento HTML en el head del documento y coloca los PNG en las rutas indicadas (normalmente la raiz del sitio).
Comprueba en DevTools Network que generar no crea ninguna peticion.

Ejemplos de Generador de favicon

Logo cuadrado para un sitio nuevo

Suelta un logo PNG de 1024 px. Descarga el ZIP, descomprimelo en /public y pega las etiquetas HTML en el head del layout raiz.

Wordmark ancho con relleno

Un wordmark apaisado se centra en cada cuadrado con margenes transparentes para que la pestana del navegador no recorte el texto.

Solo Apple touch icon

Genera el pack y descarga solo apple-touch-icon.png (180x180) si ya tienes otros tamanos y solo necesitas iconos de inicio en iOS.

Iconos PWA para Chrome

Usa android-chrome-192x192.png y android-chrome-512x512.png en el array icons de tu web app manifest tras descargar el ZIP.

Comprime primero, luego favicon

Si la fuente es una foto enorme del logo, pasa primero por el Compresor de imagenes, descarga un PNG mas pequeno y abre el Generador de favicon.

Casos de uso comunes

Publicar un set completo de favicons para un sitio Next.js o estatico
Crear Apple touch icons para favoritos en la pantalla de inicio de iOS
Producir tamanos Android Chrome / PWA desde un solo logo
Actualizar iconos de marca sin una herramienta que suba archivos
Copiar etiquetas HTML junto con el pack PNG

Preguntas frecuentes sobre Generador de favicon

Como creo favicons a partir de un logo?: Suelta o pega tu logo, espera los seis tamanos PNG y descarga un archivo o el pack ZIP. Todo corre en tu navegador - no se sube nada.
Que tamanos incluye?: El pack incluye 16x16, 32x32, 48x48, 180x180 (apple-touch-icon.png), 192x192 y 512x512 PNG - los tamanos habituales para pestanas, Windows, iOS y Android.
Que pasa si mi logo no es cuadrado?: El generador ajusta la imagen dentro de cada cuadrado (object-fit contain) y deja relleno transparente. Para un icono a sangre, recorta el logo a cuadrado antes de subirlo.
El ZIP incluye HTML?: Si. El ZIP anade un archivo de texto pequeno con etiquetas link que puedes pegar en el head. Tambien puedes copiar el mismo fragmento desde la pagina sin descargar.
Puedo usar SVG como favicon?: Puedes subir SVG como fuente si el navegador lo decodifica. La salida son siempre PNG para amplia compatibilidad. Conserva un favicon SVG aparte si quieres pestanas vectoriales donde se soporte.
Se sube mi logo a un servidor?: No. FileReader, Canvas y el ZIP corren solo en esta pestana. Seguro para marcas no publicadas. Compruebalo en DevTools Network mientras generas.

Compresor de imagenes

Compresor de imagenes gratis en el navegador. Reduce JPG, PNG y WebP con calidad y tamano maximo, luego descarga. No se sube nada.

Conversor de Imagen a Base64

Convierte una imagen a Base64 o data URL en el navegador: tu imagen no sale del navegador. Pega capturas, copia CSS/HTML/Markdown o decodifica Base64 a un archivo descargable.

Generador de códigos QR

Generador de códigos QR gratis en el navegador. Crea QR de URL, texto o WiFi, elige tamaño y colores, y descarga PNG o SVG. Nada se sube.

Generador de etiquetas Open Graph

Genera etiquetas Open Graph y Twitter Card a partir de un título, una descripción, una URL y una imagen. Generador OG gratis con HTML en vivo y vista previa social.