Cum se creează o pictogramă pentru aplicație. Cum să faci o ico. Crearea icons.ico pentru programe. Este bine de știut

Acesta va fi un post simplu și practic, fără teorie, doar practică. Îți voi spune cum fac un favicon.

Desigur, puteți încerca să găsiți un fișier favicon.ico gata făcut pe site-ul www.iconfinder.com, dar cred că mulți ar dori să-și facă ceva. La urma urmei, favicon-ul este cel care vă va evidenția site-ul în rezultatele căutării. Puteți citi mai multe despre acest lucru în articolul „”. Deci, să începem.

Cum să faci singur favicon.ico

1. Deschide Photoshop.
2. Creați un document de 32x32 pixeli.
3. Inserați un obiect inteligent al imaginii finite din Illustrator.
4. Folosind comanda „Salvare ca”, salvați favicon-ul în format .ICO *.
5. Încărcați favicon-ul rezultat la rădăcina site-ului și conectați-l printr-o temă WordPress sau înregistrați-l manual în șablonul site-ului. Am scris deja despre asta mai devreme.

*Dacă nu aveți instalat un plugin special Format ICO (pictogramă Windows)., îl puteți descărca de pe site-ul //www.telegraphics.com.au/sw/. Există pentru Mac, Windows 32, 64 de biți cu suport pentru toate versiunile de Photoshop, inclusiv CS6.

Cum se instalează pluginul de format ICO (Windows Icon).

1. Windows pe 64 de biți (Vista/Windows 7):
   • Reporniți înainte de instalare;
   • Plasați pluginul în folderul C:\Program Files\Adobe\Photoshop\Plug-Ins\File Formats, dar am o structură diferită, am acest fișier stocat aici: C:\Program Files\Adobe\ Adobe Photoshop CS6 (64 de biți)\Pluginuri .
   • Dacă rulați pe 64 de biți sistem Windowsși lansează versiunea pe 64 de biți a Photoshop CS4 sau CS5, descărcați versiunea pe 64 de biți a pluginuluiși puneți-l în folderul Plug-in-uri corespunzător Photoshop pe 64 de biți (adică cel din „Fișiere de program” nu „Fișiere de program (x86)”).
2. Mutați pluginul în folderul „Formate de fișiere” din dosarul dvs. de pluginuri Photoshop:
   • Pentru Windows (32 de biți), ICOFormat.8bi
   • Pentru Windows (64 de biți), ICOFormat64.8bi
   • Pentru Mac OS X, ICOFormat.plugin(rețineți că sunt furnizate versiuni separate pentru CS2, CS3/4 și CS5)
   • Pentru Mac OS X/Classic, icoformat
   • Pentru 68K MacOS, icoformat(68K)
3. Dacă utilizați Corel PSP Photo X2, puneți pluginul în C:\Program Files\Corel\Corel Paint Shop Pro Photo X2\Languages\EN\PlugIns
4. Ieșiți și relansați Photoshop, dacă rulează deja.

Există și un serviciu online //www.convertico.com/. ConvertICO este un convertor online gratuit de fișiere ICO/PNG. Funcționează rapid și este ușor de utilizat. Este folosit pentru a converti pictogramele desktop, pictogramele aplicațiilor și favicon-urile pentru site-uri web.

Acum vă voi spune cât mai detaliat posibil cum să faceți un „.ico” normal, astfel încât să fie afișat corect pe sistemele de operare Windows, în teorie ar trebui să fie afișat și pe alte sisteme, dar acest lucru nu a fost testat; Acest tutorial este conceput pentru un public larg, atât pentru cei care știu, cât și pentru cei care nu sunt complet familiarizați cu Gimp. De exemplu, ești un programator excelent, creezi programe personalizate, integrezi „.ico” gata făcut în ele, dar dintr-o dată decizi să creezi ceva propriu, dar nu deții un singur editor grafic, această lecție te va ajuta tu. În acest tutorial voi explica nu numai ce instrumente să folosești, ci și cum să le folosești.

