Sari la conținutul principal

De ce fișiere aveți nevoie într-un pachet Favicon?

De Converty Team

Aflați ce fișiere aparțin unui pachet practic de favicon, inclusiv favicon.ico, pictograme PNG, pictograme Apple touch, pictograme Android și un starter site.webmanifest.

De ce fișiere aveți nevoie într-un pachet Favicon?

Un pachet de favicon este ușor de subestimat. Mulți oameni o consideră o imagine mică într-o filă de browser, dar un site modern are de obicei nevoie de un set mic de active aferente. Pictograma filei browser este doar o suprafață. Comenzile rapide pentru dispozitive mobile, pictogramele Android, pictogramele Apple touch și referințele la manifest pot avea nevoie de propriile fișiere.

Scopul practic nu este de a colecta toate variantele posibile de pictograme. Scopul este de a livra un pachet concentrat care să acopere browser-ul obișnuit și suprafețe asemănătoare aplicațiilor, fără a transforma pregătirea lansării în muncă manuală de export. Favicon / App Icon Generator din Converty este construit în jurul acelei sarcini: începeți de la o imagine pătrată și descărcați un pachet cu fișierele comune împreună.

Fișierul de bază este încă favicon.ico

favicon.ico rămâne cel mai familiar fișier favicon. Este activul pe care oamenii se așteaptă să îl vadă asociat cu filele browserului, marcajele și convențiile favicon mai vechi.

Chiar și atunci când un site include și pictograme PNG și un manifest web, favicon.ico este totuși util, deoarece acoperă o cale tradițională pe care o înțeleg multe browsere și instrumente. Pentru un site simplu, este adesea primul fișier pe care cineva îl verifică atunci când pictograma filei nu arată corect.

Pictogramele PNG acoperă suprafețe moderne

Pachetele moderne de pictograme includ de obicei fișiere PNG de mai multe dimensiuni. Diverse browsere, comenzi rapide și contexte de afișare pot folosi dimensiuni diferite. Exportarea unei singure dimensiuni poate lăsa browserul sau dispozitivul să scaleze imaginea, ceea ce poate face pictogramele mici să pară moi sau aglomerate.

Acesta este motivul pentru care operele de artă sursă contează. O imagine pătrată, simplă și lizibilă produce rezultate mai bune în întregul pachet decât o grafică detaliată comprimată în mai multe dimensiuni. Converty nu poate transforma un logo complex într-un semn perfect minuscul, dar poate elimina munca repetitivă de export odată ce aveți o sursă adecvată.

Pictogramele Apple touch și pictogramele Android servesc diferite suprafețe

Pictogramele Apple touch sunt folosite pentru suprafețele comenzilor rapide ale dispozitivelor Apple. Pictogramele pregătite pentru Android acceptă cazuri de utilizare legate de instalare și comenzi rapide pe suprafețe orientate spre Android.

Aceste fișiere sunt ușor de uitat, deoarece nu sunt întotdeauna vizibile în timpul verificării normale a browserului desktop. Site-ul poate arăta bine într-o filă în timp ce încă lipsesc elemente care contează după ce cineva îl salvează pe ecranul de pornire al dispozitivului. Un pachet complet face acest lucru mai puțin probabil.

Dacă decideți dacă o pictogramă Apple touch este separată de o favicon, citiți Apple Touch Icon vs Favicon: Ce ar trebui să includă un site modern?.

Manifestul leagă suprafețe asemănătoare aplicațiilor

Un starter site.webmanifest oferă unei aplicații web sau unui site un loc pentru a descrie pictogramele și metadatele de afișare aferente. Nu este un înlocuitor pentru fișierele pictograme în sine. Le indică, astfel încât suprafețele compatibile să poată înțelege ce active sunt disponibile.

De aceea, Converty include un manifest de pornire în pachet. Fișierul generat vă oferă un punct de plecare practic, dar trebuie totuși să plasați activele în proiect și să le faceți referire din configurarea site-ului.

O listă de verificare practică a pachetului de favicon

Un pachet de favicon concentrat ar trebui să includă de obicei:

  • favicon.ico
  • mai multe dimensiuni de pictograme PNG
  • Ieșire pictogramă Apple touch
  • Ieșire pictogramă gata pentru Android
  • un starter site.webmanifest

Acest lucru este suficient pentru multe site-uri mici, lansări SaaS, pagini de marketing și proiecte de documentare. Configurațiile mai specializate pot avea nevoie de active suplimentare specifice platformei, dar pachetul comun îndepărtează munca de rutină.

Deschideți Favicon/Generator de pictograme aplicație când aveți o imagine sursă pătrată și aveți nevoie de fișierele comune ale pachetului de favicon incluse într-un singur export. Pentru un flux de lucru mai larg, citiți Cum se generează un pachet Favicon complet dintr-o singură imagine.

S-ar putea să îți placă și