→ Program Favicon pentru construcție. O modalitate universală de a crea favicon-uri

Program Favicon pentru construcție. O modalitate universală de a crea favicon-uri

În această lecție, vă uitați la crearea unui Favicon, veți afla de ce este necesară această pictogramă și veți găsi recomandări pentru a o face mai atractivă și mai convenabilă.

Să aruncăm o privire asupra procesului de creare și adăugare a unui Favicon pe site.

Favicon- Aceasta este o pictogramă mică, pe care o puteți găsi în bara de adrese a browserului dvs. și în filele paginilor ascunse și, de asemenea, atunci când adăugați un site la marcajele browserului, această pictogramă este adăugată acolo.

Pe lângă aceasta, sistemul de căutare Yandex afișează o pictogramă Favicon în rezultatele care apar în ordine cu site-ul dvs. Sarcina ta este să te asiguri că această pictogramă este vizibilă, reținută, vizibilă în ochii altor pictograme de pe site și are, de asemenea, orice asociere cu site-ul tău. Pictograma Favicon, care este frumos proiectată și atractivă, poate crește semnificativ numărul de vizite pe site-ul dvs. în comparație cu cele pe care nu este instalată sau este posibil să nu aibă un aspect atractiv.

Iată câteva recomandări pe care ar trebui să le urmați înainte de a crea un Favicon.

#1. Pictograma poate fi recunoscută cu ușurință și, prin urmare, asociată cu site-ul dvs. sau orice are legătură cu site-ul dvs. Ca pictogramă, puteți alege un logo sau un simbol care creează o asociere cu site-ul dvs. În plus, poți alege schema de culori în care este creat site-ul sau logo-ul tău.

#2. Nu utilizați pictograme standard. De cele mai multe ori, după crearea unui site pe unul sau altul CMS, eliminați pictograma, nimic, fără a schimba. Ca urmare, tipul de motor de căutare poate avea mai multe site-uri cu o astfel de pictogramă, dar niciunul. Dacă nu puteți evita să vă vedeți site-ul, consultați aceste Favicon-uri unice create special pentru site-ul dvs. Aici putem include o situație în care sunt folosite pictograme din diferite colecții sau elemente de interfață ale altor site-uri. Amintiți-vă, aveți nevoie de un Favicon unic pentru a fi vizibil.

#3. Când creați o pictogramă, utilizați culori mai strălucitoare și mai deschise, de regulă, acestea atrag mai mult respect.

#4. Nu vikorizați pictogramele animate. În primul rând, animația nu este acceptată de toate browserele; în caz contrar, randarea se poate concentra pe conținut, și nu pe final.

Acum să aruncăm o privire mai atentă asupra procesului de creare a unui Favicon. Și asta din cauza impersonalității serviciilor. Cu toate acestea, sunt mai potrivite pentru cei care au deja pregătită o icoană, întrucât au luat aici sau au luat din orice colecție. Dar, așa cum am spus deja, pictograma trebuie să fie unică, așa că aici mă voi uita la procesul de creare a acesteia folosind programul suplimentar Photoshop, pe site-ul aplicației.

Creați un șablon Favicon în Photoshop

#1. Creați un document nou în Photoshop cu dimensiunea de 64 * 64px, pentru aceasta accesați meniul „Fișier” >> „Nou...” sau apăsați tastele Ctrl + N. Pictograma în sine ar trebui să aibă 16 * 16px sau, mai bine, creați dimensiunea acesteia, apoi redimensionați-o după cum este necesar.

#2. În cazul meu, nu am niciun logo pentru site, așa că am ales să folosesc simbolul „W” pentru a începe adresa site-ului, precum și culorile care sunt preferate în partea de sus a site-ului: albastru și galben. Așa că am setat valoarea culorii la #6A91D0 și am folosit instrumentul de umplere (G) pentru a seta culoarea albastră înainte de documentul creat.

#3. După aceea, am selectat instrumentul „Text” (T), am adăugat simbolul „W” și am setat culoarea la #FAC31D.

Pentru ca simbolul să fie mai vizibil pe afidul albastru, i-am adăugat un contur cu o culoare neagră și o dimensiune de 2px. Pentru aceasta, trebuie să mergeți la elementul de meniu „Shar” >> „Stilul Sharu” >> „Obvedenya”, selectați culoarea și dimensiunea conturului.

După care trebuie să mănânci bile, pentru care trebuie să mergi la elementul de meniu „Minge” >> „Combină vizibilitate” Sau apăsați tastele Shift + Ctrl + E.

Pentru ca liniile să fie netede, fără serif, adaug o doză. Pentru aceasta, trebuie să mergeți la elementul de meniu „Filtru” >> „Rozmittya” >> „Rozmittya în spatele lui Gaus...” Apoi setați raza la 0,3 pixeli.

