Generador de Favicon a partir de Imagen
Convierte cualquier PNG, SVG, JPG o incluso una letra en un paquete completo de favicon — un favicon.ico de múltiples tamaños, íconos PNG, un apple-touch-icon y un site.webmanifest, todo en un ZIP. Sin carga, sin registro — se ejecuta en tu navegador.
#FFFFFFForma & fondo
#0D9488El ZIP incluye favicon.ico, todos los tamaños PNG, apple-touch-icon, íconos PWA & site.webmanifest.
HTML para pegar en <head>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Por qué usar este generador de favicon
No se sube nada
Tu imagen se lee y convierte completamente en tu navegador. El .ico, los PNG y el ZIP se construyen localmente — tu logotipo nunca toca un servidor.
Cada tamaño, un clic
Una sola imagen se convierte en íconos de 16, 32, 48, 96, 180, 192 y 512px más un verdadero favicon.ico de múltiples resoluciones — sin redimensionamiento manual.
HTML para copiar y pegar
Obtén un fragmento <head> listo para usar y un site.webmanifest, para que el favicon funcione en las pestañas del navegador, en iOS y como una PWA instalada.
SVG se mantiene nítido
Los SVG vectoriales se rasterizan a plena resolución para cada tamaño, por lo que tu favicon se ve nítido desde un ícono de 16px hasta un ícono de pantalla de inicio de 512px.
Forma & fondo
Hazlo cuadrado, redondeado o circular, establece un fondo sólido o transparente y añade padding — todo en una vista previa en vivo que imita una pestaña real.
Gratis & sin registro
Sin cuenta, sin correo, sin marca de agua y sin límite. Genera tantos favicons como desees — gratuito para sitios personales y comerciales.
Cómo crear un favicon a partir de una imagen
Agrega tu imagen
Suelta un PNG, SVG, JPG o WebP — un logotipo cuadrado de aproximadamente 512×512px da el mejor resultado. ¿No tienes imagen? Usa la pestaña de Texto.
Elige una forma
Mantén la forma cuadrada o cambia a redondeada o circular, elige un fondo sólido o transparente y ajusta el padding.
Revisa la vista previa
Ve tu favicon a 16, 32, 48, 180 y 512px junto a una pestaña de navegador simulada, para que sepas que se mantiene claro cuando es pequeño.
Descargar & instalar
Haz clic en Descargar ZIP, coloca los archivos en la carpeta raíz de tu sitio y pega el fragmento HTML en tu <head>.
Acerca de los favicons
Un generador de favicon es una herramienta gratuita en línea que convierte una imagen — un PNG, SVG, JPG o WebP — o un breve texto en el pequeño ícono que aparece en las pestañas del navegador, marcadores, historial y resultados de búsqueda, todo directamente en tu navegador sin carga y sin registro. En lugar de producir una sola imagen, construye un paquete completo de favicon: un favicon.ico de múltiples resoluciones, íconos PNG individuales, un icono de toque de Apple, íconos de Android / PWA y un site.webmanifest, empaquetados en un solo ZIP con un fragmento HTML listo para pegar.
La palabra favicon es una abreviatura de “icono favorito”. Los navegadores modernos ya no dependen de un tamaño fijo — una pestaña en una pantalla de alta DPI, un acceso directo anclado, un ícono de pantalla de inicio de iOS y una aplicación web progresiva instalada solicitan cada uno una resolución diferente. Por eso, un buen conjunto de favicons varía desde un ícono de pestaña de 16×16px hasta un ícono de PWA de 512×512px. Esta herramienta genera cada uno de esos tamaños a partir de una sola carga, por lo que nunca tienes que abrir un editor de imágenes o redimensionar nada a mano.
El clásico archivo favicon.ico es especial porque puede contener varias resoluciones dentro de un solo archivo; este generador empaqueta versiones de 16, 32 y 48px en el ICO para que los navegadores más antiguos y los accesos directos de Windows siempre encuentren un tamaño que les guste. Los íconos PNG cubren todo lo más nuevo: favicon-32x32.png y favicon-16x16.png para pestañas, apple-touch-icon.png a 180px para iPhones y iPads, y android-chrome-192x192.png y android-chrome-512x512.png referenciados por el manifiesto web para Android y aplicaciones instalables.
Para obtener el mejor resultado, comienza con una imagen cuadrada y de alto contraste — una marca de logotipo funciona mucho mejor que una marca de palabra, porque los detalles finos y el texto pequeño desaparecen a 16px. Usa el control de forma para redondear las esquinas o recortar a un círculo, añade un color de fondo si tu logotipo tiene transparencia que desaparecería en una pestaña blanca, y ajusta el padding para que el ícono no esté pegado a los bordes. La vista previa en vivo muestra el ícono en el tamaño real de la pestaña junto a un mockup de navegador, que es la forma más rápida de saber si tu diseño sigue siendo legible cuando es pequeño.
Debido a que todo sucede localmente con la API de Canvas, tu imagen nunca sale de tu dispositivo — útil para marcas no lanzadas y logotipos confidenciales. Los favicons que creas son gratuitos para uso personal y comercial sin necesidad de atribución, y no hay límite en cuántos generas. Una vez que tengas el ZIP, sube los archivos a la carpeta raíz de tu sitio web, pega los enlaces proporcionados en el <head> de cada página y borra tu caché para ver el nuevo ícono aparecer.
Preguntas frecuentes
¿Es gratuito este generador de favicon y se sube mi imagen?
Sí, es completamente gratuito sin registro ni marca de agua. Tu imagen nunca se sube — el favicon, el archivo .ico y el ZIP se generan dentro de tu navegador con JavaScript, por lo que tu archivo nunca sale de tu dispositivo.
¿Cómo hago un favicon a partir de un PNG o imagen?
Arrastra un PNG, JPG, SVG o WebP a la herramienta (una imagen cuadrada de al menos 512×512px funciona mejor), ajusta la forma, el fondo y el padding en la vista previa en vivo, luego haz clic en Descargar ZIP. Obtendrás un favicon.ico de múltiples tamaños, íconos PNG y un site.webmanifest listo para tu sitio.
¿Puedo crear un favicon a partir de un SVG?
Sí. Sube un SVG y la herramienta lo rasteriza en cada tamaño de favicon en tu navegador, por lo que los íconos se mantienen nítidos. El SVG es ideal porque se escala a 512px sin ningún desenfoque antes de ser exportado a PNG y ICO.
¿Qué archivos obtengo y dónde los coloco?
El ZIP contiene favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, favicon-96x96.png, apple-touch-icon.png (180px), android-chrome-192x192.png, android-chrome-512x512.png y site.webmanifest. Súbelos a la carpeta raíz de tu sitio web y pega el fragmento HTML proporcionado en el <head> de tus páginas.
¿Cuál es el mejor tamaño de favicon?
Comienza con una imagen cuadrada grande, idealmente de 512×512px. Los navegadores utilizan 16 y 32px en las pestañas, los dispositivos Apple utilizan un icono de toque de 180px, y las instalaciones de Android / PWA utilizan 192 y 512px. Este generador crea cada tamaño para ti a partir de una sola carga, por lo que no tienes que redimensionar nada a mano.
¿Puedo hacer un favicon a partir de texto o un emoji?
Sí. Cambia a la pestaña de Texto, escribe una letra, un par de caracteres o un emoji, elige los colores del texto y del fondo, y la herramienta lo renderiza como un favicon en cada tamaño — perfecto cuando aún no tienes un logotipo.