pictograma sa pe site-ul

Deci, ceea ce este icoana site-ul web și ceea ce este pentru? Pentru a face acest lucru trebuie să ne întoarcem și amintiți-vă de istorie. Anterior, toate browserele web desemnate de pagini web pictograme identice, de exemplu, Internet Explorer este litera «e», care înconjoară orbita pe fundalul hârtie, în timp ce pictograma Firefox afișată vulpe de foc, care cuprinde tot globul. Dar, fiecare deținut un site dorește să utilizeze propria pictogramă pentru a vizual diferit de alte site-uri de pe Internet. Și ocazie a venit în browserele moderne. Mai mult decât atât, puteți seta o pictogramă separată pentru fiecare pagină. Cu toate acestea, până în prezent, unii webmasteri nu folosesc această oportunitate.

Cum se setează o pictogramă pentru pagina dvs.

Pentru a specifica o pictogramă, pagina corespunzătoare este suficient să se înregistreze în secțiunea HEAD a paginii, după cum urmează:

Tipul de cuvânt este folosit pentru a specifica tipul MIME. În acest caz, «imagine / x-icon» este un format de fișier care conține pictograma în formatul Microsoft Windows. Aceste pictograme înțeleg aproape toate browserele capabile să afișeze site-uri de icoane. Dacă sunteți conectat la un alt tip de pagină pentru, iar browser-ul nu poate afișa pictogramele de acest tip, nu va încerca să descarce pictograma și de pe Web.

Acum să vorbim despre dosarul special de rolul favicon.ico. Cuvântul Favicon ( «pictogramă la Favorite“, vine de la cuvintele «Favorite Icon», indicat printr-un dosar cu marcaje sau link-uri favorite.) Sa datorat Internet Explorer. Cele mai multe browsere, dacă nu găsiți nici un link etichetă. ceea ce ar corespunde unei pictograme, se crede că site-ul nu are propria pictogramă, și de aceea este utilizat pentru o pictogramă de pagini standard (o pentru fiecare browser, așa cum sa menționat mai sus). Dar, Internet Explorer încearcă să găsească un site suplimentar la rădăcina fișierului, Favicon.ico cu numele de cod. Pentru a utiliza acest simbol. Unii webmasteri au decis să renunțe la tag-ul link-ul. pur și simplu prin plasarea pictograma Favicon.ico în rădăcina site-ului.

De fapt, ei au comis un act de erupții cutanate, deoarece utilizarea link-ul tag-ul are următoarele avantaje:

  • icon fișier poate fi numit orice doriți, nu doar Favicon.ico
  • Aveți posibilitatea să atribuiți mai multe pictograme diferite pentru mai multe secțiuni ale site-ului, mai degrabă decât doar unul, și numai o dată pe întregul site
  • Dacă pictograma nu este stabilită în
  • , atunci nu se va vedea celelalte browsere (Firefox, Netscape, Konqueror, Opera)

Notă: Apropo, pe baza celor de mai sus, recomandarea de a plasa un fișier numit favicon.ico în rădăcina site-ul Web, urmată de o indicație a acesteia în link-ul tag-ul arata nesăbuit, pentru că în cazul în care apare necesitatea apoi anulate pentru una dintre pagini pentru a specifica o pictogramă personalizată, pur și simplu eliminați link-ul corespunzător nu va fi suficientă: Internet Explorer va continua să-și continue pentru a găsi cu succes favicon.ico în rădăcina site-ului. În acest caz, este necesar să redenumiți fișierul favicon.ico și modificați codul în toate celelalte pagini ale site-ului, nu numai că unul, care vrea să anuleze o pictogramă indiciu.

Prin urmare, icoanele lor, este de dorit să nu se apela standardul Favicon.ico numele. În plus, este, de asemenea, o pictogramă rău corespunde cu mintea exterioară, care descrie destinul său singur.

Acum să vorbim despre formatul pictograma ICO. ICO-fișier conține una sau mai multe pictograme, dimensiunea și culoarea fiecare dintre care este specificat separat. Pictogramele sunt stocate în formă necomprimate, adică, culoarea fiecărei pictograme punct codificat în mod independent, și dimensiunea fișierului astfel încât se pare destul de mare.

Dimensiunea pictogramei poate fi orice, dar apoi, pictograma va fi distorsionată în continuare în tensiune sau compresiune la momentul conducerii uneia dintre dimensiunile standard.

Icoanele sunt fie într-o culoare naturala (True Color), sau cu o paletă fixă ​​(două sute cincizeci și șase, șaisprezece, sau doar două culori).

Mozilla Firefox și suport IE8 deschiderea mai multor tab-uri într-o singură fereastră, afișarea pictogramele de site-uri web pe spatele acestor file. Acest lucru este extrem de convenabil, deoarece vă permite să navigați rapid în selectarea unui marcaj.