Pentru început, voi spune oamenilor care nu știu ce este „.ico” și pentru ce este necesar.

„.ico” - format de „imagini” atribuit program specific, De exemplu:

Aici este fișierul executabil „Gimp 2.8”, iar cel evidențiat cu roșu este fișierul „.ico” deja integrat în aplicație.

Adică, în termeni simpli, aceasta este o imagine a programului. De asemenea, fișierul „.ico” poate fi o pictogramă de site, un cursor, dar acum nu avem nevoie de asta.

Ei bine, asta e, hai să începem lecția. În acest tutorial voi folosi această imagine.

1. Micșorarea

Primul lucru pe care trebuie să-l faceți este să reduceți imaginea pe care doriți să o faceți o „pictogramă” la o dimensiune de „256x256”. Acest lucru se poate face în două moduri, primul dintre ele este mai simplu, dar nici al doilea nu este dificil.

Metoda 1:

În editorul Gimp, în bara de sus, faceți clic pe „Imagine”, apoi selectați „Dimensiunea imaginii”.

În fereastra care se deschide, setați înălțimea și lățimea la 256.

Nu a iesit frumos, dar e ok pentru lenesi.

Este mai bine să o fac în a doua cale, pentru că asta am făcut.

Metoda 2:

Creați o nouă imagine, faceți clic pe „Fișier” în bară și selectați „Creare”.

Specificați lățimea și înălțimea „256×256”, lăsați restul parametrilor intacți.

Putem face asta.

Faceți clic dreapta pe stratul „Background” și selectați „Adăugați canal alfa”.

Acum deschideți imaginea în editorul Gimp. !Nu închideți imaginea creată!

În bara de sus, faceți clic pe butonul „Editați” și selectați „Copiere”.

Revenim la imaginea creată, goală „256x256”.

Și în bara de sus, faceți clic pe butonul „Editați” și selectați „Lipiți”.

Vei ajunge cu ceva asemanator:

După ce faceți clic pe instrumentul „Scale” (nu schimbăm nimic acolo), faceți clic pe această imagine pe care doriți să o reduceți și se va deschide o fereastră cu setările de scară. Valorile mele „Lățime” și „Înălțime” vor diferi de ale tale, depind de dimensiunea imaginii în sine.

În fereastră, faceți clic pe lanțul rupt, astfel încât să devină întreg și setați oricare dintre cele două valori la 256, acest lucru depinde din nou de imagine. Deoarece imaginea mea este dreptunghiulară și pot sacrifica lățimea, am setat valoarea la „Înălțime” și lățimea ar trebui să se schimbe, dar automat.

Faceți clic pe „Modificați”.

Zona evidențiată de linia punctată este imaginea ta, dar se află în spatele „pânzei”, nu contează, trebuie mutată pe pânză.

Să facem asta cu instrumentul Mutare de pe bara de instrumente. Faceți clic pe instrument.

Apoi mutați mouse-ul peste zona evidențiată de linia punctată și ținând apăsat butonul stâng al mouse-ului, trageți stratul pe pânză.

Încercați să vă asigurați că imaginea nu se extinde dincolo de margini, dacă nu, puteți reduce și mai mult stratul cu instrumentul „Scalare”. am prins asa:

Când am ajustat imaginea la pânză fără a-i schimba proporțiile (aceasta a fost sarcina în această a doua metodă), putem șterge stratul „Funtal”. În panoul Straturi-Perii, faceți clic dreapta pe stratul de fundal și selectați Ștergeți stratul.

Ultimul pas rămas este reducerea imaginii. În același panou, faceți clic dreapta pe stratul cu imaginea dvs. și selectați „Dimensiunea strat la imagine” din meniul pop-up.

Dacă linia punctată galbenă este la marginile pânzei astfel:

Atunci te felicit, ai terminat de redus imaginea.

