Informații articol
Favicon, versiunea simplificată a unui logo sau a unei mărci figurative
Un favicon este un simbol mic care ajută utilizatorii să recunoască un website. De obicei, este o versiune simplificată a unui logo sau a unei mărci figurative.
Este afișată lângă titlul paginii într-o filă browser.
Avem consumatori de internet care utilizează o mulțime de file în același timp.
Pictograma mică și pătrată poate fi uneori singurul ajutor de orientare între website-urile deschise.
Favicon pe desktop
În urmă cu aproape 20 de ani, istoricul dezvoltării favicon a început odată cu lansarea Internet Explorer 5.
La acel moment, 16×16 pixeli erau disponibili pentru afișarea favicon-ului unui website.
Între timp, rezoluția a crescut la 32 și 48 de pixeli. Însă, imaginea de 16 pixeli în format .ico este încă un standard web comun pentru un favicon și azi.
Numărul tot mai mare de browsere și dispozitive finale a crescut cererile pentru favicon.
Formatul .ico a fost foarte curând completat de .png, .gif și .jpg. Primele două sunt acceptate de toate browserele majore.
Dacă este posibil, un favicon e stocat în directorul root al unui website.
Browserele caută automat un favicon acolo. Dacă un browser nu găsește fișierele acolo, duce la o stare 404 a server-ului web.
Nu numai că încetinește timpul de încărcare al unui website, dar are și un efect negativ asupra utilizabilității.
Doriți să vă asigurați că favicon-ul dvs. este găsit de browsere?
Este important să specificați calea în HTML folosind meta tag-uri.
Mai recent, a fost adăugat formatul .svg. Spre regretul multor designeri web, a fost o aplicație de nișă pentru favicon până în prezent.
Pe de altă parte, acest format ar putea fi adaptat deosebit de bine.
Opera și Firefox acceptă acum formatul de imagine bazat pe vector.
Chrome, Edge și Internet Explorer încă nu au reușit să facă acest pas. Numai Safari necesită .svg ca format pentru un favicon.
Până acum, această funcție poate fi utilizată doar pe desktop.
Favicon pe dispozitivele mobile
Odată cu lansarea sistemului de operare iOS, Apple s-a bazat din ce în ce mai mult pe aplicațiile web.
Prin urmare, faviconii au devenit o necesitate tehnică, chiar și în rezoluțiile superioare.
În plus față de Apple, Google cu Android se bazează tot mai mult pe favicon.
Pictograma e afișată aici ca pictogramă a aplicației pe ecranul de pornire la salvarea unui website.
Datorită rezoluțiilor ridicate ale ecranelor smartphone-ului, e necesară o imagine de 512 pixeli.
Rezoluția mai mare aduce avantajul unor opțiuni de proiectare mai complexe pentru favicon.
Integrarea favicon-ului pentru browserele desktop necesită doar stocarea lor în directorul root.
Pe de altă parte, instalarea unui favicon pe dispozitive mobile și tablete e mult mai complexă.
Cerințele platformelor cu privire la un favicon sunt foarte diferite.
Pentru ca iOS să găsească pictogramele, locația de stocare trebuie specificată printr-o meta-etichetă.
Aceasta trebuie introdusă la începutul codului HTML.
În trecut era necesar un număr mare de dimensiuni diferite.
Mai nou, Apple e mulțumit și cu un fișier .png de 180 de pixeli.
Integrarea pe Android este ceva mai complexă. O etichetă meta e utilizată pentru a specifica locația unui fișier .json.
Acest fișier .json, la rândul său, leagă pictogramele în format .png.
Acest așa-numit manifest.json e sursa de date pentru numele aplicației și schema de culori a unui website.
Formatul standard este acceptat doar de Chrome pentru Android și Opera Mini.
Pictogramele din meniul de pornire al Windows
Din păcate, Windows nu folosește formatul .json atunci când plasează un website în meniul său de pornire.
Microsoft necesită un fișier .xml proprietar. Acesta conține informații similare cu manifest.json, dar are un format diferit.
Locația fișierului .xml nu trebuie specificată ca o etichetă meta în antet.
Windows se așteaptă întotdeauna ca fișierul să fie în directorul root al unui website.
Servicii web
La ora actuală, nu s-a stabilit niciun standard în sectorul dispozitivelor mobile.
Astfel, integrarea corectă a unui favicon a devenit o provocare pentru dezvoltatorii web.
Ca dezvoltator ce se ocupă și de web design nu trebuie să creați fișiere individuale singure în Photoshop.
Website-uri, cum ar fi realfavicongenerator.net, vă pot ajuta la conversia imaginilor în favicon.
Valori precum culoarea și numele aplicației sunt, de asemenea, introduse în configurator.
Generatorul poate crea imediat toate fișierele .xml și .json necesare. Chiar și fișiere .svg pentru Safari pot fi generate acolo.
Puteți analiza cu ușurință dacă ați încărcat fișierele și ați setat meta tag-urile corect.
Trebuie doar să accesați propriul website cu ajutorul unui browser. Pe website-ul nostru SEO Cluj, puteți vedea în browser iconița.
Design grafic
O problemă care nu poate fi rezolvată automat?
Ar fi vorba de dificultatea de a crea o pictogramă ce e afișată într-un mod atrăgător. Atât la rezoluții mari, cât și la rezoluții mici.
Vă recomandăm să lăsați detaliile pentru rezoluții scăzute, fără a afecta recunoașterea faviconului.
Concluzie
Favicon-urile au evoluat în ultimii ani și sunt mai mult decât niște simple pictograme în filele browser-ului.
Mai ales în ceea ce privește capacitatea de utilizare, favicon-urile au devenit un instrument indispensabil.
Acestea sunt necesare în marketing, în procesele de recunoaștere și branding.
Pentru a crea o pictogramă atrăgătoare, nu mai trebuie să vă bazați pe software-ul de procesare al imaginilor.
Nici pe editorii de text. Datorită generatoarelor favicon de pe internet, toate fișierele necesare pot fi create rapid și ușor.
Cu toate acestea, provocările tehnice nu ar trebui să distragă atenția de la problema reală.
Crearea unui simbol grafic ce e recunoscut și unic, indiferent de dimensiune, este ținta dvs.
Articole similare