Favicon Dimensiune pentru site-ul dvs.

În web design, după cum probabil știți, fiecare detaliu contează. Omul care a mers la site-ul dvs., nu se poate vedea fiecare element separat, și ia întreaga imagine a pachetului, care este format din alte mici detalii. Astfel, dacă lipsește ceva în procesul de dezvoltare a resursei, acest detaliu, în viitor, poate strica întregul complex, întreaga compoziție.

Aceste amenzi pot fi, de exemplu, fundalul butonului, fonturi incorecte unele element mici și chiar favicon. Într-adevăr, uite mari, site-uri sami- bine-cunoscute au o pictogramă individuală pe care o reprezintă în „Marcaje“ în browser-ul utilizatorului. Fără ea, dezvoltatorii de resurse nu a reușit să creeze compoziția la care au solicitat inițial.

Prin urmare, vă creați un design pentru site-ul, ar trebui să aibă grijă de detalii, cum ar fi favicon. În acest articol vom vorbi despre cum să-l selectați în conformitate cu stilul general de resurse, și ce dimensiune ar trebui să fie în imagine.

site-ul icon

În primul rând, definim ceea ce constituie acest element. Acum, să ia o privire la titlul de file browser-ului. După cum puteți vedea, spre stânga există o imagine mică, care reprezintă o versiune simplificată a resursei logo-ul. Aceeași imagine este acolo lângă numele site-ului afișat în SERPs. Că utilizatorul este ghidat de ea, când vor vedea titlul.

Mulți webmasteri înțeleagă că este nevoie de această imagine - dar puțini oameni știu ce dimensiune favicon pentru site-ul ar fi cel mai potrivit. Prin urmare, în acest articol vom da nu numai informații cu privire la modul de a face astfel o pictogramă și cum să-l instalați pe site-ul dvs., dar, de asemenea, pentru a descrie dimensiunile imaginii.

scop favicon

Deci, imaginea lângă antetul site-ul este utilizat pentru identificare. Acesta este scopul inițial: să-și exprime site-ul, pe care le vedem Nathaniel, și selectați-l în ochii altora. Ea devine extrem de simplu prin utilizarea de grafica: noi percepem intuitiv de informații în imagini mult mai rapid și mai ușor decât în format text. Favicon ne ajuta în acest sens. Dar nu uitați că dimensiunea favicon este minimă în ochii utilizatorului. Acesta nu este un logo în site-ul „capac“, care pot conține informații suplimentare sub formă de inscripții, unele clarificări sau informații de contact. Orice lucru care poate fi descris în pictograma de lângă numele, ar trebui să fie cea mai potrivită pentru dimensiunea favicon. Și este, așa cum sa indicat deja, o miniatură (de 16 de 16 pixeli).

Cum de a alege un favicon?

Deci, cum face un webmaster poate proiecta o pictogramă pentru site-ul dvs.? Trebuie remarcat faptul că, pur și simplu comprima logo-ul site-ului, cel mai probabil, nu va reuși. Pe afișe care sunt puse sub formă de logo-ul unei anumite resurse, a se vedea de multe ori diferite elemente care nu vor fi întotdeauna afișate corect în formă miniatură. Este mai bine să abandoneze imediat acest risc.

Desigur, dimensiunea favicon nu se poate vorbi despre faptul că pur și simplu introduceți inscripția acolo. Orice text pur și simplu nu va fi vizibil la această rezoluție. Avem nevoie de a dezvolta o nouă pictogramă care va transmite stilul site-ului. Pentru a găsi soluții, din nou, să ne uităm la cele mai importante locuri.

Mulți folosesc un favicon prima literă stilizată a numelui serviciului. Deci vin, de exemplu, Bing, Yahoo, Yandex, Wikipedia, Google. Există o altă abordare - dacă aveți un nume scurt al site-ului, îl puteți seta ca fundal a pictogramei. Pentru a pictogramelor favicon rezoluție (pixeli se ajunge, din nou, 16-16 puncte), poate arăta în mod corect semnul, acesta trebuie să nu mai mult de trei litere fie. Deci, nu, de exemplu, serviciul Aol.

Cum de a crea un favicon?