Acum să trecem la crearea unei pictograme de înaltă calitate în formatul „.ico”.

2. 15 copii ale stratului

După ce am creat o imagine cu dimensiunea de care avem nevoie, trebuie să copiem stratul de 15 ori, adică astfel încât să existe 15 straturi identice în panoul „Layers-Brushes”. Da, aceasta nu este o greșeală de tipar, exact 15, pentru că vom crea un fișier „.ico” de înaltă calitate.

Mai întâi, voi explica ce vom face în continuare cu aceste cincisprezece straturi. În fișierul „.ico”, structura stratului va consta din trei „compartimente” de calitate diferită (fiecare dintre ele va avea 5 dimensiuni diferite de pictograme), astfel încât fișierul să poată fi văzut peste tot.

Voi explica utilizarea produselor din hârtie ca exemplu: dacă aveți nevoie să faceți o artizanat din hârtie, nu este un fapt că o puteți face din carton etc. Sper că exemplul este clar. Să trecem la treabă.

2.1 Copiere

Creăm 15 copii. Folosind panoul „Layers-Brushes”, faceți clic dreapta pe strat și selectați „Creați o copie a stratului”.

Și facem asta până când există 15 straturi în listă.

Am întins panoul, astfel încât să puteți vedea că există exact 15 straturi Acest lucru nu este necesar, dar este convenabil. De asemenea, pentru ușurință de înțelegere, am redenumit straturile ținând cont de „compartimentele” lor, iarăși nenecesare, dar convenabile.

2.2 Scalare

Folosind instrumentul „Scale”, schimbăm stratul numit „2” fără a perturba structura clădirii. Setați înălțimea și lățimea la 48, adică stratul ar trebui să fie de 48x48. Stratul „3” ar trebui să fie de 32x32. Stratul „4” ar trebui să fie de 24x24 și, în final, stratul „5” ar trebui să fie de 16x16. Veți obține ceva asemănător.

Facem același lucru cu restul „ramurilor”.

Și ultima împingere.

Ca rezultat, obținem:

3. Exportați (salvați) pictogramele în formatul necesar

Se deschide o fereastră pentru a vă salva munca. Vă rugăm să rețineți că numele fișierului nu contează, poate fi orice, iar formatul ar trebui să fie doar „.ico”, ca în captura de ecran.

Faceți clic pe „Export”, va apărea o fereastră cu setări detaliate import. Este necesar să configurați totul exact așa cum se arată în captură de ecran, altfel nu pot garanta funcționarea corectă.

Adică, prima „ramură” cu cinci imagini ar trebui să fie „8 bpp”, a doua ar trebui să fie „24 bpp”, iar a treia nu trebuie schimbată. Gata, felicitări, acum știi cum să faci „.ico” de înaltă calitate. Iată un exemplu de utilizare a acestei pictograme integrată în program.

Îți voi accepta criticile și te voi ajuta să-ți dai seama dacă nu înțelegi ceva. Vă mulțumim pentru atenție.

Există multe site-uri care vă permit să creați favicon ico. Deci, când încărcăm imaginea noastră pe site, obținem o ico-favicon ca rezultat. Cu toate acestea, pentru a realiza o favicon ico de înaltă calitate, este necesar ca favicon ico să fie clară și ușor de înțeles. Aici vă vom arăta cum să faceți o iconiță favicon folosind Adobe Photoshop. Drept urmare, veți primi o pictogramă favicon al autorului de înaltă calitate.

Instalați pluginul pentru a crea favicon ico

Pentru a începe, aveți nevoie de Photoshop pentru a putea salva imaginile în format ico. Pentru a face acest lucru, trebuie să faceți următoarele:

O. descărcați pluginul, dezarhivați-l și mutați-l în următorul folder: C:\Program Files\Adobe\Photoshop CS\Plug-Ins\File Formats

b. Apoi reporniți Photoshop și începeți să creați ico-ul favicon.