În cazul în care există posibilitatea de a alege între păstrarea pictograma 16 × 16, sau într-o culoare naturala (True Color), sau într-un format cu o paletă de 256 de culori fixe, atunci ce alegere ar trebui să fie, și de ce? Este necesar de a alege culoarea naturală, la fel ca în acest caz, că este ceea ce va reduce dimensiunea fișierului.

Din păcate, o astfel de utilizare a pictogramelor site-ul construit pe integrarea browser-ului și a sistemului de operare, astfel încât începe numai în cazul în care o comandă rapidă (URL-fișier) a fost creat prin tragere și plasare din Internet Explorer. Ce dimensiune vor fi utilizate - 32 × 32 sau 48 × 48? Depinde de setările proprietăților ecranului - tab-ul „Efecte“ grup „setările de afișare“, „Folosește pictograme mari.“ Dacă această opțiune este activată, 48 × 48 sau 32 × 32. Folosind dimensiunea pictogramei 48 x 48 display-uri populare la rezoluție îmbunătățită, în cazul în care pictogramele de 32 × 32 este prea superficial.

Dacă fișierul pictogramă nu este o imagine care corespunde la dimensiunea necesară a sistemului, cel mai potrivit va fi selectat, și apoi întins (sau a scăzut). Aceste pictograme apar pătate că mai degrabă urât (mai ales că acest lucru este valabil și pentru acele icoane, unele imagini sunt clare, și strălucește prin fundal pentru desktop).

Pe baza motivelor menționate mai sus, fiecare dintre ICO-fișierul dvs. trebuie să conțină cel puțin trei icoane: una de 16 × 16, un 32 × 32 și 48 × 48 în monoterapie. Apoi, pictogramele de toate dimensiunile sunt disponibile, iar punctele lor de vedere nu vor apărea distorsionate.

Caracteristici suplimentare

Este posibil să se facă insigna a fost un GIF animat în cazul în care este posibil, și în alte browsere au rămas nemișcat ICO-imagine? Acest efect este atins, dacă specificați două link-ul tag-ul într-un rând, unul după altul:

Browser-ul are întotdeauna ultimul dintre aceste icoane - cu condiția ca el intelege tipul de pictograme. Astfel, înțelegerea va lua GIF GIF, restul se va lua ICO.

Acest truc funcționează și cu pictograme non-standard de formate - cum ar fi MNG. Aceste pictograme trebuie să indice întotdeauna cele mai recente - și în fața lor conduce, cel puțin, ICO-versiune.

ICO-versiune ar trebui să fie întotdeauna specificat ca alte pictograme de tipurile MIME nu sunt potrivite pentru înregistrarea Microsoft Windows Shortcut (URL-fișiere), și este necesar și pe desktop și în alte locații.

Pictograme pentru iPhone, iPad

Datorită popularității dispozitivelor Apple a devenit crearea de urgență pentru pictogramele iPad și iPhone. Când utilizatorul selectează în Safari, faceți clic pe Adăugați în care apare pictograma „Acasă“ de pe dispozitiv de tip desktop. În acest scop, este necesar să se creeze imaginea în format PNG cu dimensiuni de 72 × 72 pixeli pentru iPad și 114 × 114 pixeli pentru iPhone 4. După care trebuie să fie scris:

Este interesant de notat că, în acest caz, pictograma va fi unele schimbări: vor exista colturi rotunjite, o mică picătură de umbra pictogramei și efectul de sticlă.

Dacă nu doriți ca aceste efecte pentru pictogramele, apoi utilizați un alt cont:

Odată cu apariția HTML5 a devenit posibil de a utiliza noile dimensiuni ale atributelor. Și acum puteți găsi o înregistrare.

Acest exemplu utilizează dimensiunea pictogramei de la 32 la 32. Uneori, a creat o listă de înregistrări similare pentru diferite dimensiuni, care pot fi utilizate de browsere diferite.

Program pentru a crea ICO-fișiere

Nu uitați că o paletă fixă ​​nu este necesar să fie alcătuită din culori de sistem. Prin urmare, pictogramele de 32 × 32 și 48 × 48 ar trebui să fie menținute, cel puțin în paleta de 256 de culori, la fel ca în True Color vor ocupa prea mult spațiu, iar panoul de selecție competentă este în măsură să facă un număr limitat de culori este practic imperceptibilă.

De asemenea, puteți utiliza o varietate de servicii online, care vă permit să încărcați un fișier pictogramă sau PNG, și pregătiți-vă pentru insigna pe site-ul tau:
www.favicon.cc/
www.favico.com
FavIcon Generator
Genfavicon

informaţii suplimentare

articole similare