Așezați simbolul sau imaginea astfel încât să ocupe cât mai mult spațiu posibil, deoarece dacă este de dimensiuni mici, atunci cu o dimensiune de 16*16 nu va fi vizibil.

#4. Acum trebuie să modificați dimensiunea folosind pictograme. Pentru aceasta trebuie să mergeți la meniu „Imagine” >> „Dimensiunea imaginii” Apoi setați dimensiunea la 16*16px.

#5. Am uitat să-mi salvez insigna. Pictograma Favicon se datorează faviconului mamei și extensiei.ico. În dreapta este că, din cauza procedurilor Photoshop, nu salvează imaginile în format .ico. Pentru a-l salva în format .png, accesați elementul de meniu „Fișier” >> „Salvare ca...” și selectați PNG din listă.

Conversia imaginilor în format .ICO

După care îl convertim în format.ico pentru un serviciu suplimentar. Accesați acest serviciu și utilizați butonul „Răsfoiți” pentru a selecta un fișier PNG înainte de a salva, apoi faceți clic pe butonul „Creați favicon.ico”.

După aceasta, pe pagină va apărea mesajul „Introduceți favicon.ico!”. Făcând clic pe ea, puteți salva pictograma Favicon finalizată pe computer.

Acum este momentul să adăugați un Favicon pe site-ul dvs., astfel încât acesta să apară pe toate paginile. De ce să plasați pictograma în folderul rădăcină al site-ului dvs. Dacă site-ul dvs. este deja găzduit, atunci acest folder se va numi „public_html”. Apoi, pe partea de piele a site-ului dvs., înainte de eticheta de închidere adăugați următoarele rânduri:

De asemenea, este necesar să adăugați rânduri pe partea skinului dacă aveți un site HTML. Dacă, până la urmă, site-ul dvs. se bazează pe un CMS, atunci va trebui doar să adăugați rânduri la fișierul principal al conținutului pe care îl creați pentru site.

Dacă sunteți utilizator WordPress, accesați folderul wp-content/themes/folder-with-your-theme/ și deschideți fișierul header.php, apoi introduceți rândurile necesare și salvați fișierul.

Dacă utilizați Joomla, atunci mergeți la folderul de șabloane/folder-with-your-theme/ și deschideți fișierul index.php, introduceți rândurile necesare și salvați.

Unele teme WordPress și Joomla pot avea deja propriile nume adăugate în fișierul favicon.ico, astfel încât să le puteți șterge și să le înlocuiți cu propriile nume.

Dacă sunteți învingător al unui alt CMS, atunci ar trebui să urmați cu toții analogia.

Pe filele paginilor și în rândul de adresă al browserului, pictograma dvs. va apărea în fereastra care apare în rezultatele căutării Yandex, apoi este necesar pentru ultima oră și un robot special de căutare Yandex să vă cunoască pictograma. , după care va apărea în rezultatele pentru Shuku.

Materiale de pregătire a proiectelor:

Există o mulțime de editori de pictograme online care nu sunt luate în serios, dar instrumente cu adevărat similare vor face procesul de lucru mai ușor. Doar câteva clicuri vă pot ajuta să căutați, să revizuiți sau să dezvoltați pe cont propriu. În plus, nu există un sentiment de vigoare dacă există servicii speciale cu funcții personalizate pentru o anumită sarcină.

Site-urile și editorii de pictograme similare sunt și mai eficiente. Mirosurile vă permit:

  • este ușor și rapid să creați materiale noi;
  • dați instrucțiunile necesare pentru a finaliza aspectul;
  • salvați rezultatele în diferite formate (SVG, ICO și PNG);
  • creați pictograme pentru .

Din statistici, am selectat cinci dintre cei mai scurti editori de pictograme online gratuit și, pentru a le compara, am încercat să-i recrutăm pe fiecare dintre ei.

IconsFlow

IconsFlow.com - pictograme vectoriale + editor care vă permite să creați seturi personalizate și să le exportați la calitate înaltă (SVG, ICO și PNG). Principalul avantaj al serviciului este disponibilitatea a doi editori:

  • capul din care se aleg paleta, stilul, efectele;
  • editor de formulare, puteți modifica formularul sau puteți picta unul nou.

Dacă ați creat deja pictograme în Illustrator, pur și simplu importați fișierele SVG și experimentați cu diferite fundaluri. În IconsFlow există melodii de schimb cu un vikoristan gratuit, așa că asigurați-vă că sunteți familiarizat cu ele înainte de a începe. Pentru începători, există lecții și o secțiune de ajutor, precum și capacitatea de a lucra în editorul de pictograme rusești.

