Favicon - (din engleza FAVorites ICON în traducere „pictogramă pentru favorite”) - o pictogramă a site-ului web cu dimensiunea de 16x16px sau 32x32px, care este afișată de browser în bara de adrese sau lângă un marcaj salvat. În mod tradițional, numele și extensia pictogramei sunt favicon.ico.

Serviciul nostru vă poate converti imaginea aleasă (până la 175 Kb) într-o pictogramă a site-ului (16x16px sau 32x32px). După generație, trebuie doar să încărcați favicon.ico în directorul dorit al site-ului de găzduire.

Lipsește pictograma este o greșeală optimizare tehnică resursă, aceasta reduce gradul de cunoaștere a mărcii, scade CTR-ul fragmentelor de căutare, înrăutățește căutarea unei resurse web prin marcajele browserului etc.

Yandex are un bot special care indexează individual faviconul tuturor site-urilor. Frecvența adăugării de pictograme noi la căutare este de aproximativ două săptămâni până la o lună.

Unde pot descărca faviconul pentru a fi online?

Pentru a afișa favicon.ico-ul creat ca o pictogramă de site, trebuie să îl încărcați în directorul rădăcină al site-ului (sau în orice director) și să specificați calea absolută sau relativă către acesta () în codul șablonului de site (), exemplu cod:

De ce să indicăm drumul către Favicon?

Când utilizați o pictogramă de site pentru întregul site, dacă favicon.ico se află în folderul rădăcină, calea către acesta poate fi omisă - browserele o vor găsi singure și o vor afișa ca pictogramă de site. Resursele mari sau unice utilizează pictograme de site diferite pentru fiecare dintre categoriile lor. Pentru a face acest lucru, în șabloanele corespunzătoare, acestea au o cale către favicon.ico diferit.

Subiectul articolului de astăzi este cum să faci un favicon online pentru un site web sau blog pe WordPress. Dacă din anumite motive încă nu știți ce este și de ce este necesar acest fișier, atunci vă recomand să citiți articolele pe care le-am scris deja pe acest subiect:

În general, fiecare site ar trebui să aibă această mică imagine.

Cum se creează un favicon.ico pentru un site web

Deci, acum voi încerca să vă spun unde, cum și cum să creați un favicon. Dar mai întâi trebuie să știți ce dimensiune ar trebui să aibă faviconul pentru site?

Favicon Este o imagine în format ICO, JPEG, PNG, BMP și GIF, care poate avea dimensiuni diferite, începând de la 16 × 16 pixeli. O pictogramă de exact această dimensiune trebuie încărcată pe site pentru a fi indexată de robotul Yandex.

Alte dimensiuni au o importanță secundară și nu sunt afișate în Căutare Yandex, dar sunt utilizate pentru afișare în browsere, de exemplu, pe iPhone sau iPad. Dacă doriți ca site-ul dvs. să iasă în evidență în rezultatele căutării, amintiți-vă următoarea regulă.

Dacă există mai multe simboluri de dimensiuni diferite, primul loc în codul paginii este calea către imaginea de 16x16 px, deoarece robotul Yandex favicon citește doar prima adresă.

Cel mai simplu mod de a desena un favicon este în Photoshop sau în orice alt editor grafic. Puteți face și mai ușor și puteți face o fotografie sau o fotografie deja terminată și pur și simplu să o convertiți în formatul și dimensiunea dorite. Deoarece o astfel de pictogramă este foarte mică, micile detalii ale imaginii vor fi slab vizibile pe ea. Prin urmare, este mai bine să vă faceți faviconul cât mai simplu posibil, dar în același timp atractiv și unic. La urma urmei, aceasta este o carte de vizită a resursei dvs. web.

Dacă nu sunteți un mare expert în Photoshop, atunci nu contează, există multe servicii gratuite de generare pe Internet pentru crearea unui favicon pentru un site web. Unele dintre ele pot converti doar imagini în format ICO, în timp ce altele oferă posibilitatea de a edita sau crea un favicon de la zero. Vă aduc în atenție o mică prezentare generală a acestor generatoare online.

Servicii online generator de favicon - creați un favicon online