Acum putem face o ico-favicon

Pentru a crea o iconiță favicon, nu este nevoie să cunoașteți toate complexitățile Photoshop. O familiaritate generală cu Photoshop este suficientă, deoarece pentru a face o ico-favicon nu este nevoie să știți cum să folosiți editorii grafici. Astfel, ico este o sarcină complet simplă și realizabilă.

Deci, lansați Photoshop și pentru a crea o iconiță favicon, faceți clic pe butonul din colțul din dreapta sus: Fișier - Creare.

Apare urmatoarea fereastra in care specificam latimea si inaltimea ico-ului favicon, respectiv 16x16 pixeli Putem seta si fundalul ico-ului favicon. Așa că selectăm fundalul ico-ului favicon ca fiind transparent, extensia este de 96 pixeli/inch, modul de culoare este selectat ca RGB și, în consecință, 8 biți.

Ulterior, luăm instrumentul de scară și mărim pictograma favicon, astfel încât să fie mai convenabil să desenăm pictograma favicon.

Specificați dimensiunea creionului

Specificați culoarea creionului și desenați o pictogramă favicon schimbând creionul în culoarea dorită.

Crearea manuală a unei ico-uri favicon se datorează faptului că, dacă reduceți orice imagine la 16x16 pixeli, obțineți un punct de neînțeles și pentru a obține claritate și calitate, ico-ul favicon este desenat manual. Prin urmare, pictograma favicon pe care o creați ar trebui să fie destul de simplă.

După ce ați desenat pictograma favicon, trebuie să salvați pictograma favicon creată.

Pentru a face acest lucru, apăsați următoarele comenzi: File - Save As sau ctrl+shift+s.

Selectați tipul de fișier: ICO (pictogramă Windows)(*.ICO)

Specificați numele fișierului: favicon.ico Nota:

Pentru ca pictograma favicon să fie păstrată cu succes, este necesar ca fundalul pe care este desenată pictograma să fie transparent. De asemenea, pentru a verifica salvarea corectă, puteți face clic dreapta pe pictogramele favicon.ico și selectați proprietăți, apoi accesați fila Rezumat. Dacă pe această filă vedeți toate caracteristicile imaginii, atunci pictograma a fost salvată corect, altfel trebuie să salvați din nou favicon.ico.

Salvăm favicon.ico în rădăcina site-ului unde se află pagina index.html

Verificarea corectitudinii ico-ului favicon Pentru a verifica dacă ico-ul favicon este corect, trebuie doar să accesați site-ul pe care ați scris ico-ul favicon și să vă uitați la bara de adrese prin browser Mozilla Firefox ,Operă, Internet Explorer

. Dacă ico-ul favicon creat este afișat în bara de adrese a site-ului, atunci crearea ico-ului favicon a fost finalizată cu succes.

Când folosim orice dispozitiv, adesea ne plictisim de aceeași interfață și vrem să schimbăm ceva. Pentru fiecare dispozitiv, aspectul sistemului se schimbă diferit. Pictogramele sunt una dintre componentele elementare ale oricărei interfețe, iar schimbarea lor nu este o sarcină dificilă. Pe Internet puteți găsi multe seturi de pictograme pentru toate tipurile de dispozitive. Dar ele nu sunt unice, nu sunt individuale. Prin urmare, în acest articol ne vom uita la cum să faci singur o icoană, astfel încât să fie a ta, unică.

Vom lua în considerare exemplul celor două programe simple. Deoarece este foarte ușor să faci o pictogramă pentru un folder, fișier, scurtătură sau alte elemente cu ajutorul lor, acest software devine un instrument excelent pentru schimbarea aspectului interfeței și individualizarea acesteia. Datorită acestor programe simple, puteți crea pictograme pentru orice elemente de interfață ale diferitelor sisteme de operare.

Fasticona 1.0 portabil gratuit

