Genereu fitxers de favicon en diverses mides (16x16 a 512x512) a partir de qualsevol imatge. Gratuït, instantani i s'executa completament al vostre navegador.
Admet PNG, JPG, SVG, WebP. Màxim 10 MB.
Un favicon és la petita icona que apareix a les pestanyes del navegador, a les adreces d'interès i a les llistes d'historial. El favicon original, un fitxer ICO de 16 × 16 a /favicon.ico, s'ha expandit en un conjunt complex d'icones de diferents mides per a diferents plataformes: 16 × 16 i 32 × 32 per a pestanyes del navegador, 180 × 180 per a les pantalles d'inici d'iOS, 192 × 192 i 512 × 512 per a Windows, i diverses mides per a Windows. Produir tot això a partir d'una única imatge d'origen és el que fa un generador de favicons modern.
Aquesta eina pren una única imatge d'origen d'alta resolució (normalment un logotip quadrat) i genera el conjunt complet de recursos de favicon més les etiquetes d'enllaç HTML necessàries per fer-hi referència. La sortida inclou ICO, diversos PNG i un manifest.json per a les metadades d'aplicacions web progressives. Deixeu anar els fitxers resultants a l'arrel del vostre lloc i feu-hi referència mitjançant l'HTML generat.
Tot el processament es fa al vostre navegador. Sense càrrega, cap trucada API, sense límit de tarifa. La sortida funciona en tots els navegadors i sistemes operatius moderns que mostren favicons.
Els llocs sense favicons semblen inacabats. Les pestanyes del navegador mostren una icona genèrica; els marcadors no tenen identificador visual; el lloc sembla menys professional. Afegir un conjunt de favicons adequat és un pas de poliment d'alt impacte de baix esforç que assenyala l'atenció als detalls.
Els requisits moderns de favicon han crescut més enllà de /favicon.ico. Les icones de la pantalla d'inici d'iOS, les icones d'Android Chrome, les icones de rajoles de Windows i les variants del mode fosc utilitzen fitxers diferents. Generar-los tots des d'una font garanteix una marca coherent sense gestionar cada fitxer a mà.
Carregueu la imatge d'origen, obteniu el conjunt de favicons complet.
El conjunt complet de favicons moderns: favicon.ico (16+32+48 multiresolució), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512.png, android-chrome-512.png mstile-150x150.png. A més, site.webmanifest per a PWA, browserconfig.xml per a Windows.
Cada PNG es genera mitjançant un mostreig inferior basat en llenç de la font. L'ICO es construeix en JavaScript combinant versions 16/32/48 en el format ICO multiresolució mitjançant escriptures de DataView.
Les etiquetes d'enllaç HTML fan referència a cada fitxer amb els atributs rel i sizes adequats. El generador els produeix com un fragment llest per copiar i enganxar per al <head> del vostre lloc.