Sari la conținutul principal

Apple Touch Icon vs Favicon: ce ar trebui să includă un site modern?

De Converty Team

Comparați pictogramele Apple touch și faviconurile, înțelegeți de ce site-urile moderne au adesea nevoie de ambele și aflați cum să le împachetați dintr-o singură imagine sursă.

Apple Touch Icon vs Favicon: ce ar trebui să includă un site modern?

O pictogramă Apple touch și o favicon sunt legate, dar nu sunt același fișier care servește același scop. O favicon este de obicei asociată cu filele browserului, marcajele și browserul Chrome familiar. O pictogramă Apple touch este destinată suprafețelor de comenzi rapide ale dispozitivelor Apple, unde site-ul poate apărea mai mult ca o pictogramă de aplicație.

Confuzia este de înțeles deoarece ambele fișiere pornesc de la aceeași marcă în multe proiecte. Opera de artă sursă poate fi o imagine pătrată, dar pachetul trebuie să servească diferite suprafețe. De aceea, un flux de lucru favicon modern nu ar trebui să se oprească la un singur fișier favicon.ico.

Ce face un favicon

O favicon este micul marker vizual pe care utilizatorii îl văd în filele browserului, marcajele, istoricul și interfețele de browser aferente. Ajută utilizatorii să recunoască site-ul rapid atunci când sunt deschise mai multe file.

Fișierul clasic este favicon.ico, deși multe setări moderne includ și fișiere cu pictograme PNG. Pentru lansările de rutină a site-urilor, păstrarea favicon.ico în pachet este încă practică, deoarece acoperă așteptările familiare și căile de compatibilitate.

Ce face o pictogramă Apple touch

O pictogramă Apple touch este utilizată atunci când un site este salvat pe suprafețele dispozitivelor Apple, cum ar fi comenzile rapide de pe ecranul de pornire. Nu este doar un mic marcator de file. Trebuie să funcționeze ca o pictogramă într-un context mai asemănător aplicației.

Asta schimbă presiunea de proiectare. Pictograma unei file de browser poate fi extrem de mică. O pictogramă tactilă poate părea mai mare, dar trebuie, de asemenea, să se simtă curată, centrată și recunoscută ca un semn autonom. Aceeași ilustrație sursă poate funcționa pentru ambele dacă este simplă și pătrată, dar ieșirile trebuie încă ambalate corect.

De ce site-urile moderne au adesea nevoie de ambele

Dacă site-ul dvs. are doar o favicon, experiența browserului desktop poate arăta bine, în timp ce suprafețele comenzilor rapide mobile par incomplete sau inconsecvente. Dacă pachetul dvs. se concentrează doar pe pictogramele tactile, este posibil să pierdeți în continuare calea tradițională a filei de browser.

Pentru o lansare SaaS, un site de documentare, un microsite de produs sau o aplicație web mică, răspunsul practic este de obicei ambele. Doriți un pachet care să acopere filele browserului și comenzile rapide asemănătoare aplicațiilor fără a cere cuiva să exporte manual fiecare variantă de pictogramă.

Aici se potrivește Favicon / App Icon Generator. Acesta generează favicon.ico, pictograme PNG, pictograme Apple touch, pictograme gata pentru Android și un starter site.webmanifest dintr-o imagine sursă pătrată.

Opera de artă sursă este constrângerea partajată

Cel mai mare factor de calitate este imaginea sursă. Același semn trebuie să supraviețuiască mai multor suprafețe și dimensiuni. Ilustrațiile detaliate, textul mic și lucrările de artă de la margine la margine sunt de obicei slabe. O formă simplă cu suficientă umplutură este mai probabil să rămână recunoscută.

Converty include o opțiune circulară pentru browser și Android, în timp ce pictogramele Apple touch rămân pătrate. Acest lucru contează când marca dvs. de marcă funcționează mai bine într-un cadru circular, dar doriți totuși ca suprafețele Apple să păstreze tratamentul pătrat așteptat.

Decizia practică

Utilizați o favicon atunci când aveți nevoie de recunoașterea browserului. Folosiți o pictogramă Apple touch atunci când vă pasă de suprafețele comenzilor rapide Apple. Utilizați un pachet complet atunci când doriți ca site-ul să se simtă terminat în ambele.

Pentru o listă de verificare mai detaliată a fișierelor, citiți De ce fișiere aveți nevoie într-un pachet Favicon?. Când sunteți gata să exportați materialele, deschideți Favicon / App Icon Generator, încărcați o imagine sursă pătrată, examinați pachetul și descărcați fișierul ZIP.

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