Nu am văzut niciodată un program mai simplu pentru crearea pictogramelor. Nici măcar nu necesită instalare. Fasticona 1.0 portabil gratuit nu vă permite să desenați pictograme, le face din poze gata făcute. Puteți face o pictogramă din orice imagine (chiar și din propria fotografie), programul acceptă o varietate de formate. Cu cuvinte simple este doar un convertor de imagini.

Înainte de a face o pictogramă dintr-o imagine, încărcați imaginea în program folosind butonul „Deschideți fișierul”. Selectați parametrii necesari: dimensiunea, adâncimea culorii (culori și biți pe eșantion), folder de salvare (calea de ieșire, implicit, folderul în care este salvat fișierul de lansare) și numele fișierului pictogramă (ieșire numele).

Fișierul rezultat este salvat în format *.ico. Și numai în ea.

Seanau Icon Tool Kit 6.0

Seanau Icon Tool Kit 6.0 va trebui instalat pe computer, dar va ocupa foarte puțin spațiu. Funcționalitatea sa este mai avansată. Acest program vă permite fie să faceți o pictogramă dintr-o imagine, fie să o desenați singur. Pentru a face acest lucru, ea are o gamă largă de instrumente.

Favicon este o pictogramă mică care apare lângă numele site-ului în fereastra browserului sau în rezultatele motorului de căutare. Nu are nicio funcție pentru SEO, dar utilizarea lui vă permite să creșteți recunoașterea site-ului și, ca urmare, indicatorul CTR. De asemenea, puteți crea favicon-uri pentru retină.

Ce dimensiune ar trebui să aibă un favicon?

După ce faci un favicon, vei primi un fișier favicon.ico pentru site, adică un fișier cu extensia *.ico. Acesta este ceea ce va trebui folosit în viitor.

Cum se creează o favicon online?

Utilizați generatorul de favicon online pe site-ul nostru. Puteți nu numai să creați o favicon dintr-o imagine, ci și să utilizați editorul încorporat care vă permite să creați orice pictogramă pentru site.

 ...
 
 
 ...

Cum să plasați o favicon pe un site web

Trebuie să încărcați favicon-ul în directorul rădăcină al site-ului pentru a obține o adresă precum http://sitename.ru/favicon.ico. Aceasta este calea către imagine. Apoi trebuie să puneți codul în etichetă. Ar trebui să arate așa:

De ce să specificați calea către favicon?

Unele site-uri folosesc diferite favicons pentru a ajuta utilizatorii să navigheze mai bine în secțiunile de resurse, așa că este necesar să se indice calea. Dacă utilizați o singură favicon pentru întregul site, nu trebuie să specificați calea către acesta.

Favicon-ul va fi afișat în rezultatele căutării?

Google nu afișează favicon-uri. Yandex are o așa-numită indexare favicon, acest proces durează de la o săptămână la o lună.

1 vot

O zi bună, dragi cititori. Uneori, un lucru mic poate face diferența. Astăzi vom vorbi despre astfel de gadgeturi aproape invizibile care aduc beneficii semnificative site-ului.

Din acest articol veți afla de ce sunt necesare favicon-urile, unde să le căutați și cum să faceți o pictogramă în format ico simplu și rapid.

Un element invizibil care se depune în subconștientul fiecăruia

Un favicon este o imagine mică. În Yandex, acesta apare lângă numele portalului deja în căutare și este, de asemenea, afișat în mod necesar în browser de îndată ce deschideți resursa.

Probabil le-ați acordat atenție. Exact pentru asta sunt folosite. Pictogramele ajută la memorarea unei anumite resurse, deoarece informațiile vizuale sunt absorbite mult mai repede și pătrund în subconștientul însuși. Puteți să vedeți o persoană o dată, să discutați cu el timp de trei ore și să-i alegeți memoria pentru o perioadă foarte lungă de timp, merită să-l întâlniți a doua oară. Informația vizuală (fața) este gravată în memorie mult mai profund decât oricare alta.

