Como fago un favicon a partir do meu logotipo?

Solta un ficheiro PNG, JPEG, WebP ou SVG, define opcións como Forma, Recheo e Nome da aplicación, e preme Xerar paquete de favicons (.zip). Copia o fragmento HTML que se mostra en Pegar no head.

Que ficheiros hai no ZIP do favicon?

favicon-package.zip contén favicon.ico, iconas PNG (16, 32, 180, 192 e 512 píxeles), site.webmanifest co nome da túa aplicación e un favicon-snippet.html coas etiquetas link.

Que tamaño e formato de imaxe debo cargar?

Acéptanse PNG, JPEG, WebP e SVG, un ficheiro cada vez. Para o resultado máis nítido usa unha imaxe cadrada de polo menos 512x512; un PNG ou SVG transparente funciona mellor.

Como consigo un favicon redondo ou arredondado?

Despois de cargar, escolle Cadrado, Arredondado ou Círculo en Forma. Tamén podes axustar o Recheo do 0 ao 25 por cento e ver o resultado na vista previa Pestana do navegador.

Súbese a miña imaxe e por que falla a xeración?

As iconas debúxanse co Canvas do navegador e comprímense con JSZip no teu dispositivo. Se ves Non se puido cargar esta imaxe, o ficheiro pode estar danado; proba outra imaxe ou outro navegador.

Si. Todas as ferramentas son de uso gratuíto, sen conta nin tarxeta de crédito. O traballo execútase no teu dispositivo en lugar de nos nosos servidores, o que permite que sexa gratuíto.

Súbense os meus ficheiros?

Non. Os ficheiros ábrense e procésanse dentro do teu navegador e non se envían a LibraTool. Algunhas ferramentas descargan primeiro un motor de procesamento ou un modelo de IA no navegador; esa descarga non contén ningún dato teu.

Si. Funciona nos navegadores móbiles actuais en iOS e Android, sen instalar nada. Os ficheiros moi grandes poden ir lentos ou quedar sen memoria nun teléfono; para eses usa un ordenador.

🌟

Xerador de favicon de balde

Converte calquera imaxe nun paquete completo de favicon: un favicon.ico multitamaño, icona táctil de Apple, iconas Android/PWA, un manifesto web e o fragmento HTML listo para pegar — todo comprimido, no teu navegador.

O tamaño do ficheiro depende do teu dispositivoOs ficheiros permanecen privadosNon é necesario iniciar sesiónDe balde para sempre

Solta aquí un ficheiro ou fai clic para buscalo

PNG, JPG, WebP, SVG, HEIC, HEIF · procesado no teu dispositivo

ou preme Ctrl+V para pegar desde o portapapeis

Explorar ficheiros

Os teus ficheiros nunca saen do teu dispositivo. Todo o procesamento realízase localmente no teu navegador.

💡 Para o mellor resultado, sube unha imaxe cadrada de polo menos 512×512. Mellor PNG transparente ou SVG.

Usos habituais

Crear un Favicon para o Sitio WebXerar o conxunto completo de favicon que espera cada navegador e dispositivo.
Xerar Iconas PWA e ManifestObteña as iconas de 192px e 512px e o manifesto web que necesita un PWA.
Crear un Icona de Apple TouchXerar a icona de 180×180 que iOS usa cando se garda un sitio na pantalla de inicio.
Converter un Logo nun FaviconConverter o seu logo de marca nun favicon limpo e facilmente recoñecible.
Xerar Favicons para Calquera FrameworkObteña ficheiros favicon drop-in para React, Next.js, WordPress e máis.

Como funciona

Esta ferramenta converte calquera PNG, JPEG, WebP ou SVG nun paquete completo de favicon — .ico multi-tamaño, icona de toque de Apple, iconas Android/PWA, un manifesto web e un fragmento HTML listo para pegar — enteiramente dentro do teu navegador usando a API Canvas e JSZip. Nada se sube; toda a renderización e montaxe de ficheiros ocorre localmente.

1
Canvas reescala a túa imaxe
O navegador debuxa a túa imaxe orixe en elementos Canvas HTML fóra de pantalla en cada tamaño necesario (16, 32, 48, 180, 192 e 512 px). Os SVG sen atributos explícitos de ancho/alto normalízanse primeiro mediante DOMParser e XMLSerializer para que Firefox e Chrome produzan a mesma saída de píxeles en lugar dun lenzo en branco.
2
Un codificador ICO escrito a man empaqueta o ficheiro .ico
As entradas ICO pequenas (16, 32, 48 px) codifícanse como bitmaps DIB BGRA de 32 bits en bruto — o BITMAPINFOHEADER máis filas XOR de abaixo cara arriba e unha máscara AND de 1bpp — porque os compoñentes do shell de Windows requiren formato DIB sen comprimir a eses tamaños. A ferramenta escribe a cabeceira do directorio ICO e concatena as entradas enteiramente con DataView e Uint8Array, sen ningunha biblioteca ICO externa implicada.
3
As saídas PNG prodúcense mediante canvas.toBlob
Cada variante PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) captúrase chamando a canvas.toBlob con 'image/png', delegando a codificación sen perdas ao motor de imaxe integrado do navegador. O acolchado opcional, a cor de fondo e o recorte de forma (cadrado, redondeado ou círculo) aplícanse ao contexto do lenzo antes da captura.
4
JSZip empaqueta todo nunha soa descarga
JSZip monta todos os ficheiros xerados — favicon.ico, os cinco PNG, un site.webmanifest co nome da túa aplicación e un favicon-snippet.html coas etiquetas <link> correctas — nun único blob .zip que se descarga automaticamente ao teu dispositivo.

A túa imaxe cárgase directamente na API Canvas do navegador e nunca sae do teu dispositivo — non se transmiten datos de ficheiro a ningún servidor en ningún momento.

Ferramentas relacionadas

🖼️

Conversor de PNG a ICO para favicon

Converte imaxes PNG, JPG, WebP ou SVG en ficheiros de favicon .ico multitamaño. Escolle os tamaños que queres incluír (16, 32, 48, 64, 128, 256) e descarga un único .ico.

PróbaoOs ficheiros permanecen locais

🎞️

Creador de GIF animados

Combina múltiples imaxes nun GIF animado. Retardo de fotograma, ancho de saída, repetición e calidade axustables. Codificado completamente no teu navegador.

PróbaoOs ficheiros permanecen locais

Tendencias

✍️

Creador de Sinaturas

Debuxa unha sinatura co rato, dedo, ou lapis dixital, ou escribe o teu nome nun tipo de letra manuscrito, e despois expórtaa como PNG ou SVG transparente.

Próbao