Vedere a editorului de vectori IconsFlow:

Robot cu fund:

FlatIcons

Folosind FlatIcons.net, vă puteți crea propria pictogramă plată (stil plat) pe baza șabloanelor gata făcute. Setați dimensiunile, alegeți bebelușul și corpul principal (cola, inele, cotlet drepte), schimbați culoarea. Acest editor de pictograme este gratuit, dar există două deficiențe:

  • În primul rând, puteți importa fișiere altele decât formatul PNG.
  • În alt mod, va trebui să creați pielea obiectului, pentru că... Este imposibil să dezvoltați un întreg set deodată.

Nu fi surprins de cei care au devenit deja populari pentru că le folosesc în design-ul lor. De fapt, comercianții cu amănuntul vă permit să descărcați un set gratuit de pictograme sociale plate. Rezultatul muncii în editorul FlatIcons:

Launcher Icon Generator

Proiectul Launcher Icon Generator este gratuit și, credem noi, cel mai potrivit pentru dezvoltatorii prosperi. Acest editor de pictograme online vă permite să personalizați imagini/clip art și să adăugați text. Puteți captura câte un capăt în 5 dimensiuni (48 x 48; 72 x 72; 96 x 96; 144 x 144; 192 x 192).

Ca un clip art de bază, este utilizat un set de grafice în stilul Material Design din GitHub. Serviciul are următoarele ajustări: intrare, formă, culoare sau claritate fundal, scalare + efecte suplimentare. Rezultat:

Android Material Icon Generator este un alt instrument pentru crearea pictogramelor plate. Cea mai bună caracteristică a serviciului este efectul unui aspect de lungă durată. Dacă aveți nevoie de soluții similare, acest editor de pictograme va fi o opțiune ideală.

Începeți prin a selecta o imagine din galerie, apoi selectați culoarea, forma fundalului (culoare sau pătrat), adâncimea umbrei, saturația, estomparea - și pictograma dvs. este gata. Totul este foarte simplu. Pentru cumpărături personale, site-ul este complet gratuit.

După ce vizitați fișierul arhivă, veți găsi 6 PNG-uri de diferite dimensiuni și un fișier vectorial SVG. În Illustrator, pictograma SVG va fi neclară, dar, din fericire, arată bine în browser. Rezultatul arată astfel:

Site-ul web Simunity este un generator bazat pe HTML5 în care puteți crea o pictogramă și apoi copiați codul pentru a-l afișa în proiectele dvs. web. Ca materiale de ieșire, sunt selectate pictograme din Font Awesome, pentru care sunt selectați diverși parametri: culoare, cadru, dimensiune și stil de umbră.

Acest serviciu va fi util dacă trebuie să creați rapid pictograme originale simple pentru site. Rezultatul distilarii Simunity:

Împreună. Ne-am uitat la mai multe editoare de pictograme online - instrumente puternice pentru optimizarea muncii designerilor. Nu are sens să devii obsedat de toate programele dacă totul poate fi lucrat ușor și rapid în anumite limite. Pentru aceste informații, este posibil să puteți vedea IconsFlow. Are cel mai mare număr posibil de funcții: galerie de pictograme, imagine SVG, cod pentru implementare, vizualizare înainte, creare de șabloane oficiale, export PNG, ICO și SVG, adaptare dimensiuni, stiluri la modă și editor de vectori de implementare. În plus, există un singur editor de pictograme rusești, gratuit, care este important.

Dacă cunoașteți alte servicii similare, adăugați mai multe opțiuni în comentarii.

Vă iubesc, dragi urmăritori ai blogului meu. Astăzi ți-am pregătit o selecție de 10 servicii care te vor ajuta să creezi un favicon online. Și, de asemenea, în sfârșit, am văzut 5 dintre cele mai utile site-uri, după părerea mea.

Pentru a începe, ce este un favicon? Cred că mulți dintre voi știți multe despre asta, dar vă voi spune din nou. Într-un cuvânt, aceasta este o pictogramă pentru site-ul tău. Când ați căutat în Yandex, ați găsit o pictogramă mică de 16x16 lângă site, deci acesta este favicon-ul. De asemenea, îl puteți găsi în bara de adrese și marcajele unor browsere.

