Generador de Favicon (PNG a ICO)
Convierte una imagen cuadrada PNG, JPG o WebP en un favicon del navegador sin instalar nada. La imagen se dibuja en un lienzo con el tamaño de un favicon en su navegador y se devuelve como un archivo de icono descargable que puede colocar en el directorio raíz de un sitio.
como funciona
- 1
Cargue una imagen cuadrada PNG, JPG o WebP: un logotipo funciona mejor que una marca denominativa completa en este tamaño.
- 2
La imagen se dibuja en un pequeño lienzo de su navegador para generar el icono.
- 3
Obtenga una vista previa de cómo se lee la marca una vez reducida al tamaño de pestaña.
- 4
Descargue el ícono y haga referencia a él desde el encabezado HTML de su sitio, o colóquelo en /favicon.ico.
Ventajas y beneficios clave
Sin paso de carga
La imagen se lee con File API y se dibuja localmente, por lo que un logotipo inédito nunca llega a un servidor de terceros.
Vista previa realista
Verá la marca reducida antes de enviarlo, que es cuando la mayoría de los logotipos resultan ilegibles a 16 píxeles.
Funciona con formatos comunes.
Se aceptan fuentes PNG, JPG y WebP, por lo que puede utilizar cualquier exportación que ya tenga.
Gratis e ilimitado
Sin cuenta, sin marca de agua y sin límite en la cantidad de íconos que generas.
Para qué lo usa la gente
- Agregar un favicon a un nuevo sitio, página de destino o herramienta interna.
- Reemplazo del ícono predeterminado de un marco antes del lanzamiento.
- Comprobar si un logotipo sigue siendo legible en el tamaño de la pestaña antes de comprometerse con él.
- Producir un icono para un sitio de documentación o exportación estática.
Formatos y opciones compatibles
| Entrada | PNG, JPG/JPEG, WebP |
|---|---|
| Salida | Archivo de icono renderizado en lienzo, descargado desde su navegador |
| Fuente recomendada | Una imagen cuadrada, de al menos 512x512, con la marca centrada y un relleno generoso. |
Privacidad y manejo de datos
Su imagen se lee en la memoria del navegador con File API y se dibuja en un lienzo en su propio dispositivo. Nunca se sube, lo cual importa cuando el logo aún no ha sido anunciado.
Límites y cosas que debes saber
- El lienzo produce una única imagen rasterizada. No crea un contenedor ICO de múltiples resoluciones con variantes de 16, 32 y 48 píxeles; los navegadores modernos aceptan un favicon PNG, pero los más antiguos esperan una verdadera ICO.
- Por definición, los detalles se pierden en el tamaño del favicon. Un logotipo con texto fino o trazos finos no sobrevivirá; en su lugar, simplifique la marca.
- La transparencia se conserva sólo si la fuente tiene un canal alfa; una fuente JPG no tiene ninguno.
Solución de problemas
El favicon no aparece después de subirlo
Los navegadores almacenan en caché los favicons de forma agresiva. Vuelva a cargar la página o abra la URL del icono directamente para confirmar que se está publicando, antes de asumir que el archivo es incorrecto.
El icono se ve turbio en la pestaña.
Comience desde una marca más simple con menos elementos y más relleno. Los detalles finos y los trazos finos desaparecen entre 16 y 32 píxeles, independientemente de la resolución de origen.
Un navegador antiguo ignora el icono
Algunos navegadores antiguos sólo aceptan un archivo ICO de varios tamaños. Haga referencia explícita al ícono con una etiqueta de enlace en el encabezado en lugar de confiar en el descubrimiento de /favicon.ico.
Favicon Generator — Create ICO & PNG Site Icons Online
Turn any image into a complete favicon set — the classic .ico plus every PNG size modern browsers, Android and iOS actually request. A free favicon generator that outputs the files and the HTML link tags to go with them.
- Every size browsers ask for — 16x16 and 32x32 for tabs and bookmarks, 180x180 for the iOS home screen, 192x192 and 512x512 for Android and PWA manifests.
- ICO conversion included — produce a genuine multi-resolution favicon.ico for the root of your site, not just a renamed PNG.
- Copy-paste HTML tags — the matching link and manifest markup comes with the download, so nothing silently 404s after you deploy.
- Works from PNG, JPG or SVG — start from a logo, an app icon or an illustration and let the generator handle the resizing and cropping.
- Processed in your browser — unreleased brand marks are converted locally with no upload to an icon service.
Free and unlimited. Generate the rest of your page head with the Meta Tag Generator, including the Open Graph image reference.
Preguntas frecuentes
What size should my source image be?
Start from a square image of at least 512x512 with the mark centred and some padding. Detail disappears at tab size, so a simple mark works far better than a full logo with text.
Do I still need a .ico file?
Modern browsers accept a PNG favicon referenced from a link tag. A true multi-resolution ICO is only needed for very old browsers that look for /favicon.ico and expect that container format.
Why has my new favicon not appeared?
Favicons are cached aggressively. Hard-reload the page, and open the icon URL directly to confirm the server is actually serving the new file before concluding the icon is wrong.
¿Cuál es el tamaño de imagen de origen recomendado?
Una imagen PNG cuadrada de 512x512 píxeles funciona mejor para generar favicons limpios.
¿Qué tamaño debe tener mi imagen de origen?
Comience desde una imagen cuadrada de al menos 512x512 con la marca centrada y algo de relleno. Los detalles desaparecen al tamaño de la pestaña, por lo que una simple marca funciona mucho mejor que un logotipo completo con texto.
¿Todavía necesito un archivo .ico?
Los navegadores modernos aceptan un favicon PNG al que se hace referencia desde una etiqueta de enlace. Una verdadera ICO de resolución múltiple solo es necesaria para navegadores muy antiguos que buscan /favicon.ico y esperan ese formato de contenedor.
¿Por qué no ha aparecido mi nuevo favicon?
Los favicons se almacenan en caché de forma agresiva. Vuelva a cargar la página y abra la URL del ícono directamente para confirmar que el servidor realmente está entregando el nuevo archivo antes de concluir que el ícono es incorrecto.
Herramientas relacionadas
Convertidor de SVG a PNG/JPG
Convierta archivos vectoriales SVG a imágenes HD PNG o JPG
Cambio de tamaño de imagen y recorte de aspecto
Cambiar el tamaño de las imágenes a ancho/alto personalizado y proporciones sociales
Convertidor de imágenes
Convertir y comprimir imágenes entre formatos
Convertidor de CSV a JSON y Excel
Convierta hojas de cálculo CSV a matrices JSON y viceversa