Chenerador de favicons

Puya qualsequier imachen pa chenerar a l'inte un favicon.ico de multiples grandarias y iconos PNG pa Apple touch y Android/PWA.

Garra clau d'API Res no sale d'o tuyo navegador Uso ilimitau
Chenerador de favicons — ferramienta en linia gratuita

A tuya imachen

Arrastra y suelta una imachen aquí

u navegar por os tuyos fichers — PNG, JPG, u WEBP

Grandarias d'iconos

Tría qué midas chenerar — favicon.ico siempre incluye 16/32/48px.

Presto
D'a chent que fa servir esta ferramienta

Resenyas

Cargando resenyas…
Aprender mas

Tot lo que cal saber sobre o Chenerador de Favicons

Quinas midas precisas de verdat, cómo funciona o formato .ico y cómo adhibir as iconos a o tuyo puesto web.

En pocas parolas
  • Puya una imachen quadrada y obtén a l'inte un favicon.ico y PNGs pa Apple/Android.
  • Tot funciona localment en o tuyo navegador — a tuya imachen nunca no se puya.
  • Empecipia con una imachen quadrada d'a lo menos 512×512px pa obtener os resultaus mas nitidos en todas as grandarias.
Cómo funciona

Cómo fer servir o Chenerador de Favicons

  1. Arrastra y suelta u tría un fichero d'imachen — idealment una imachen quadrada d'a lo menos 512×512 píxels.
  2. Tría as midas d'iconos que calgan: o favicon.ico y os PNG pa Apple Touch y Android/PWA.
  3. Descarga favicon.ico dreitament, u baixa todas as midas PNG seleccionadas chuntas en un fichero ZIP.
Por qué importa

Por qué chenerar un favicon

Un favicon ye a chicota icona que os navegadors amuestran en as pestanyas, os marcadors y o historial — y a mesma imachen subchacent agora alimenta as iconas de pantalla d'inicio en os telefons y as instalacions de PWA tipo aplicación. Afer que todas as midas requeridas sían correctas a man requiere exportar a mesma imachen una y unatra vegada en diferents dimensions de pixel, y dimpués empaquetar-ne bellas en un solo fichero .ico.

Ista ferramienta lo fa d'una pasada: puyas una imachen una vegada, y chenera todas as midas comuns, amás d'un favicon.ico bien empaquetau, dreitament en o tuyo navegador.

Qué grandarias precisas de verdat

GrandariaEmplegau paPor qué paga la pena comprebar
16/32/48px (.ico) EsencialPestanyas d'o navegador, marcadors, accesos directos d'o escritorioO favicon clasico — totz os navegadors l'asperan.
180×180pxiOS "Adhibir a la pantalla d'inicio"Os dispositivos d'Apple buscan ista mida especifica y o nombre de l'archiu.
192×192 y 512×512pxPantalla d'inicio d'Android, solicituz d'instalación de PWAsRequisito d'a mayoría de manifestos d'aplicacions web pa una icona d'instalación nítida.
Privacidat por disenyo

Chenerador de favicons sin puyar o tuyo fichero

A tuya imachen ye leída dreitament por JavaScript en o tuyo navegador fendo servir a Canvas API — redimensionada, redibuxada y empaquetada en os fichers .ico y .zip de tot en o tuyo dispositivo. Nunca no se transmite a un servidor, ni se rechistra, ni s'alza.

Como no se puya cosa, no i hai garra limite de grandaria de fichero en o servidor; o solo limite practico ye a grandaria d'una imachen que o tuyo navegador pueda cargar comodament en a memoria.

A tuya imachen nunca no deixa o tuyo dispositivo. O cambio de mida y l'empaquetau se fan de tot en o client, sin que se rechistre ni s'alce cosa.

Cal redimensionar primero a imachen fuent? A ferramienta Redimensionador d'imachens te puet aduyar a preparar-la d'antimán.

Guía d'opcions

.ico vs. PNG — cuál precisas de verdat?

FormatoLo millor paCompromís
favicon.ico Siempre incluyir istoPestanyas y marcadors d'o navegadorAgrupa multiples grandarias en un mesmo fichero, pero no se fa servir pa as iconos d'a pantalla d'inicio.
Iconas PNG (180/192/512px)Iconas d'instalación de pantalla d'inicio y PWACal por separau pa Apple/Android — un .ico solo no ye pro pa istos.

A mayoría de puestos web precisan os dos: o .ico pa la pestanya d'o navegador, y o conchunto de PNG referenciato en as tuyas etiquetas `<link>` HTML y en o manifiesto de l'aplicación web pa las iconos d'a pantalla d'inicio.

Usos comuns

Pa qué fan servir a chent o chenerador de favicons

  • New websitesSetting up a complete favicon and touch-icon set from a logo.
  • Rebrands: reemplazar un favicon viello en totas as referencias.
  • PWAs & web appsGenerating the icon sizes a web app manifest requires.
  • Cheneradors de puestos estaticos. Producindo recursos d'iconos pa deixar dreitament en a carpeta publica d'un prochecto.
  • Treballo pa un client: entregando a escape un conchunto completo d'iconos sin software de disenyo.
Ferramientas relacionadas

Más ferramientas de baldes

Metodolochía

Cómo funciona ista ferramienta

A tuya imachen se redimensiona en un lienzo HTML en cada resolución seleccionada, dimpués s'empaqueta en un contenedor .ico compatible con os estandars (con marcos PNG incrustaus) y, opcionalment, un fichero .zip con os PNG individuals — tot chenerau en directo en o tuyo navegador a traviés de JavaScript, sin puyar, almagazenar ni rechistrar cosa.

Zaguera actualización: 14 de setiembre de 2026.

Ha estau útil ista guía?

Gracias por os comentarios!
Contina

Más ferramientas en a caixa

Catorce ferramientas gratuitas más sin clau d'API son en a pachina de inicio.