Aceasta este o mică imagine a noastră în fața mărcii dumneavoastră. Oamenii vă recunosc site-ul prin intermediul acestuia. Acesta este motivul pentru care trebuie să fie original și de neuitat, astfel încât să fie imediat vizibil pentru căutarea Yandex. Este ușor să pictezi singur o pictogramă atât de mică, iar serviciile online te pot ajuta să creezi o favicon dintr-o imagine. Să aruncăm o privire la fiecare dintre ele în ordine și să le identificăm clar punctele forte și punctele slabe.


    • Zruchniy u vikoristanni.
    • Puteți crea o favicon dintr-o imagine sau o puteți picta singur.
    • Puteți angaja profesioniști.
    • O privire înainte asupra rezultatului, care este grozav.
    • Cred că nu există, totul este necesar pe site, le văd doar pe cele care nu au o galerie de icoane gata făcute.


    • Puteți crea din imagini sau picta singur.
    • După generare, este afișat un exemplu de aplicație pentru adăugarea pe site.
    • Toate în engleză.
    • Design Negarny.
    • Este imposibil să decupezi o imagine înainte de a fi gata.

  2. 3 www.Chami.com


    • Interfață ușor de utilizat.
    • Puteți crea un favicon din imagini sau îl puteți picta singur.
    • O paletă mare de culori pentru pictură.
    • Nu este nevoie să privim înainte.
    • Toate în engleză.
    • Nu există o galerie de pictograme gata făcute.


    • Interfață manuală.
    • Nimic de lux.
    • Nu există o galerie de pictograme gata făcute.
    • Este imposibil să-l pictezi singur.
    • Nu este posibil să tăiați o imagine în timpul generării.


    • Interfață ușor de utilizat.
    • Nimic de lux.
    • Este posibil să îl pictați singur sau să îl generați din imagini.
    • Є galerie de icoane gata făcute.
    • Puteți salva dimensiunea pictogramei în timpul creării sau o puteți micșora.
    • Vedere înainte.
    • Puteți crea o pictogramă animată.
    • Numărul de culori pentru pictură este mare.
    • Toate în engleză.


    • Selectați dimensiunile pictogramelor de la 16×16 la 32×32.
    • Nu există funcții suplimentare, doar crearea unui favicon dintr-o imagine.
    • Nu este nevoie să privim înainte.


    • Vedere înainte.
    • O colecție mare de icoane gata făcute.
    • Este posibil să tăiați imaginea.
    • Toate în engleză.
    • Găsiți beneficii pe site.
    • Interfață non-manuală.


    • Puteți alege dimensiunea pictogramei dintre 16×16, 32×32, 48×48 și 64×64.
    • Toate în engleză.


    • Nimic de lux.
    • Puteți selecta dimensiunea pictogramelor.
    • Îl poți picta singur sau poți crea o favicon online din imagine.
    • Nu există nicio modalitate de a decupa imaginea.
    • Nu este nevoie să privim înainte.

V-am cunoscut doar vreo 10 servicii online, deși sunt mult mai multe. După părerea mea, acestea sunt cele mai populare dintre toate. Dacă ești interesat de alții, scrie-le în comentarii pentru ca alți cititori să afle despre ei.

Și acum, așa cum am spus deja, TOP-5 manual și servicii clare, în opinia mea.

Acestea sunt primele mele cinci. Aș dori să știu ce serviciu vei pune primul și care va fi ultimul? Există aproape un răspuns în comentarii.

P.S. Dacă încă nu ați venit cu o favicon pentru dvs., asigurați-vă că aruncați o privire pe site Faviconka.ru. Aici veți găsi peste 2000 de pictograme gata făcute pentru orice gust. Sper că acest articol a fost bun pentru dvs. și ați găsit serviciul dvs. pentru a crea o favicon online.

Un element de design foarte important este favicon-ul – imagini mici (16x16 pixeli). Dimensiuni mici - dar un efect grozav! Acest articol este dedicat modului de a crea o favicon (favicon.ico) pentru un site web online folosind servicii speciale. În raport, veți afla ce este pictograma favicon, pentru ce este folosită, care sunt funcțiile sale, cum să o adăugați la un blog și să o creați online. Deci știi unde descărcați o colecție de ico-uri favicon gata făcute pentru site.

Postarea este foarte informativă și utilă, aș dori foarte mult ca cei care nu au un favicon să o cunoască.

Acum, să aruncăm o privire mai atentă la ceea ce este și ce va continua să reprezinte Favicon.

Favicon este o versiune prescurtată a două cuvinte (ICONA FAVORITES în engleză), care este tradusă ca o pictogramă (chiar și o imagine mică) pentru „Selectat”. Vibran– așa se numesc marcajele în browserul Internet Explorer. Aspectul exterior al favicon-ului este cam așa:

A devenit și mai ușor să creezi un favicon pentru site, motiv pentru care a câștigat popularitate pe scară largă. În plus, puteți descărca o pictogramă favicon gata făcută pentru site, dar nu va trebui să adăugați nimic. Selectând galeria de mai sus, vă puteți decora site-ul web cu ea și îl puteți admira în browser (așa arată mini-poza în Chrome):