Vă voi spune o poveste despre cum o pictogramă pentru un site web mi-a jucat o glumă crudă. Trebuia să descarc o carte. Am văzut un favicon familiar și nici aceasta nu era prima dată când vedeam designul. Super, am mai fost aici! Am dat clic pe descărcare aproape fără să mă gândesc. Înainte să am timp să salvez, software-ul antivirus a început să țipe nebun, iar computerul nu a mai putut fi salvat, a trebuit să reinstalez sistemul. Abia în acel moment mi-am amintit de unde cunoșteam acest site și mi-am amintit bine de el. Exact aceeași situație s-a întâmplat acum aproximativ un an, pe aceeași resursă.

Cum să creezi o favicon în doar 2 minute

Pictograma pentru site-ul dvs. poate fi în format png sau ico, cu dimensiunea de 16 x 16 pixeli.

Puteți utiliza convertorul și puteți crea o favicon din orice imagine. De exemplu, aici https://www.icoconverter.com/ . Selectați un fișier.

De exemplu, am pregătit deja un desen. Cel mai bine este să alegeți formatul png, apoi marginile vor fi transparente.

Selectați 16 pixeli. Unii oameni preferă imagini pe 8 biți (adâncime de biți). Apoi imaginea se va încărca mai repede. Mi se pare că acest lucru nu mai este deosebit de relevant. Folosește lucruri frumoase și de înaltă calitate. Va fi mult mai util.

Deci, s-ar părea că asta este. Totuși, primesc o eroare. Faptul este că dimensiunea imaginii depășește standardele permise. Imaginea nu trebuie să depășească 3 MB.

Puteți comprima și sau vopsiți, dar vă voi arăta o altă opțiune. Dacă ați descărcat imaginea în Google, găsiți-o din nou și apoi rulați „Căutare după imagine”.

Acum selectați „Mic”.

Descărcați aceeași fotografie, dar într-o dimensiune mai mică.

Să ne convertim din nou.

Unde să cauți pictograme gata făcute

O modalitate mai ușoară și mai sinceră de a găsi o pictogramă este să o descărcați de pe serviciu online https://www.iconsearch.ru/ . Utilizarea acestor imagini este permisă de administrație și nu se pedepsește prin lege. . Introdu orice nume în bara de căutare și ai terminat.

Găsiți o imagine în format png și ico, descărcați-o și instalați-o pe site-ul dvs.

Dar dacă vrei să-l creezi singur? Nu e nimic complicat în asta.

Muncă creativă pentru profesioniști și cei dornici să devină specialiști

Orice afacere este bună. Este grozav dacă ești atras de cunoștințe noi și ești gata să faci tot felul de lucruri mărunte pentru a-ți dezvolta abilitățile. Dacă doriți să veniți cu ceva interesant pentru portal, atunci veți avea nevoie serviciu gratuit: https://favicon.ru/ .

Alegeți o culoare.

Desenați în câmpul prevăzut pentru aceasta.

În același timp, monitorizați rezultatele. Apoi descărcați și gata.

Poate că veți fi inspirat de folosirea desenelor gata făcute. Selectați un fișier de pe computer.

Și fotografia ta se va transforma într-o favicon de 8 biți. Utilizați transparența pentru a scăpa de fundal.

Acesta este rezultatul pe care îl veți obține. Nu știu despre tine, dar sincer vorbind, nu-mi place în mod deosebit de el.

Aș fi foarte bucuros să folosesc Photoshop () pentru această lucrare. Aș crea o pictogramă, aș salva-o ca PNG și apoi aș converti folosind-o https://www.icoconverter.com . Da, este mult mai mult de lucru, dar rezultatul va fi mai interesant și mai frumos. Deși, depinde de tine să alegi.

Urmărește videoclipul în care un tip creează o pictogramă uimitoare în puțin peste 9 minute.