Asigurați-o pictogramă pentru numele site-ului în mai multe moduri. Desigur, cel mai usor - este de a lucra cu diferite soluții gata făcute. Putem vorbi despre orice servicii sau programe care vă permit să facă o imagine a pictogramei completă prin reducerea acesteia. Cu toate acestea, aș recomanda să-și asume dezvoltarea logo-ul pe cont propriu. Aceasta este, în primul rând, va face posibil să învețe ceva; și în al doilea rând, pentru a oferi un număr mare de instrumente. Tot ce trebuie să fie capabil să facă remiză -Că, precum și știu ce favicon dimensiunea să fie în versiunea finală. Despre dimensiunea pictogramelor pentru site-ul, vom vorbi mai târziu, dar acum observăm unele dintre subtilitățile de a lucra cu astfel de imagini. În special, să nu mai vorbim de dimensiunea favicon pentru site-ul, ar trebui să clarifice acest raport de aspect. După cum sa menționat de către designeri cu experiență, imaginea ar trebui să fie salvat ca un .PNG (24 de biți) sau ca fayl.ICO.

Efectuați salva imaginea, puteți, de exemplu, cu ajutorul Photoshop, în cazul în care acesta va fi tras emblema.

dimensiuni favicon

Deci, acum să vorbim despre cât de mare trebuie să fie imaginea pe care o vedem lângă site-ul în rezultatele căutării. În mod implicit, după cum sa menționat deja, dimensiunea sa este de numai 16 de pixeli (pe fiecare parte). Cu toate acestea, dacă încercați să editați imaginea în „Photoshop“, verificați-vă dacă acest lucru este inconfortabil. De aceea, vă recomandăm să lucrați cu o imagine mărită, care, în viitor, va fi doar stoarce marginile și salvate în formatul dorit.

multiplatformă

Cu toate acestea, vorbind despre ce dimensiunea favicon ar trebui să fie pe site-ul dvs., trebuie să vă amintiți un lucru. Nu toate platformele sunt reflectă în egală măsură imaginea de resurse. De exemplu, un dispozitiv de afișare Retina-„vezi“ favicon în valoare de 32 până la 32 de pixeli. În Safari, și pe noua platforma Windows, și toate aceste pictograme ajunge la dimensiunea de 64 pixeli.

De aceea, vă recomandăm să păstrați diferitele versiuni ale icoanelor în viitor, pur și simplu pentru a oferi schimbarea sa în funcție de platforma de utilizator. Un alt punct interesant - puteți încerca să descărcați pictograma în cel mai mare format în speranța că aceasta va „micsora“, în funcție de browser.

editori străini

Desigur, bine, dacă ești bun la Photoshop și știu ce favicon dimensiunea ar trebui să fie și cum să-l atingă, păstrând imaginea sa. Cu toate acestea, există o mulțime de incepatori, care sunt pur și simplu nu cu experiență editori grafice atât de strâns înainte, astfel încât nu poate fi atât de ușor pentru a desena o imagine dorită. Pentru a ajuta aceste webmasteri, există diverse servicii care permit în mod automat face să vă interesați de pictograma. Multe dintre ele sunt chiar gratuite, care nu necesită nici o investiție din partea utilizatorului.

Pentru a lucra, uneori, trebuie doar să se înregistreze, dar, după cum știți, acest lucru se face doar o singură dată - de fapt, nu atât de des companiile schimba favicon. Doar uita-te la Google, care în fiecare zi se schimbă logo-ul, dar nu atinge pictograma.

Cum se instalează un favicon?

În general, înființat site-ul dvs., astfel încât să afișeze corect imaginea pe care doriți, este foarte simplu. Este suficient pentru a efectua o serie de pași simpli, care vor permite motoarele de căutare, precum și doar un browser pentru a citi informațiile.

Pentru aceasta aveți nevoie pentru a salva imaginea rezultată ca favicon.ico și pune-l în rădăcina resursei. Totul este acum imaginea va fi detectată în mod automat, iar incidentul de ceva timp acesta va fi conectat la site-ul tau.

În plus față de această legare, puteți adăuga o altă linie, care va „prompt“, în cazul în care pictograma. Se pare, după cum urmează:

Setați codul ar trebui să fie în antet.

constatări

Deci, după ce a citit acest articol, te face cu faptul, ce dimensiune ar trebui să fie favicon pentru site-ul și că, în general, este. De asemenea, cred că ați înțeles că căutarea pentru o pictogramă potrivit pentru site-ul dvs. - este o necesitate, pentru că joacă în mâinile tine, atât în ceea ce privește creșterea gradului de conștientizare, atât în ceea ce privește alocarea suplimentară între competitori. Cel puțin importante site-uri acționează în același mod în care putem lua ca un exemplu proeminent. Și apoi, mult efort ea nu produce - face favicon o dată și instalați-l corect pe site-ul dvs., vă puteți uita despre asta în următoarele câteva luni.

Deci, nu ezitați să experimentați, inventa ceva nou, încercați - și reuși!