Com Funciona

Tria la Teva Font

Puja una imatge, crea des de text amb fonts personalitzades, tria entre centenars d'emojis, o dibuixa pixel art. Analitza qualsevol URL per extreure favicons existents.

Personalitza i Previsualitza

Ajusta fons, gradients, arrodoniment i efectes. Previsualitza el teu favicon en pestanyes de navegador, pantalla d'inici d'iOS, Android i rajoles de Windows en temps real.

Genera i Descarrega

Genera totes les mides amb un sol clic. Descarrega el paquet complet amb fragments de codi llestos per utilitzar per a més de 35 frameworks.

Quatre Maneres de Crear el Teu Favicon

Puja Imatge

Comença amb qualsevol imatge — PNG, JPG, SVG o WebP. Afegeix fons, ajusta farciment, brillantor, contrast i aplica cantonades arrodonides. Perfecte per a logotips i actius de marca existents.

Text a Favicon

Crea favicons basats en text amb més de 1500 Google Fonts. Tria pesos de font, colors i afegeix fons sòlids o gradients. Ideal per a icones de marca senzilles basades en lletres.

Favicon d'Emoji

Tria entre centenars d'emojis a través de 12 categories incloent totes les banderes de països. Afegeix fons de colors amb preajustos o gradients personalitzats per a un aspecte polit.

Llenç de Pixel Art

Dibuixa el teu propi favicon píxel a píxel en una quadrícula personalitzable. Utilitza eines de llapis, goma i omplir amb suport de desfer/refer. Exporta la teva creació de pixel art a l'instant.

Funcions Potents

100% Privat

Tot el processament passa localment al teu navegador. Les teves imatges mai surten del teu dispositiu. Sense pujades, sense emmagatzematge al núvol, sense recopilació de dades.

Totes les Plataformes Cobertes

Genera més de 15 mides de favicon per a navegadors, pantalla d'inici d'iOS, Chrome Android, rajoles de Windows, pestanyes fixades de Safari i Aplicacions Web Progressives.

Previsualització en Viu

Mira exactament com es veu el teu favicon en pestanyes de navegador, pantalla d'inici d'iOS, llançador d'Android i rajoles de Windows abans de generar.

Fragments per a més de 35 Frameworks

Obté codi llest per utilitzar per a HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django i més de 25 plataformes addicionals.

Analitzador d'URL

Analitza qualsevol lloc web per extreure favicons existents. Mira quines mides estan presents, què falta, i regenera un conjunt complet amb un sol clic.

Historial de Generació

Accedeix a les teves generacions de favicon recents. Restaura creacions anteriors, compara versions, o continua editant des d'on ho vas deixar.

Plantilles Ràpides

Comença amb plantilles dissenyades professionalment amb colors sòlids, gradients i patrons. Aplica i personalitza per coincidir amb la teva marca.

ICO Multi-Mida

Crea automàticament fitxers ICO de resolució múltiple incrustant mides 16x16, 32x32 i 48x48 per a màxima compatibilitat amb navegadors.

Paquet de Resultat Complet

Favicons Estàndard

favicon.ico (multi-mida), 16x16, 32x32 i 48x48 PNGs per a pestanyes de navegador i marcadors.

Icones Apple Touch

Icona Apple Touch 180x180 per a pantalla d'inici d'iOS, més SVG de pestanya fixada de Safari amb color de tema personalitzable.

Icones Android i PWA

Icones 192x192 i 512x512 per a Chrome Android i Aplicacions Web Progressives, incloent suport d'icona emmascarable.

Rajoles de Windows

Rajola Microsoft 270x270 amb browserconfig.xml per a integració amb el menú Inici de Windows i barra de tasques.

Manifest Web

Fitxer site.webmanifest complet amb referències d'icones, colors de tema i configuració de visualització PWA.

Preguntes Freqüents

Quines mides de favicon necessito?

Com a mínim: favicon.ico, 32x32 PNG, 180x180 Icona Apple Touch, i 192x192/512x512 per a Android/PWA. El nostre preajust 'Essencial' inclou totes les mides requerides automàticament.

Per què necessito un fitxer ICO?

El format ICO conté múltiples mides en un fitxer i és suportat per tots els navegadors incloent versions antigues. És el format de favicon tradicional assegurant màxima compatibilitat.

Hauria de tenir el meu favicon un fons transparent?

Per a pestanyes de navegador, la transparència funciona bé. Per a pantalles d'inici d'iOS i Android, considera un fons sòlid o gradient ja que les icones apareixen sobre diversos fons de pantalla.

Ha de ser quadrada la meva imatge font?

Sí, els favicons sempre són quadrats. Si la teva imatge no és quadrada, utilitza els nostres controls de farciment i escala per ajustar-la perfectament. Per als millors resultats, comença amb una imatge quadrada.

Estan segures i privades les meves imatges?

100% privat. Tot el processament utilitza APIs Canvas i Blob natives del navegador. Les teves imatges mai surten del teu dispositiu — no pugem, emmagatzemem ni transmetem cap dada.

Quins frameworks estan suportats?

Proporcionem fragments de codi per a més de 35 plataformes incloent React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails, i molts més.

Què passa amb les Aplicacions Web Progressives?

El nostre generador crea totes les icones PWA requerides incloent variants emmascarables, més un fitxer site.webmanifest complet amb declaracions d'icones correctes i colors de tema.

Entenent els Favicons

Els favicons són icones petites que representen el teu lloc web a través de navegadors, marcadors, pantalles d'inici i llançadors d'aplicacions. Un conjunt complet de favicon assegura que la teva marca es vegi professional i reconeixible a tot arreu on els usuaris trobin el teu lloc.

El Format ICO

El format ICO empaqueta múltiples mides (16x16, 32x32, 48x48) en un sol fitxer. Mentre que els navegadors moderns suporten favicons PNG, ICO roman essencial per a màxima compatibilitat amb navegadors antics i certes aplicacions d'escriptori.

Icones PNG

Els navegadors moderns prefereixen favicons PNG per la seva qualitat nítida i suport de transparència. Cada mida serveix un propòsit: 16px i 32px per a pestanyes de navegador, 180px per a iOS, i 192px/512px per a Android i PWAs.

Manifest d'Aplicació Web

El fitxer site.webmanifest defineix com apareix el teu lloc quan s'instal·la com a PWA. Especifica icones, colors de tema, mode de visualització i altres metadades que els navegadors utilitzen per crear una experiència similar a una aplicació.

Favicons SVG

La funció de pestanya fixada de Safari utilitza una icona SVG monocroma. Els navegadors moderns també estan començant a suportar favicons SVG directament, oferint escalabilitat infinita i mides de fitxer més petites.