De asemenea, un favicon este o imagine mică de 16×16 px, cu extensii.ico (extensie de pictograme). Deoarece Pictograma a câștigat o mare popularitate, este practică pentru fiecare site web și acesta este un alt motiv pentru a crea o favicon pentru un site web online. Nu contează ce fel de găzduire utilizați sau pe ce motor rulează blogul dvs. - orice s-ar întâmpla, puteți crea online și apoi instalați o favicon sau importați o favicon gata creată pentru site. La fel ca generatoarele moderne de pictograme, crearea lor nu durează prea mult o oră - unul sau două minute, și ați terminat.

Nu ai încă un favicon? Fă-te bine cât mai curând!

De ce această mini-poză este vikorizată? În primul rând, un favicon pentru un site web este ca un logo pentru o companie comercială, care este o modalitate de a fi văzut din lumea exterioară. Căutătorii vă vor recunoaște site-ul uitându-se la imaginea favicon. Într-un alt mod, Yandex afișează și imagini favicon pe baza rezultatelor lor, ceea ce permite site-urilor cu favicons să privească mai bine pe altele. Și asta înseamnă că clienții au șanse mai mari să meargă pe site-ul tău și chiar și pictograma „momit” este folosită pentru ei. Cu alte cuvinte, această mini-imagine vă va ajuta. Axa arată astfel:

Ei bine, acum ce vrei să știi despre cum să creezi o favicon? Citiți mai departe și puteți alege o favicon pentru site-ul dvs. din numeroase colecții.

Înainte de a vorbi, sistemul de căutare Yandex folosește un robot special care indexează aceste pictograme și le importă din baza de date a motorului de căutare. După ce creați un favicon și îl introduceți pe site, Yandex îl va indexa într-o oră (adică nu mai mult de o lună) și va afișa rezultatele cât mai curând posibil. Puteți verifica dacă mini-logo-ul dvs. este deja în baza de date a sistemului de căutare. Puteți câștiga bani într-unul din trei moduri:

  • Căutați site-ul dvs. în motorul de căutare Yandex și veți vedea pentru ce este favicon-ul.
  • Apelați în browserul dvs. http://favicon.yandex.net/favicon/ site.ruÎnlocuiți site.ru cu adresa site-ului dvs. Dacă fava este indexată, o puteți descărca.
  • Accesați panoul Yandex.Webmaster, favicon-ul va fi afișat și acolo.

Acum haideți să aflăm unde puteți crea o favicon pentru site-ul dvs.

2. Generatoare online și colecții de favicon

Acum știm ce este un favicon, iar site-ul are nevoie de unul. Ne-am amintit că dimensiunea pixelilor acestuia este strict egală cu 16 pe 16, iar extensia este doar atât. Acum aflăm cum să creăm următorul mini-logo:

  1. Distrați fava gata făcută din galerie.
  2. Creați-l singur cu ajutorul unui generator de favicon.
  3. Generați din imaginea finală (voi folosi generatorul de favicon pentru ajutor)

2.1 Favicon pentru colecții și galerii

  1. http://www.thefavicongallery.com/ - deși colecția este mică, este totuși drăguță. Aici veți găsi pictograme pe diverse subiecte. Sunt aproape 300 dintre ei. Pentru a descărca ico-ul favicon pentru site, faceți clic pe el cu butonul din dreapta al mouse-ului și salvați-l pe computer.
  2. http://www.iconj.com/favicon-gallery-page1.html - o altă colecție de favicon-uri pentru site, care conține peste 3 mii de mini-poze. Îl poți salva în două formate (ico sau gif). Dar există un pic: poți să te uiți la doar 30 de pictograme, pentru a obține mai multe informații, trebuie să mergi la o pagină nouă.
  3. http://www.favicon.cc/?action=icon_list&order_by_rating=1 – la fel ca această galerie, nu veți putea crea singur o favicon online. Doar selectați și descărcați imaginea dorită. Din nou, puteți să vă uitați la 20 de favicon-uri simultan, ceea ce simplifică procesul de selecție.
  4. http://www.favicon.co.uk/gallery.php - acest site vă permite nu numai să creați o favicon pentru site, ci și să selectați opțiuni gata făcute. Puteți căuta prin 144 de pictograme simultan, ceea ce este mult mai convenabil decât primele două opțiuni. Favi pe măcelul celor.
  5. http://favicon-generator.org/gallery/ - chiar și o colecție mică, dar frumoasă, cu 84 de bucăți de favicon-uri. Alege!

2.2 Cum să creați o favicon pentru un site web de la zero