Voi începe cu cel mai mult servicii simple, și apoi voi trece treptat la altele mai avansate, unde puteți crea icoane statice și animate de la zero și le puteți edita pe cele deja gata.

Când tocmai vă lansați blogul sau site-ul companiei și nu aveți încă o siglă, serviciul Logaster este o soluție excelentă pentru dvs. Cu ajutorul acestuia, puteți crea un logo, iar apoi, pe baza acestui logo, generatorul va crea multe favicoane la alegere. Confortul constă în faptul că sigla și faviconul vor fi create în același stil, astfel încât site-ul dvs. web va arăta mai profesionist.

Generatoare de favicon simple

Pentru început, există mai multe site-uri unde puteți crea cu ușurință o pictogramă pentru site convertind orice imagine într-un fișier favicon.ico, fără posibilitatea de editare.

www.favicongenerator.com este poate cel mai minimalist serviciu. Nimic de prisos - a ales o imagine, a făcut clic pe „Generați Favicon! ”Și am descărcat pictograma creată.

tools.dynamicdrive.com/favicon- simplu și serviciu clar unde puteți face un favicon în trei dimensiuni. Pentru a descărca fișierele primite, trebuie să faceți clic pe butonul „Descărcați FavIcon” de sub ele.

www.cy-pr.com/tools/favicon și www.favicon.co.uk sunt servicii similare cu cele anterioare. În primul, puteți face dimensiunea faviconului 16 × 16 și 32 × 32, iar în al doilea, suplimentar 48 × 48 și 64 × 64.

www.genfavicon.com - întregul proces de creare a unei pictograme include trei pași:

1. Selectați un fișier (JPEG, GIF, PNG) pe computer sau scrieți doar adresa URL a imaginii și faceți clic pe „ Incarca imaginea“;
2. Selectați dimensiunea (16 × 16, 32 × 32, 48 × 48, 64 × 64 sau 128 × 128) și zona necesară a desenului, dacă dorim să generăm doar o parte a imaginii făcând clic pe „ Captură și imagine“;
3. Ne uităm la rezultat și, dacă totul ne convine, descărcăm fișierul.

Crearea unui favicon animat pentru un site web în generatoarele online

Acum să ne uităm la mai multe servicii în care puteți crea favicoane animate, precum și adăugați text în alfabetul latin, care va derula împreună cu pictograma liniei târâtoare. Adevărat, animația nu este acceptată de toate browserele.

www.favicon.by - serviciu în limba rusă. Tot ce este necesar este să selectați fișierul, să introduceți textul în alfabetul latin (dacă este necesar) și să apăsați butonul „Creați Favicon”. Mai jos puteți vedea rezultatul și puteți descărca arhiva cu fișierele.

www.favicon.com.mx este un serviciu complet identic cu cel anterior, doar în limba engleză.

Unde să faci un favicon de la zero - editori online de favicon

antifavicon.com - acest serviciu, din anumite motive cu prefixul anti, este interesant prin faptul că vă permite să creați singur un fișier favicon.ico, dar nu ca imagine, ci ca text pe un fundal colorat. Tot ce este necesar este să introduceți literele corespunzătoare și să selectați culorile. Apropo, mi-am făcut faviconul chiar aici. M-am gândit să-l schimb mai târziu, dar acum sunt obișnuit.

favicon-generator.org - aici, pe lângă convertor, există și un editor de pictograme. În plus, puteți încărca faviconul creat în galeria publică, unde alți utilizatori ai site-ului îl pot descărca liber.

favicon.ru este un popular generator online rus, unde puteți crea și favicoane din imagini și le puteți desena. Aici puteți comanda, de asemenea, crearea unui favicon pentru specialiști pentru 20 USD. Mă întreb dacă cineva face comenzi acolo?

www.favicon.cc este un alt generator popular similar cu cel anterior. O caracteristică interesantă a acestui serviciu este că puteți realiza animație cadru cu cadru de până la 20 de secunde.

Puteți vedea pictograma animată și o puteți descărca în fereastra de previzualizare.

www.degraeve.com/favicon este un alt generator de favicon online. Acest editor, ca și cele precedente, vă permite să creați fundal transparent icoane.

