Salta al contingut principal

Com generar un paquet complet de favicon des d'una sola imatge

Per Converty Team

Aprèn a generar un paquet complet de favicon des d'una sola imatge, amb les mides d'icona bàsiques, icones d'app i fitxers manifest inicials en una sola exportació.

Com generar un paquet complet de favicon des d'una sola imatge

Generar favicons és sobretot feina d'empaquetat. Ja tens l'art font; la tasca real és convertir-lo en el paquet d'icones que un lloc necessita per a pestanyes de navegador, accessos mòbils, superfícies Android i un manifest inicial sense oblidar cap fitxer.

El generador de favicon i icones d'app de Converty crea aquest paquet a partir d'una sola imatge quadrada. Puja una vegada, revisa el paquet i descarrega un ZIP amb favicon.ico, mides PNG comunes, Apple touch icons, icones preparades per a Android i un site.webmanifest inicial.

Si vols veure com encaixa amb la resta d'utilitats, comença per Presentem Converty. Per a respostes sobre pujades i formats compatibles, consulta les preguntes freqüents.

Per què els favicons es converteixen en feina repetitiva de llançament

Un paquet de favicon sembla simple fins que l'has de publicar. La llista creix:

  • formats per a icona de pestanya
  • mides PNG comunes
  • Apple touch icons
  • icones preparades per a Android
  • un manifest web inicial

No és enginyeria complexa, però és feina repetitiva que encara ha de sortir bé. El problema sol ser la fragmentació: equips saltant entre editors d'imatge, generadors i empaquetat manual quan la feina podria ser un flux curt.

Converty simplifica el procés convertint una imatge font en el paquet que probablement necessites, en comptes de demanar un pas separat per a cada destí.

Com generar un paquet complet de favicon des d'una imatge

La manera més neta és començar amb una font que funcioni en mides petites i deixar que una eina munte el paquet:

  1. Obre el generador de favicon i icones d'app.
  2. Puja una imatge quadrada PNG, JPEG o WebP.
  3. Introdueix el nom de l'app o del lloc si cal.
  4. Decideix si vols activar l'opció circular.
  5. Genera el paquet i descarrega el ZIP.

L'eina prepara el conjunt d'actius i et mostra què inclou. Això importa perquè la generació de favicon no és només sortida; també és saber si el paquet cobreix les superfícies habituals.

Què inclou el paquet generat

Tipus d'actiuPer què s'inclouPer què ajuda
favicon.icoSuport tradicional de pestanya de navegadorCobreix l'ús més familiar
Mides PNG múltiplesObjectius comuns en navegadors i superfícies modernesRedueix exportació manual
Apple touch iconsSuport d'icones tàctils en dispositius AppleCobreix dreceres i marcadors mòbils
Icones preparades per a AndroidObjectius per a ús web app en AndroidFa el paquet més ampli
site.webmanifest inicialSuport de manifestDona un punt de partida pràctic

No generes una sola icona per recordar la resta més tard. El ZIP està pensat per agrupar les peces comunes.

La imatge font importa més del que sembla

L'eina pot generar el paquet, però la qualitat del resultat depèn de la font. Funciona millor quan la imatge és quadrada, simple i llegible en mides petites.

Els favicons són minúsculs. Art massa detallat, logos de vora a vora i textura fina solen degradar-se quan es redueixen. Formes netes, marques simples i espai suficient al voltant acostumen a donar resultats més nítids.

Què canvia l'opció circular

L'opció Circular aplica el tractament circular a sortides de navegador i Android, mentre que les Apple touch icons es mantenen quadrades. És útil quan la marca queda millor dins d'un marc circular, però no és un botó de restyling universal per a tots els actius exportats.

Què fer després de descarregar el ZIP

El ZIP resol la feina repetitiva d'exportació, però no és el final del desplegament. Encara has de col·locar els fitxers generats als actius públics de l'app o del lloc i referenciar les icones i el manifest corresponents.

Si el teu flux d'actius també inclou comprimir imatges abans de preparar icones, combina aquesta guia amb la guia de conversió WebP.

Una manera més pràctica d'acabar l'empaquetat d'icones

Si necessites generar un paquet complet de favicon des d'una imatge, l'objectiu és eliminar exportació i empaquetat repetitius al voltant d'un llançament. Converty converteix una sola imatge quadrada en un conjunt d'actius més complet i preparat per desplegar.

Obre el generador de favicon i icones d'app, consulta Presentem Converty per al context i mantén a prop la guia de conversió WebP si la preparació d'actius comença comprimint imatges.

També et pot interessar