Desigur, puteți folosi fava gata făcută pentru site-ul dvs., dar este mult mai bine să câștigați bani cu propriile mâini. Aici vă putem ajuta cu așa-numitele Generatoare Favicon, care vă permit să creați mini-imagini online.

2.2.1 Logaster.ru

Lista noastră începe cu un generator de favicon online
Principalul avantaj al serviciului este că nu va trebui să pictați un favicon sau să îl convertiți cu un logo.
Tot ce trebuie să faceți este să introduceți numele site-ului sau al companiei și să selectați un subiect.
După acest serviciu, creați modele favicon gata făcute. Selectați pictograma, fontul, culoarea dorite.
Acest lucru este foarte util pentru cei care nu pot să deseneze sau să lucreze cu programe de grafică.

Puteți personaliza fișierele favicon în formatele ICO sau PNG.
Puteți citi mai multe detalii despre cum să creați o favicon folosind Logaster

Pe lângă favicon, serviciul creează și logo-uri, cărți de vizită, plicuri și antet.

2.2.2 Favicon.cc – generator de favicon

Acest generator simplu este unul dintre cele mai simple și mai populare care este folosit pentru crearea de faviconuri online pentru un site web. Puteți picta fiecare pixel din Favi preferată (256 în total). Odată ce intri pe site, vei avea acces la o fereastră de lucru în care poți experimenta.

Culoarea albastră de pe ecran arată zona de lucru - aici puteți crea o favicon pentru site. Părțile inferioare pot fi mărite pentru a arăta cum arată fava în scara originală (afișată cu negru).

Lucrul cu acest generator de layout este simplu, așa că este puțin probabil să vă faceți griji cu privire la crearea unei iconițe favicon pentru site. Zagalom, pe al cărui site puteți crea colecții întregi de favicon-uri online și apoi, de exemplu, să le vindeți.

Fiecare pătrat din zona de lucru este un pixel. Doriți să-l acoperiți cu culoarea dorită. Puteți selecta culoarea de pe panou cu mâna dreaptă în zona de lucru. Puteți marca un pixel apăsând butonul din stânga și îl puteți șterge apăsând pe cel din dreapta.

Imaginile pot fi mutate și restrânse în jurul zonei de lucru, pentru a face acest lucru, selectați elementul mișcare.

Pentru a descărca favicon-ul pe care l-ați creat pentru site, faceți clic pe mesajul Download Favicon (afișat cu roșu).

2.2.3. Generator Amichurin.Appspot.com

Un alt generator de faviconuri frumoase, pentru care puteți crea o imagine personalizată în modul online. Întregul generator este rusesc, dar funcționalitatea lui va fi mai simplă, mai mică în viitor. Înainte de discurs, semnătura, marcată cu culoare roșie, nu este a mea.

Din păcate, nu cunosc colecții de favicon-uri gata făcute pe acest site care ar putea fi adăugate pe site, așa că folosiți-o ca generator.

2.2.4 Generator Favicon-Generator.org

Un generator de favicon foarte prost. Foarte asemănător cu cealaltă opțiune, dar se renunță puțin la youmu. Apropo, așa cum ați observat deja, principiul de funcționare pe toate aceste site-uri este același. Nu este vina lor că problemele apar de la ei. Alegeți și faceți ceea ce vi se potrivește cel mai bine.


2.3 Favicon dintr-o imagine finalizată

Dacă nu doriți să creați o favicon folosind generatoare online de la zero, iar galeria și colecțiile de ico-uri favicon pentru site nu sunt potrivite pentru dvs., încercați să creați o mini-imagine dintr-o imagine gata făcută. Vă puteți vikoriza fotografia. Astfel de imagini pot fi create și în modul online folosind generatoare speciale de favicon.

Pregătiți în prealabil poza pe care doriți să o utilizați ca bază.

2.3.1 Service Favicon.ru

Unul dintre cele mai populare servicii care vă ajută să creați o favicon pentru un site web (înainte de a vorbi, un site web rusesc). Simplu și ușor, vă ajută să creați un mini-logo dintr-o imagine gata făcută.

Puteți adăuga o imagine sau o fotografie (bază) astfel:

  • Faceți clic pe butonul " selectați fișierul„Atunci profitați de fotografia necesară.
  • Introduceți adresa URL a imaginii în câmpul alb (puteți folosi această opțiune deoarece fișierul este salvat nu pe computer, ci pe Internet).

Odată ce obțineți poza, tastați „ Creativitatefavicon.ico!" Doar verificați și generatorul va genera o pictogramă. Apoi capturați imaginea pe computer. Înainte de a vorbi, pe lângă generatorul de pe acest site, există și o colecție mare de pictograme favicon pentru site-ul dvs.