Poate că este suficient pentru astăzi, deși acest lucru este departe de toate serviciile online. Dar chiar și acestea sunt suficiente pentru a crea un favicon frumos pentru site-ul sau blogul dvs. și pentru a fi vizibile în rezultatele căutării.

Și totuși, am salvat un alt generator de pictograme online pentru site pentru mai târziu. Acest serviciu merită o postare separată, unde vă voi spune cum să creați un favicon pentru iPhone, IPod Touchși Browsere iPadși mă voi opri asupra instalării de icoane animate pe site mai detaliat. În plus, vă voi prezenta serviciul Favicon Validator, unde puteți verifica și vedea toate pictogramele favicon.ico dacă acest fișier conține mai multe imagini .. Pa la toată lumea!

O parte integrantă a site-urilor web moderne este Favicon, care vă permite să identificați rapid o anumită resursă în lista de file din browser. De asemenea, este greu de imaginat program de calculator fără propria etichetă unică. În același timp, site-urile și software-ul în acest caz sunt unite de un detaliu nu cu totul evident - ambele folosesc pictograme în format ICO.

Aceste mici imagini pot fi create atât datorită programe specialeși cu ajutorul serviciilor online. Apropo, acestea din urmă sunt mult mai populare în astfel de scopuri și vom lua în considerare o serie de astfel de resurse cu dvs. în acest articol.

Grafica nu este cea mai populară categorie de servicii web, dar când vine vorba de generarea de pictograme, cu siguranță există multe dintre care să alegi. Conform principiului muncii, astfel de resurse pot fi împărțite în cele în care desenați singuri o imagine și site-uri care vă permit să convertiți o imagine deja terminată în ICO. Dar, practic, toate generatoarele de pictograme oferă ambele.

Metoda 1: X-Icon Editor

Acest serviciu este cea mai funcțională soluție pentru crearea imaginilor ICO. Aplicația web vă permite să desenați manual pictograma în detaliu sau să utilizați o imagine gata făcută. Principalul avantaj al instrumentului este capacitatea de a exporta imagini cu o rezoluție de până la 64x64.

Deci, dacă trebuie să creați un set întreg de icoane de același tip de dimensiuni diferite, nu veți găsi nimic mai bun decât X-Icon Editor în aceste scopuri.

Metoda 2: Favicon.ru

Dacă trebuie să generați un favicon 16x16 pentru un site web, serviciul online în limba rusă Favicon.ru poate fi, de asemenea, un instrument excelent. Ca și în cazul soluției anterioare, aici puteți fie să desenați singuri o pictogramă, colorând fiecare pixel separat, fie să creați un favicon dintr-o imagine terminată.

Ca urmare, un fișier cu extensia ICO este salvat pe computerul dvs., care este o imagine de 16 × 16 pixeli. Serviciul este perfect pentru cei care trebuie doar să convertească o imagine într-o pictogramă mică. Cu toate acestea, nu este deloc interzis să arăți imaginație în Favicon.ru.

Metoda 3: Favicon.cc

Asemănător cu precedentul atât în ​​nume, cât și în principiu de funcționare, dar și mai avansat generator de pictograme. Pe lângă crearea de imagini obișnuite de 16x16, serviciul facilitează desenarea unui favicon.ico animat pentru site-ul dvs. web. În plus, resursa conține mii de pictograme personalizate disponibile pentru descărcare gratuită.

Dacă interfața în limba engleză nu vă deranjează, atunci nu există absolut niciun argument în favoarea colaborării cu serviciul anterior. Pe lângă faptul că Favicon.cc este capabil să genereze icoane animate, resursa recunoaște în mod corect transparența în imaginile importate, de care, din păcate, analogul în limba rusă este lipsit.

Metoda 4: Favicon.by

O altă variantă a generatorului de favicon pentru site-uri web. Este posibil să creați o pictogramă de la zero sau bazată pe o anumită imagine. Diferențele includ funcția de a importa imagini din resurse web terțe și o interfață destul de elegantă, laconică.

În general, nu există diferențe în lucrul cu serviciile deja discutate în acest articol, cu toate acestea, resursa Favicon.by face față mult mai bine conversiei imaginilor în ICO-uri, iar acest lucru este destul de ușor de observat.