Dacă ți-a plăcut acest videoclip și vrei să studiezi Photoshop mai în profunzime, îți recomand cursul lui Zinaida Lukyanenko ( Photoshop de la zero în format video VIP 3.0 ). În doar câteva săptămâni veți stăpâni toate abilitățile de care aveți nevoie pentru a lucra cu acest program.

Nu mă voi plictisi să repet că latura tehnică nu este o astfel de problemă. Este important să-ți perfecționezi abilitățile, să înveți să creezi proiecte interesante care să funcționeze. Și acest lucru se poate face doar în practică. După ce obții toate cunoștințele de bază referitoare la tehnologie.

Urmează experiența și practica. La început, este nevoie de câteva ore pentru a crea o singură imagine, dar în timp devine evident pentru tine ce culori merg împreună și tehnicile care sunt cel mai bine folosite în acest sau acel caz. Nimic nu este mai plăcut decât să privești lucrând pe designeri profesioniști. Acest lucru este cu adevărat uimitor.

Nu pierde timpul cu înțelegerea fără sens, dezvoltă-ți propriul talent. Nu ar trebui să fii ca tăietorul de lemne din basm, care până la sfârșitul vieții a încercat să găsească cele mai multe cale rapidă lucrează cu toporul, dar a trăit până la bătrânețe și nu a tăiat niciun copac. Și-a dedicat tot timpul conversațiilor, raționamentelor, cărților și altor căutări pentru un răspuns la întrebarea care îl preocupa. Până la sfârșitul vieții, nu a mai avut puterea să verifice dacă a funcționat cea mai buna varianta- doar fă-o.

Faceți totul în timp util. Foarte curând veți înțelege cu siguranță cum puteți lucra mai ușor, mai rapid și în cel mai bun mod. În această etapă, finalizați sarcinile, cel puțin cumva, și cu siguranță veți putea ajunge la final cu o cantitate incredibilă de cunoștințe.

Dacă ți-a plăcut acest articol, abonează-te la newsletter. Vei putea primi informații de actualitate care te vor ajuta să te regăsești pe Internet și să câștigi bani frumoși făcând ceea ce îți place: proiectarea, scrierea textelor, aspectul și chiar gestionarea tuturor acestor procese. Există ceva pentru toată lumea.

Mult succes in demersurile tale. Până data viitoare.

Favicon pentru un site este unul dintre ele caracteristici distinctive. Acesta este un alt pas spre creare și utilizare identitate corporativă. Favicon, în cuvinte simple, este o pictogramă (imagine) care este afișată în browser în fața barei de adrese. Favicon-ul este folosit și atunci când adăugați o pagină la marcaje. De acord, va fi mai convenabil pentru utilizator să vă găsească site-ul în marcaje dacă pictograma dvs. „de marcă” este afișată acolo.

Cred că fiecare dintre voi a observat o favicon în timp ce vă vizita site-urile preferate. Arată așa (în browser Google Chrome):

Și pentru comparație, afișarea unei pictograme în browser de internet Explorator:

Cum se creează o pictogramă pentru un site web

Puteți face un favicon folosind: caracteristici standard Photoshop (sau altele editor grafic), și folosind diverse servicii web.

Desenați Favicon folosind un serviciu web

Cel mai simplu mod de a crea o favicon este să folosești serviciul www.favicon.cc. Arata cam asa:

Pentru a desena o pictogramă, trebuie doar să selectați culoarea dorită, transparența și să desenați conturul dorit. Când creați o pictogramă, o puteți previzualiza imediat:

Creați o favicon dintr-o imagine gata făcută

Pentru a converti o pictogramă terminată în format .png (care, de altfel, poate fi folosită și pentru a seta o favicon), puteți folosi un alt serviciu web: favicon.ru.

Instalarea Favicon pe site

Când pictograma este gata, o puteți descărca în format .ico. Pentru a adăuga o favicon la un site, plasați fișierul favicon.ico în directorul rădăcină al site-ului și adăugați-l între etichete linia:

În mod implicit, dacă o pictogramă pentru un site nu este specificată în mod explicit, browserul încearcă să încarce fișierul favicon.ico de la rădăcină. Dar e mai bine să fii în siguranță.

(pentru Internet Explorer).

Dimensiunea faviconului poate fi 16x16, 32x32.

Notă utilă

Un fișier pictogramă poate avea nu numai extensia .ico, ci și .png și se recomandă utilizarea acestei din urmă opțiuni. Acest lucru se datorează faptului că dispozitivele de afișare de înaltă rezoluție (de exemplu, iPhone, iPad, iPod) au o dimensiune implicită a pictogramei de 57x57. Pentru a face acest lucru, este mai bine să faceți o a doua versiune a pictogramei (la o rezoluție mai mare) și să adăugați o linie suplimentară:

Dar este de remarcat faptul că, în acest caz, pictograma va fi rotunjită la colțuri și i se va aplica o evidențiere (acest lucru este realizat automat de dispozitivul însuși). Pentru a evita acest lucru, în schimb pictogramă-măr-touch trebuie sa scriu Apple-touch-icoana-precompus.

Când folosim orice dispozitiv, adesea ne plictisim de aceeași interfață și vrem să schimbăm ceva. Pentru fiecare dispozitiv, aspectul sistemului se schimbă diferit. Pictogramele sunt una dintre componentele elementare ale oricărei interfețe, iar schimbarea lor nu este o sarcină dificilă. Pe Internet puteți găsi multe seturi de pictograme pentru toate tipurile de dispozitive. Dar ele nu sunt unice, nu sunt individuale. Prin urmare, în acest articol ne vom uita la cum să faci singur o icoană, astfel încât să fie a ta, unică.

Vom lua în considerare exemplul a două programe simple. Deoarece este foarte ușor să faci o pictogramă pentru un folder, fișier, scurtătură sau alte elemente cu ajutorul lor, acest software devine un instrument excelent pentru schimbare aspect interfata si individualizarea acesteia. Datorită acestor programe simple, puteți crea pictograme pentru orice elemente de interfață ale diferitelor sisteme de operare.

Fasticona 1.0 portabil gratuit

Nu am văzut niciodată un program mai simplu pentru crearea pictogramelor. Nici măcar nu necesită instalare. Fasticona 1.0 portabil gratuit nu vă permite să desenați pictograme, le face din imagini gata făcute. Puteți face o pictogramă din orice imagine (chiar și din propria fotografie), programul acceptă o varietate de formate. Cu cuvinte simple, este doar un convertor de imagini.

Înainte de a face o pictogramă dintr-o imagine, încărcați imaginea în program folosind butonul „Deschideți fișierul”. Selectați parametrii necesari: dimensiunea, adâncimea culorii (culori și biți pe eșantion), folder de salvare (calea de ieșire, implicit, folderul în care este salvat fișierul de lansare) și numele fișierului pictogramă (ieșire numele).

Fișierul rezultat este salvat în format *.ico. Și numai în ea.

Seanau Icon Tool Kit 6.0

Seanau Icon Tool Kit 6.0 va trebui instalat pe computer, dar va ocupa foarte puțin spațiu. Funcționalitatea sa este mai avansată. Acest program vă permite fie să faceți o pictogramă dintr-o imagine, fie să o desenați singur. Pentru a face acest lucru, ea are o gamă largă de instrumente.

Icon Tool Kit acceptă lucrul cu straturi, vă permite să reglați adâncimea culorii, transparența și există diferite filtre. Fișierul de ieșire poate fi obținut în *.ico, *.png, *.bmp, *.jpg sau *.gif. Este de remarcat faptul că acest software vă permite să aplicați stiluri pictogramelor create, de exemplu Mac, Vista și altele. Descărcarea unui program pentru crearea pictogramelor este recomandată celor care doresc să implementeze mai multe idei creative în interfață.