2.3.2 Service Favicon.cc

Un generator similar, dar cu funcționalități mai avansate. Pentru a crea o pagină din imaginea finală, accesați mai întâi fila „Importați imaginea”.

Acum faceți clic pe „Selectați fișierul” și adăugați fișierul dorit. Pe această bază, va fi creată o iconiță favicon pentru site-ul dvs. Înainte de a vorbi, este posibil să aveți nevoie de funcția de întindere a imaginii:

  • Păstrați dimensiunile – dacă raportul de aspect al imaginii este modificat, imaginile vor pierde aceleași dimensiuni
  • Pictograma Shrink to square – părțile laterale ale imaginii vor fi aduse la un aspect pătrat (cei mici se pot împiedica).

După ce ați ales un fișier, îl puteți edita online folosind generatorul de favicon. Dacă rezultatul este că veți avea controlul, descărcați fava pe computer.

3. Cum să adăugați o favicon la un blog WordPress

Prin urmare, celebritățile pot achiziționa un favicon gata făcut pentru site sau, pentru a-și câștiga puterea, să ne unim. Acum să discutăm cum să adăugați fava pe blogul WordPress.

De regulă, favicon-ul este situat în rădăcina site-ului (în folderul rădăcină) - pe aceasta și orientarea acestuia. Dacă fava dvs. nu stă complet acolo, mutați-o acolo.

Favicon.ico este disponibil pentru doi croquis.

KROK ÎNTÂI

În primul rând, trebuie să cunoașteți linia de cod din tema dvs. care indică afișarea favicon-ului. Deschideți fișierul Header (header.php) pentru a edita și găsiți acest rând (sau similar):

Deoarece nu există nimic similar și cuvântul favicon.ico este acolo, atunci adăugați doar două rânduri între etichete і.

CROC ALTUL

Acum trebuie să adăugați favicon-ul propriu-zis la găzduirea dvs., în folderul rădăcină al site-ului (în caz contrar, nu va fi afișat). Mergeți la găzduire și încărcați fava la rădăcina site-ului (numele fișierului este obv'yazkovo favicon.ico, mărim ob'yazkovo 16×16 pixeli).
Asta e tot, în curând favicon-ul va fi indexat de motoarele de căutare și va apărea în rezultatele Yandex. Și site-ul tău favicon Matime Vlasnu.

În cele din urmă, voi face un tutorial video despre cum să creați o favicon pentru un site web.

Astăzi vreau să vă cunoașteți de la servicii și să creați o favicon pentru site-ul dvs. Favicon este o prescurtare pentru cuvintele englezești favorite și icon. Această imagine are o dimensiune de 16 pe 16 pixeli, numită extensie favicon și ico. Acesta va merge în folderul rădăcină al site-ului dvs. de pe găzduire. Când sunteți atras de un site, browserul caută automat acest fișier, apoi îl adaugă la rândul de adrese din fața adresei URL a paginii și la marcajele care îl atribuie site-ului dvs. Pictograma site-ului web nu servește niciun scop practic și servește doar pentru recunoașterea sa.

Acum, orice designer web care vrea să se gândească la unicitatea și originalitatea resursei sale trebuie pur și simplu să creeze o pictogramă specială pentru aceasta. În orice browser, în rândul de adresă, numele site-ului dvs. împreună cu pictograma vor apărea la zi. Deci va fi notat atât în ​​marcaje, cât și în Selectat, astfel încât să îl puteți vedea de pe multe site-uri similare. Puteți selecta o pictogramă pe baza temei resursei dvs. fără a începe măcar să o descărcați, astfel încât să puteți înțelege imediat despre ce este vorba. Ar fi bine să contribuim la recunoașterea site-ului și formarea mărcii acestuia.

După promovare, site-ul web afișează o pictogramă care este transferată în browserul de streaming. De asemenea, majoritatea versiunilor de browsere actuale acceptă favicon-uri personale ale site-urilor web. Și în sistemul de căutare Yandex, care domină simultan Google în spațiul rusesc, la căutarea căutărilor, site-urile care sunt clasate apar împreună cu propria pictogramă. Prin urmare, fără alte întârzieri, este absolut necesar să-i acordați cel mai mare respect.

Există o mulțime de resurse pe Internet în care sunt salvate pictograme gata făcute. Sunt impersonal, să facem clic pe favicon-ul în sine.

Trebuie să creați o favicon pentru site-ul dvs.? Să aruncăm o privire la serviciile pentru crearea de favicon online

