Generador de favicon – ICO, PNG y manifest

Elige tu logo; todos los iconos que piden la pestaña del navegador, la pantalla de inicio del móvil y Android, más site.webmanifest, se preparan en un ZIP. Tu imagen no sale de tu dispositivo.

PNG se convierte en ICO
Hasta ⁦10 MB⁩
Sin registro
Funciona en tu dispositivo

36 Generador de favicon

01 Elegir
02 Procesar
03 Descargar

Se procesa en tu dispositivo · sin subidas

PNG

Archivo elegido

Tamaño: Listo

Estado en vivo

Leyendo el archivo

Resultado

Listo.

0archivos en el ZIP

0 BTus datos enviados a nuestro servidor: 0 bytes · procesado en tu dispositivoPor qué 0: la regla de seguridad de esta página bloquea el envío de datos en el propio navegador; todo ocurre en esta pestaña. CSP · connect-src 'none' · form-action 'none'

No se pudo convertir.

Fondo

Transparente Color

Forma

Cuadrada Redondeada Círculo

Margen Nombre de la app (manifest)

Los detalles muy finos pueden perderse a 16 píxeles; una marca sencilla se lee mejor en tamaño pequeño.

El trabajo se hace en esta pestaña, en tu dispositivo.
ICO, PNG, manifest y líneas HTML llegan en un ZIP.
No se envía ningún archivo a nuestro servidor; al cerrar la pestaña se borra todo.

Primero elige un logo

Etapas

Leyendo el archivo
Dibujando los iconos
Preparando el archivo

¿Y ahora?

Reducir una imagenJPGKB

Tu archivo no sale de tu dispositivo
Nada se sube al servidor
Gratis, sin registro

¿Qué archivos de favicon necesita una web?

El favicon es el pequeño icono que aparece junto al nombre de una web en la pestaña del navegador, en los marcadores y en los resultados de búsqueda. Un solo archivo no basta: los navegadores antiguos y nuevos buscan favicon.ico, el iPhone y el iPad un apple-touch-icon de 180 píxeles cuando se añade la web a la pantalla de inicio, y Android y las apps web instalables iconos de 192 y 512 píxeles más un archivo site.webmanifest.

Los tamaños pequeños son los más difíciles: un logo reducido a 16 píxeles puede verse borroso o perder detalles finos. En la pantalla de inicio del iPhone las zonas transparentes salen negras, por eso el apple-touch-icon necesita un fondo sólido.

Esta herramienta dibuja tu logo (PNG, SVG, JPG o WEBP) una vez a 1024 píxeles y lo reduce a mitades hasta cada tamaño, para que los iconos pequeños sigan nítidos. Puedes elegir color de fondo, margen y forma cuadrada, redondeada o circular, y ver el resultado en una vista previa de pestaña y de pantalla de inicio. favicon.ico, los PNG, site.webmanifest y las líneas HTML para tu página llegan en un ZIP. La imagen se procesa en tu navegador.

Crear un juego de favicon en 3 pasos

Elige tu logo: Selecciona un PNG, SVG, JPG o WEBP cuadrado o casi cuadrado (hasta 10 MB). Un SVG o un PNG de al menos 512 píxeles da el mejor resultado.
Ajusta el aspecto: Deja el fondo transparente o elige un color; fija el margen y la forma (cuadrada, redondeada o circular). Las vistas previas se actualizan al instante.
Descarga el ZIP: «Crear juego de favicon» te da todos los archivos en un ZIP. Súbelos a la carpeta raíz de tu web y pega las líneas HTML en el <head> de tu página.

A quién le sirve

Webs y blogs: Preparar el icono de pestañas y marcadores de una web nueva.
Tiendas en línea: Llevar el logo de la tienda a los tamaños de pestaña, resultados de búsqueda y pantalla de inicio.
Apps web: Generar los iconos de 192 y 512 píxeles y el manifest de una app web instalable (PWA).
Agencias y diseñadores: Entregar en minutos un juego de favicon completo a partir del logo de un cliente.
Desarrollo: Tener listos los archivos y las líneas del <head> para un proyecto.
Páginas personales: Añadir a un portafolio o currículum un icono con tus iniciales.

Tamaños, calidad y límites

Archivos generados: favicon.ico (16, 32 y 48 píxeles), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 píxeles), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest y las líneas HTML. Si das un SVG, se añade también favicon.svg.
Nitidez: La imagen se dibuja primero a 1024 píxeles y luego se reduce a la mitad paso a paso; así los iconos pequeños quedan más nítidos que con una sola reducción. Las líneas muy finas pueden perderse igualmente a 16 píxeles; una marca sencilla se lee mejor a ese tamaño.
Transparencia: PNG e ICO conservan la transparencia. El apple-touch-icon siempre es opaco para que no se vea negro en el iPhone: sin color de fondo se usa blanco.
Imagen original: Las imágenes no cuadradas se centran sin recortar. Con imágenes de menos de 256 píxeles los iconos grandes pueden verse borrosos; la herramienta te avisa.
Formato ICO: Las imágenes dentro del ICO se guardan como PNG, formato que leen todos los navegadores actuales y Windows desde Vista.
Privacidad y límites: La imagen puede pesar hasta 10 MB. Tu logo no se sube ni se guarda; todos los archivos se crean en tu navegador.

Privacidad y eliminación automática

Esta herramienta no envía tu archivo a nuestro servidor: todo el proceso se hace en tu navegador, en tu dispositivo. La página se sirve con una política de seguridad (Content-Security-Policy) que impide técnicamente enviar el contenido del archivo a cualquier sitio; en esta página no se ejecutan scripts de analítica ni de publicidad.

El archivo resultante también se crea en tu dispositivo y solo tú lo descargas. Se borra de la memoria del navegador al cerrar la pestaña o al elegir «Nuevo archivo». Nuestro servidor no guarda ningún registro con el nombre ni el contenido del archivo.

Consulta nuestra Política de privacidad para más detalles

Preguntas frecuentes

¿Qué tamaños debe tener un favicon?

16 y 32 píxeles para pestañas y marcadores (más 48 dentro de favicon.ico), un apple-touch-icon de 180 píxeles para la pantalla de inicio del iPhone y 192 y 512 píxeles para Android y las apps web instalables. La herramienta los crea todos a la vez.

¿Cómo añado el favicon a mi web?

Sube los archivos del ZIP a la carpeta raíz de tu web (justo debajo del dominio) y pega las líneas HTML de la herramienta en el <head> de tu página. En sistemas como WordPress basta con subir el PNG de 512 píxeles como «Icono del sitio».

¿Se puede hacer un favicon desde un logo SVG?

Sí, y el SVG da el mejor resultado: cada tamaño se dibuja desde el vector. La herramienta añade además favicon.svg, que los navegadores compatibles muestran nítido en cualquier pantalla.

¿Por qué mi icono sale con fondo negro en el iPhone?

iOS no admite transparencia en los iconos de la pantalla de inicio y muestra las zonas transparentes en negro. Por eso la herramienta crea el apple-touch-icon siempre opaco, con blanco si no eliges fondo. Si quieres, elige un color de tu marca.

Lo cambié, pero el navegador sigue mostrando el icono antiguo. ¿Por qué?

Los navegadores guardan el favicon en caché mucho tiempo. Fuerza la recarga (Ctrl+F5, Cmd+Mayús+R en Mac), abre la página en una ventana privada o añade algo como ?v=2 al nombre del archivo en la línea HTML.

¿Se sube mi logo a un servidor?

No. La imagen se dibuja en tu navegador y todos los archivos se crean ahí; la página llega con una política de seguridad que bloquea técnicamente las conexiones al exterior. Puedes usarla también con una marca que aún no es pública.