Metoda 5: convertire online

Este probabil să cunoașteți deja acest site ca un convertor de fișiere online aproape omnivor. Dar nu toată lumea știe că este unul dintre cele mai bune instrumente pentru conversia oricărei imagini în ICO. La ieșire, puteți obține pictograme cu o rezoluție de până la 256 × 256 pixeli.

După cum puteți vedea, creați Pictograma ICO Utilizarea site-ului Online-Convert nu este deloc dificilă, iar acest lucru se face în doar câteva clicuri de mouse.

În lecția de astăzi vă voi povesti despre Icoane Favicon (favicon). iti voi arata cum se face un favicon.ico pentru un site web(sau pentru un blog, nu are nicio diferență) și vă arată cum puteți introduceți favicon.

Cu siguranță, mulți încă nu știu despre ce „minune” vorbesc. Pur și simplu, un favicon este o imagine (pictogramă) care se află în fața adresei site-ului web în browser. Voi arăta clar Faviconul blogului meu:

Această pictogramă este un fel de siglă pentru blogul dvs. Prin urmare, crearea unui favicon trebuie luată cu deplină responsabilitate. Amintiți-vă, poate face blogul dvs. să se distingă de ceilalți.

Planul lecției:

1. Construirea unui Favicon de la zero.
2. Crearea unui favicon din imagine terminată.
3. Servicii cu icoane gata făcute pentru site.
4. Atașarea pictogramei rezultate la site.

Cum se creează un favicon de la zero

Există un serviciu foarte convenabil. Are o adresă favicon.cc. Acest serviciu pentru construirea favicoanelor arată astfel:

La desenează favicon doar alegeți o culoare și vopsiți. Dacă ați desenat ceva, undeva greșit, pentru a șterge un fragment din imagine, selectați instrumentul transparent (bifați caseta) și „împingeți” pixelii („pătratele”) care trebuie eliminați:

Am desenat următorul favicon:

Ceea ce mi-a plăcut cel mai mult la favicon.cc este că puteți vedea instantaneu rezultatul muncii dvs. în dimensiunea sa originală. Pentru a face acest lucru, trebuie să coborâți puțin la secțiunea Previw:

Sau puteți face direct în browserul dvs. (Opera, Firefox, Internet Explorer etc.) vezi rezultatul muncii:

Crearea unui favicon dintr-o imagine gata făcută

Să presupunem că nu doriți să creați o pictogramă pentru site-ul dvs. de la zero, ci doriți să o creați dintr-o imagine gata făcută. În acest caz, serviciul pentru crearea unui favicon.ru favicon vă va fi convenabil.

Serviciul este în limba rusă, deci nu ar trebui să aveți probleme. Doar indicați imaginea pe care doriți să o vedeți ca o pictogramă a site-ului dvs. (butonul „Răsfoiți”), apoi faceți clic pe „ Creați favicon.ico", Și apoi deja" Descărcați favicon.ico”.

Favicon - termenul literal tradus ca „pictogramă favorită” - este considerat unul dintre cele mai dificile elemente ale designului web modern. Aceasta este o imagine mică, care se află în fila browser, în bara de căutareși în alte părți și joacă un rol important în personalizarea site-ului.

Datorită formatului non-standard și a dimensiunilor mici, crearea unui favicon poate fi dificilă, atât din punct de vedere tehnic, cât și din punct de vedere al designului.
Nu mai puțin sarcina dificila este de a asigura compatibilitatea favicon cu diferite browsere.

În acest articol, veți învăța cum să creați un favicon - vă vom oferi sfaturi și servicii de proiectare pentru crearea unui favicon și cum să adăugați un favicon pe site-ul dvs.

Ce este un favicon și de ce este necesar

În ciuda faptului că un favicon este un obiect grafic foarte mic, este extrem de important în proiectarea site-ului și în general.

Faceți clic pentru a mări imaginea.

in primul rand, favicon face site-ul dvs. mai personalizat și mai consistent cu alte elemente grafice, cum ar fi un logo.