Cel mai popular serviciu pentru crearea de pictograme pentru un site web. Este ușor să lucrezi în acest loc și doar să te întorci la koristuvach-cob. Ne place poza pentru că vrem să o folosim ca pictogramă pentru site. Vinul este sters. De îndată ce orice imagine se apropie de noi, suntem presați să captivam. Un fișier cu numele . este salvat automat. Puteți picta în mod independent pixel cu pixel și îl puteți salva ca pictogramă. Este important să creați un favicon și să folosiți unul simplu. Dacă există o bogăție de tot felul de lucruri diferite, atunci flacăra nu va fi vizibilă.

Serviciu în avans, care este atât de simplu pentru Vikoristan - . Lucrarea în cel nou este aproximativ similară cu analogul anterior. Singurul lucru este că este anglomovny și aici este mai mult pentru publicitate. Dar, în general, generația ar trebui să fie similară. Încântă imaginile, admiră, editează și salvează.

În plus, există și o resursă care oferă servicii pentru promovarea site-urilor și colectarea de analize, care are o opțiune suplimentară pentru crearea de favicon-uri. De exemplu, toate tipurile de servicii care oferă și această opțiune suplimentară:

Tot ce merit sunt serviciile care sunt strict închise pentru producție. Să vedem un alt instrument online drăguț pentru a genera pictograme de diferite dimensiuni și formate. Modest și cu bucurie. Dosarul a fost ridicat. Mărimea selectată. Revizuirea anterioară este salvată pe computer.

Ai putea folosi Photoshop pentru a crea pictogramele pe care le iubești. Ale vin nu salvează imaginile cu extensii ico. În primul rând, salvați, dar pentru aceasta trebuie să dezarhivați un plugin special – icoformat.8bi și să îl instalați în folderul Plug-Ins\File Formats din folderul Photoshop. Acest lucru vă permite să salvați fișiere cu extensiile necesare. Pentru mine, este atât de dureros să stau pe el.

Va propun aceasta varianta. În Photoshop, creăm o imagine pe care vrem să o servim ca pictogramă, o salvăm cu orice extensii și o trimitem la unul dintre cele mai reprezentative servicii, de unde luăm de la ei imaginea de care avem nevoie.

De asemenea, puteți converti rapid imaginile grafice dintr-un format în altul folosind convertoare online. De exemplu, axa abo. Pentru ajutor suplimentar, puteți schimba extensia fișierului grafic în ico.

Cum poți face ca pictograma să devină o favicon pentru site?

Următorii termeni sunt necesari:

1 Navigați la numele fișierului.

2 Pentru ajutor, Filezilla îl plasează în folderul rădăcină al site-ului nostru. Pentru aceste idei, este suficient ca browserul să determine automat dacă să continue. Ale suntem reasigurati si scriem codul html in fisier.

3 Pentru care luăm fișierul nostru header.php ( îl poți edita în panoul de administrare din WordPress, sau îl poți importa de pe server), îl deschidem și îl scriem înainte de eticheta de închidere cod ofensiv:

/favicon.ico"/>

/favicon.ico"/>

4 Fișierul este salvat și transferat înapoi în găzduire.

5 Curățați memoria cache a browserului de streaming și gata. Am obtinut rezultatul.

Înainte de a vorbi, nu-l supraîncărcați, astfel încât favicon-ul să fie complet terminat. Atributul href ar trebui să fie plasat în mijlocul drumului. Intra asa:

Deci nu este ușor, trebuie doar ca pictograma să fie extinsă ico. De asemenea, puteți utiliza extensiile png și gif. Din acest motiv, codul modifică tipul de fișier care este afișat.

Apoi puteți schimba tipul de la imagine/pictogramă x la imagine/png sau gif.

Înainte de a vorbi, puteți adăuga mai multe. Am creat și instalat o favicon pentru site și în panoul de administrare WordPress, după ce am pierdut favicon-ul standard din spatele instalării. Pentru a modifica setările, trebuie să introduceți următorul cod în fișierul nostru function.php:

funcția sp_set_favicon() ( echo " add_action("admin_head", "sp_set_favicon"); add_action("login_head", "sp_set_favicon"); add_action("wp_head", "sp_set_favicon");

funcția sp_set_favicon() (

ecou ".get_bloginfo("template_url") />

" ;

add_action("admin_head", "sp_set_favicon");

add_action("login_head", "sp_set_favicon");

add_action("wp_head", "sp_set_favicon");

Acum va apărea în toate rubricile.

Asta e, asta e tot. Astăzi am discutat despre necesitatea creării unui favicon pentru site și am analizat serviciile online pentru crearea unui favicon pentru site și ajustarea fină a instalării acestuia. Nu uitați să vă abonați la actualizările blogului. Pe curând!

Urmăriți videoclipul despre cum să creați un favicon.ico și să îl postați pe găzduirea dvs.:

 

 
Tse tsikavo: