Cum se instalează Favicon pe site?

Favicon este o abreviere pentru "pictograma selectată" (tradusă din limba engleză). Numele provine din lista de marcaje din Internet Explorer, numită "Favorite" / "Favorite List". Când adăugați un site la fila Explorer (versiunea 5 și o versiune ulterioară), acesta solicită serverului dacă are un fișier favicon.ico. Dacă există un astfel de fișier, acesta va fi utilizat pentru a furniza o pictogramă care apare lângă marcaj cu textul.

Alte browsere (de exemplu, Mozilla) au și suport pentru favicon. În funcție de programul de căutare, această pictogramă poate fi afișată în locuri diferite, nu numai în lista marcajelor (de fapt, este posibil să nu apară chiar și acolo). Este afișat în bara de adrese sau fila din fila browser.

Pictogramele din filele browserului

Majoritatea utilizatorilor, de regulă, au multe file deschise în fereastra browserului. Odată cu creșterea numărului de file, numele site-urilor este ascuns. Favicon ajută utilizatorul să identifice linkul și să treacă rapid la fila pe care doriți să o deschideți.

În plus, dacă utilizatorul dorește să adauge site-ul său preferat pe desktopul de pe dispozitivul mobil, se va folosi și pictograma. De aceea, trebuie să decideți întotdeauna alegerea imaginii înainte de a instala Favicon. O astfel de pictogramă a site-ului este afișată ca pictogramă a aplicației pe desktop-ul tabletei sau al smartphone-ului.

Cum de a crea un Favicon?

Pentru a crea favicon.ico, trebuie doar să salvați fișierul PNG 16x16 și să îl convertiți la pictograma de resurse din png2ico. La discreția dvs., puteți adăuga imagini diferite la aceeași pictogramă pentru a oferi soluții alternative. Cele mai multe browsere sunt folosite doar 16x16 format pentru astfel de imagini, dar într-un alt context (de exemplu, trăgând URL-ul în bara de adrese de pe desktop) pictograma mare poate fi afișată în imagine. Dacă pictograma de resurse conține doar 16x16 imagini, aceasta va fi redimensionată la dimensiunea dorită, astfel încât din punct de vedere tehnic nu este absolut necesară adăugarea de soluții alternative. Cu toate acestea, aceasta poate îmbunătăți calitatea imaginii. Înainte de a instala faviconul pe site, asigurați-vă că vă uitați la modul în care imaginea arată în diferite dimensiuni.

Rețineți că pentru un utilizator cu o conexiune lentă la Internet, Favicon poate crește timpul de încărcare a paginii cu câteva secunde. Acest lucru este posibil dacă fișierul imagine este prea mare, deci nu exagerați. Adăugarea unui format alternativ 32x32 ar trebui să fie suficient pentru a face ca imaginea să arate bine chiar și în situațiile cu pictograme mari. Utilizarea mai multor opțiuni este un bonus, efectuat numai la cererea dezvoltatorului site-ului. Încercați să mențineți numărul de culori la 16 și creați o pictogramă de 16 culori cu png2ico (sau chiar o pictogramă alb-negru). Acest lucru va salva un fișier mai mic care se încarcă mai repede.

Când creați o imagine care urmează să fie adăugată la favicon.ico, nu uitați că pictogramele pot fi afișate într-o altă culoare de fundal. Din acest motiv, este mai bine să se folosească transparența, decât un fundal solid. Ei bine, gândiți-vă cum să instalați faviconul cel mai competent, astfel încât acesta să fie în armonie cu orice fundal. Merită menționat faptul că puteți stabili valori intermediare, care sunt măsurate în procente. Experții spun că ajustarea este ideală, care include aproximativ 30-40% transparență a fundalului.

Puteți utiliza sigla mărcii dvs., un simbol al temei resursei sau o imagine preferată pentru a crea pictograma site-ului dvs. individual. Dimensiunea recomandată pentru un favicon este de cel puțin 512 pixeli lățime și înaltă. Imaginea trebuie să fie pătrată, dar puteți folosi imagini mari dreptunghiulare. Multe motoare vă vor permite să decupați imaginea când o adăugați (deci nu vă faceți griji cu privire la modul de instalare a favicon-ului pe SMF ca o imagine mare).

Crearea unei pictograme utilizând Photoshop

Experții recomandă utilizarea program pentru editarea imaginilor, de exemplu, Adobe Photoshop sau GIMP. Aceasta va crea o pictogramă a site-ului exact de 512 × 512 pixeli. Astfel, puteți salva proporțiile exacte ale imaginii, puteți utiliza imagini transparente sau puteți completa fundalul dorit. Această imagine poate fi înăuntru formate PNG, JPEG sau GIF. După aceasta, trebuie să stabiliți cum să instalați faviconul pe site.

De ce trebuie să adaug pe site?

După cum sa menționat deja, pictograma favicon este o mică pictogramă care apare lângă numele site-ului din browser. Acesta ajută utilizatorii să identifice linkul, iar vizitatorii mai frecventați pe site-ul dvs. vor identifica instantaneu această imagine mică. Acest lucru crește gradul de conștientizare a mărcii și contribuie la creșterea încrederii publicului. Astfel, faviconul determină "personalitatea" site-ului dvs. În plus, îmbunătățește, de asemenea, gradul de utilizare și experiența utilizatorilor site-ului.

Cum se instalează favicon pe site-ul html

Pentru a adăuga noul favicon la pagina web, trebuie să-l instalați pe un server în același folder în care pagina de web (de exemplu, example.com/foo/favicon.ico pentru example.com/foo/index.html). Acestea sunt datele pe care, în primul rând, orice browser va căuta să le descarce. Dacă nu găsește pictograma, va verifica directorul serverului de nivel superior (example.com/favicon.ico for example.com pe server). Din acest motiv, dacă îl instalați acolo, puteți avea pictograma implicită pentru toate paginile din domeniul dvs. În funcție de configurația browser-ului și, favicon nu este afișat întotdeauna, chiar dacă acesta este într-una dintre locațiile de mai sus și pagina web vede.

Pentru a înregistra prezența unui Favicon în codul paginii, puteți adăuga următoarele 2 linii în secțiune :

< linkul rel = "icon" href = "favicon.ico" tip = "imagine / x-icon">
< link rel = "pictogramă rapidă" href = "favicon.ico" tip e = "imagine / x-icon">

Cum să adăugați un Favicon la blogul WordPress

Dacă vă întrebați cum să instalați un Favicon în Direct, nu este nimic prea complicat. Interfața are elemente de meniu corespunzătoare care vă permit să selectați și să încărcați o imagine.

Cum de a adăuga un favicon la WordPress

Începând cu WordPress 4.3, puteți adăuga favicon site-ului din zona administratorului. Mergeți la "Vizualizați" / "Setări" și selectați fila "Site".

Secțiunea identificatorului site-ului din instrumentul de personalizare vă permite să modificați numele și descrierea resursei. Înainte de a ieși din meniu, vi se va întreba dacă doriți cu adevărat să afișați noile date în antet. De asemenea, vă permite să încărcați pictograma pentru site. Doar faceți clic pe butonul "Alegeți un fișier" și încărcați imaginea pe care doriți să o utilizați ca favicon.

Adăugarea unui blog Favicon pe blogul dvs.

Instrucțiuni suplimentare privind instalarea dispozitivului Favicon sunt următoarele. Dacă imaginea încărcată depășește dimensiunea recomandată, atunci WordPress vă va permite să o decupați. Dacă se potrivește cu setările recomandate, puteți salva modificările. Este demn de remarcat faptul că instrucțiunile despre instalarea unui favicon pe site-ul Joomla arată similar.

După aceea, când navigați pe site, veți vedea faviconul în acțiune. De asemenea, puteți accesa site-ul de pe dispozitivul dvs. mobil și apoi selectați "Descărcați versiunea completă" din meniul browserului. Veți observa că pictograma va fi afișată atât pe desktop-ul complet al computerului.

Cum se instalează aplicația Favicon pe WordPress a versiunii vechi (4.2 sau mai mică)

Descărcați fișierul Favicon în directorul rădăcină al site-ului cu protocolul FTP. După aceasta, puteți pur și simplu să inserați acest cod în fișierul header.php al temei dorite.

< linkul rel = "icon" href = "http: // example.com/favicon.jpg" tip = "imagine / x-icon">

< link rel = "pictograma de scurtătură" href = "http: // example.com/favicon.jpg" type = "image / x-icon">

Înlocuiți wpbeginner.com cu adresa URL a site-ului dvs. și totul se va face. Dacă blogul nu are un fișier header.php sau nu îl puteți găsi, utilizați un plugin special. Instalați și activați-l în setările site-ului. După activarea plugin-ul, mergeți la „Settings“, derulați până la „Introducerea antetelor și subsolurilor“, vă rugăm să consultați fila „Cod Box“ de mai sus, în secțiunea antet, și de a salva setările.

Dacă nu doriți să se ocupe cu labirintul de lucru cu FTP, dar este încă interesat de modul de a seta favicon, puteți utiliza, de asemenea, un plugin special, care reglează pictogramele de încărcare în toate etapele. Astfel de adăugiri la motor sunt disponibile nu numai pentru WordPress, ci și pentru alte sisteme populare, inclusiv pentru Joomla.