În al doilea rând , favicon face ca site-ul dvs. să se distingă de alte resurse web din listă rezultatele cautarii... Un site fără această mini-pictogramă va arăta plictisitor și va pierde în fața concurenților. Pe scurt, un favicon este pur și simplu un „must have” pentru site-uri.

În al treilea rând Ficonul permite utilizatorului să vă găsească site-ul mai repede în directorul de marcaje sau alte pictograme de pe desktop.

Crearea unui design favicon

Faviconul ar trebui să surprindă esența și marca într-un semn mic de dimensiunea emoticonului. Buna decizie va deveni o versiune simplificată a siglei companiei, dar vă rugăm să rețineți: un logo complet cu text și mărci comerciale nu este potrivit în acest scop.

Aceste site-uri web folosesc imaginea de marcă (sau cel puțin ceva similar cu aceasta).

Nu folosiți text

Evitați utilizarea textului, deoarece dimensiunea redusă a pictogramei va face inscripțiile ilizibile. Plasați 1, maximum 2 litere pe pictogramă - de exemplu, primele litere în numele companiei dvs. sau al resursei web; în acest caz, ele pot fi încă distinse.

Pixelarea faviconului

Ficoanele sunt atât de mici încât fiecare pixel contează. Adesea, când micșorați la un logo la dimensiune completă, imaginea este neclară.

Acesta este un fragment al siglei Facebook de dimensiuni complete, după ce a fost redus la 32x32. Este ușor de văzut că imaginea „plutește” în jurul marginilor. Pentru a evita acest defect, trebuie să faceți editare la nivel de pixel.
Când lucrez cu pictograme, prefer să folosesc programe de editare bitmaps(cum ar fi Photoshop sau Pixelmator). În primul rând, reduc sigla la dimensiune completă la 64x64 pixeli, deoarece acesta este cel mai mare favicon de care voi avea nevoie. Munca este foarte minuțioasă, poate dura o oră sau chiar două, dar rezultatul este pur și simplu excelent.
Dacă nu aveți timp și abilități în astfel de operațiuni, este mai bine să utilizați servicii on-line, precum Logotizer.ru

Dimensiunea faviconului

Cu o pictogramă 64x64, creez în același mod 32x32, 24x24 și 16x16 pixeli. Fiecare dintre ele are propriul scop:

- 64 × 64 - „Listă de citire” în Safari și Windows
- 24 × 24 - Site-uri fixate în IE9.
- 32 × 32 - Pentru ecrane cu Rezoluție înaltă.
- 16x16 - De obicei utilizat în browsere precum IE, Safari, Chrome etc.

Dar crearea de favicoane mai mici nu se limitează la: adesea este necesară editare suplimentară la nivelul pixelilor. De asemenea, puteți adăuga un canal alfa dacă credeți că este potrivit. Dacă mai devreme acest lucru a cauzat dificultăți, acum aproape toate browserele acceptă transparența în favicoane.

Formate Favicon

Anterior, când erau acceptate numai fișiere Windows ICO, am putea economisi timp salvând un favicon de 16x16 în format GIF și oferindu-i extensia .ico. Această tehnică a funcționat impecabil! Dar acum această metodă nu mai este necesară, deoarece instrumentele pentru crearea fișierelor ICO pot fi găsite cu ușurință pe Internet. Mai mult, acum și sunt utilizate pentru favicoane, dar cele mai frecvente sunt încă doar următoarele două.

ICO

Palma aparține formatului ICO. Spre deosebire de fișierele PNG, fișierele ICO pot avea rezoluții diferite și adâncimea de biți(ceea ce este minunat pentru Windows). Internet Explorer folosește pictograme de diferite dimensiuni (de exemplu, pictograme de 32 de pixeli pentru bara de activități Windows 7) și, prin urmare acest caz Formatul ICO este singura opțiune.

Fișierele PNG sunt foarte convenabile, deoarece nu aveți nevoie de instrumente speciale pentru a le crea. Acest format acceptă canalul alfa și vă permite să creați cele mai mici fișiere. Poate singurul dezavantaj Format PNG este că nu este acceptat în motor de cautare Explorator.

Există și alte opțiuni:

- Formatele GIF și GIF animate nu au alte avantaje decât compatibilitatea cu browsere foarte vechi.
– Format JPG utilizarea nu este recomandată, chiar dacă imaginea este sub formă de fotografie. Acest format nu are claritatea PNG, iar singurul avantaj este mai mult tranziții linîntre culori - o nuanță care este complet invizibilă într-o imagine foarte mică.
- SVG ar putea fi o opțiune excelentă dacă mai multe browsere favicoane acceptate de acest format. Între timp, există doar compatibilitate cu Opera.
- Există, de asemenea, așa-numitul "sub-format" PNG - APNG (PNG animat), care este acceptat în Firefox și Opera. Cu toate acestea, fezabilitatea utilizării sale rămâne discutabilă. Un favicon animat poate fi distractiv și chiar enervant pentru utilizator.

Creați favicon online - instrumente și servicii online

Am selectat cel mai mult servicii utile care vă va ajuta să creați un favicon online.

Logotizer

Logotizer este un serviciu nou, simplu și convenabil pentru crearea unui favicon și a unei sigle pentru site-ul dvs. web.
Cu acest constructor online, puteți crea un favicon de la zero. Serviciul este destinat începătorilor, deci dezvoltați-vă design bun nu va fi dificil.

Cum se creează un favicon folosind generator online Logotizer

Zona principală de lucru este în stânga. În dreapta, puteți vedea cum va arăta faviconul pe diferite medii - fila browser, bara de activități a computerului sau ecranul smartphone-ului. Foarte convenabil și intuitiv.

În primul rând, ar trebui să alegeți forma faviconului. Există o mulțime de ele, mai mult de 50. Vă sfătuim să alegeți formulare simple și necomplicate pentru a face faviconul ușor de înțeles și de reținut.

În acest stadiu, definiți și culoarea formei, care merge ca fundal al faviconului, și selectați cadrul. Vedeți ce culoare domină sigla dvs. (dacă există), ce culori sunt cele principale pe site-ul dvs. În acest interval, vă recomandăm să creați un design de favicon.

Sub blocul „Form” este o colecție de forme (simboluri). Nu sunt atât de multe, este păcat că nu îți poți încărca opțiunile; dar alegerea este încă destul de interesantă.

Schimbați culoarea, dimensiunea, poziția formelor! Într-un cuvânt, experimentați, din fericire, serviciul vă permite să faceți acest lucru.

Odată selectată forma, puteți adăuga propriul text. Așa cum am scris mai devreme, este mai bine să folosiți 1 sau 2 litere, nu mai multe.

Există o selecție extinsă de fonturi. Acesta este cu siguranță un plus. Ca și în cazul formelor, puteți schimba culoarea, dimensiunea, poziția textului.

Dacă decideți că un strat de favicon interferează temporar cu dvs. sau nu este deloc necesar, îl puteți ascunde pur și simplu.

După crearea unui favicon, serviciul va oferi salvarea acestuia. Înregistrați un cont (în 2017, nu există nicio modalitate de a vă înregistra fără înregistrare), iar după aceea puteți descărca fișiere pentru o mică plată - 199 ruble.

Site-ul conține, de asemenea, o mică instrucțiune despre cum să adăugați un favicon pe site, deci nu ar trebui să aveți probleme în adăugarea unui favicon pe site. Recomandări similare sunt furnizate mai târziu în acest articol.

După plată, utilizatorul primește imediat 10 simboluri de diferite dimensiuni pentru toate dispozitivele necesare astăzi (pictograma Apple touch, pictogramele aplicației Microsoft și altele).

Fișierul favicon.ico în sine este multidimensional și conține pictograme de 4 dimensiuni într-un singur fișier (16px, 24px, 32px, 64px). În consecință, dacă adăugați un site la marcajele browserului sau deschideți un istoric, puteți vedea pictograme de diferite dimensiuni, dar acestea vor fi afișate clar și fără estompare.

În general, serviciul este bun. Simplu, convenabil, nimic mai mult.

RealFaviconGenerator.net

Este un generator de favicon mai simplu, care vă permite să creați favicoane pentru orice platformă. Mai mult, puteți testa faviconul pe resursă. Introduceți adresa URL a site-ului web și veți vedea cum arată faviconul dvs. în fiecare browser și în fiecare sistem de operare... Real Favicon Generator vă va arăta, de asemenea, cum să remediați defectele și să vă îmbunătățiți faviconul.

Favicon.by

Favicon.by Este un alt generator de favicon gratuit și ușor de utilizat, care convertește Fișiere PNG, JPG și GIF în format .ico. Încărcați o imagine de pe computer, selectați o dimensiune (16x16px sau 32x32px) și faceți clic pe butonul „Creați”. Pentru a salva faviconul rezultat pe site-ul dvs., urmați instrucțiunile.

Serviciul face posibilă și desenarea unui logo pixel cu pixel, dar, pentru a fi sincer, nu toată lumea poate face acest lucru. De exemplu, nu aș putea. Aici sunt atât de strâmb :)

Cum să adăugați un favicon pe site-ul dvs.

Puteți adăuga un favicon pe site-ul dvs. făcând câteva modificări în codul HTML al paginii site-ului.

Pasul 1: Încărcați fișierul „favicon.ico” pe serverul de găzduire.

Pentru a face acest lucru, accesați serverul FTP folosind acest link:
ftp: // [e-mail protejat]
Introduceți numele de utilizator și parola. Acestea pot fi obținute de la panoul de administrare al companiei dvs. de găzduire.
Încărcați fișierele favicon în directorul rădăcină. Directorul rădăcină este denumit de obicei „public_html” sau „www”.

Pasul 2: Adăugați un favicon la HTML.

Cu fereastra serverului FTP deschisă, descărcați fișierul „index.html” sau „header.php”.
Apoi, trebuie să descărcați codul. Codul descărcabil depinde de site-ul dvs. web.
Dacă site-ul dvs. este HTML, găsiți zona HEAD în fișierul index.html și lipiți în următorul cod:

Dacă site-ul dvs. este WordPress, găsiți zona HEAD în fișierul header.php și lipiți următorul cod:

/favicon.ico ”/>

Browserele pot folosi aceste coduri pentru a vă găsi favoritele.
Așa că ți-ai instalat faviconul!

Cum se adaugă un favicon la WordPress și alte platforme

Dacă resursa dvs. se bazează pe WordPress sau un alt CMS, atunci adăugarea unui favicon pe site-ul dvs. este foarte ușoară. În general, algoritmul pentru adăugarea unui favicon va fi același pentru platforme diferite.
1. Trebuie să accesați consola site-ului.
2. Găsiți secțiunea „Proiectare” sau „Aspect”.

3. Accesați secțiunea „Setări temă” și găsiți „Favicon” acolo.

4. Descărcați faviconul de pe computer.

5. Salvați și reîmprospătați pagina.

Cum se creează favicoane mai complexe

Acest articol acoperă modalități simple și rapide de a crea favicoane compatibile cu aproape orice browser și sistem de operare. Dar când vine vorba de proiectare și dezvoltare web, nu există nicio limită la perfecțiune. Dacă doriți să aflați cum să creați pictograme mai complexe, să atingeți pictograme pentru ecranele de pornire iOS, pictograme pentru interfața Metro în Windows, pictograme pentru Google TV și multe altele, vă recomand să verificați aceste materiale: favicon cheat sheet... Conține informații complete despre subiect și oferă surse bune. Aceasta este o opțiune excelentă pentru acei designeri și dezvoltatori (inclusiv eu) care caută în mod constant să își extindă cunoștințele.

Cu Favico.js puteți crea favicoane numerice dinamice.

Este posibil să aveți nevoie și de un favicon dinamic care să aibă o pictogramă cu un număr în schimbare. Pentru a crea astfel de favicoane, vă sfătuiesc să utilizați serviciul favico.js disponibil pe Github. În timp ce favicoanele dinamice nu sunt compatibile cu toate browserele. Dar pentru acele browsere care le acceptă, aceste pictograme pot fi un plus interesant și util.

Dacă doriți să actualizați acest articol cu ​​un alt sfat sau să puneți o întrebare, lăsați comentarii mai jos!

Cum să creați un favicon pentru un site web - sfaturi și servicii actualizat: 7 februarie 2018 de: admin