Sto nula za jednom. Najveći broj na svijetu. Mersenne primes

Pozdrav svima! U ovom ćete članku naučiti što je favicon, zašto je potreban, kako ga stvoriti i kako instalirati favicon na web mjesto. Kao što kažu sitnica, ali lijepo.

Što je favicon i čemu služi?

Favicon je ikona našeg web mjesta koja je vidljiva na kartici preglednika i prikazana je u isječku (u rezultatima pretraživanja) nekih pretraživača. To je poput logotipa na kemijskoj olovci, nitko ne obraća pažnju i podsvjesno se doživljava kao razlika. Primjerice, u Yandexu je favicon prikazan, ali ne i na Googleu, a meni osobno to uzrokuje određenu neugodnost.

Kao što možete vidjeti u Yandexu, lakše je pronaći web mjesto na popisu, usredotočiti se na favicons nego na Googleu, gledati običan tekst i postoji neka vrsta raznolikosti. Drugi razlog zbog kojeg je web-lokaciji potreban favicon je mogući faktor rangiranja od Yandexa. Na njegovom su popisu stotine čimbenika, možda favicon nekako utječe na to pitanje. U svakom slučaju, svaki ugledni i pristojni resurs na Internetu trebao bi imati svoj stil, logotip i, kao rezultat, svoju oznaku, kao favicon.

Kako stvoriti odabranu stranicu za web mjesto?

Sad kad smo shvatili i odlučili da nam treba favicon, moramo ga stvoriti. Favicon je slika u ICO formatu. Neću vam slikati kakav je ovaj format. Favicon je također dopušten u GIF i PNG formatu, ali ne svi preglednici podržavaju favicon u takvim formatima, pa ćemo stvoriti sliku u ICO formatu koju svi razumiju.

Slika bi trebala biti veličine 16x16 piksela. Stvorit ćemo ga u Photoshopu. Sliku možete stvoriti u bilo kojem drugom grafičkom uređivaču, nema veze jer ćemo ionako ponovno izraditi stvorenu sliku u ICO formatu, jer Photoshop ne podržava ovaj format.

Stvaramo novu datoteku veličine 16x16 i u nju ubacujemo sliku. Slika bi trebala biti jednostavna i s jasnim konturama, tako da je jasno što je prikazano u malom obliku. Spremite datoteku u PNG formatu.

Sada moramo pretvoriti sliku u ICO format. To ćemo učiniti pomoću internetske usluge favicon.ru. Idemo na njega i na glavnoj stranici kliknemo na gumb "Odaberi datoteku".

Odaberemo sliku koju smo stvorili na računalu, pričekamo nekoliko sekundi, kliknemo na gumb "sljedeći" i vidimo što smo dobili. Ovdje možete to malo popraviti, ako vam se nešto ne sviđa, učiniti neke odjeljke prozirnim i ako vam sve odgovara, kliknite gumb "preuzmi favicon" - "preuzmi".

Minus ove usluge je što ispunjava prozirnu pozadinu crnom bojom. Za svaki slučaj, evo još jedne usluge http://tools.dynamicdrive.com/favicon/. I ovdje je sve jednostavno. Odaberite datoteku, kliknite gumb Stvori ikonu i nakon par sekundi kliknite Preuzmi FavIcon. Ali ne možete ovdje uređivati, ali prozirna pozadina ostaje transparentna.

Ne možete sami stvoriti favicon, već preuzeti gotove slike. Na Internetu postoje mnoge web stranice na kojima postoje zbirke favorita, trebate pronaći odgovarajuću i jednostavno je preuzeti.

Kako instalirati favicon na web mjesto?

Sada kada imamo datoteku, moramo je prenijeti na našu web stranicu. Provjeravamo, za svaki slučaj, da je naziv datoteke "favicon.ico". Odlazimo na naš poslužitelj i učitavamo datoteku u korijen web mjesta. Nije potrebno učitati u korijen, ali u kodu ćemo naznačiti vezu do korijena web lokacije.

Sada morate umetnuti ovaj kôd.

Zalijepite ga između oznaka , Pokazat ću vam primjer svih omiljenih napomena. U datoteci header.php potražite oznaku (ctrl + f)   i odmah nakon njega ubacimo kod, kao što je prikazano na slici ispod.

U preostalim motorima sve je individualno, ali značenje je isto, morate ga umetnuti u zaglavlje stranice između oznaka , Sada znate kako stvoriti favicon i kako ga dodati na web mjesto. Na ovom članku ću završiti. Nadam se da sam sve objasnio jasno i spremno. Ako imate još kakvih pitanja, postavite ih u komentarima, kako mogu, pomoći ću.

ICO format i drugi formati grafičkih ikona. Instalirajte favicon na web mjesto s podrškom za iOS, Android i druge uređaje, kao i novi HTML5. Korak po korak, od jednostavnih do složenih, dostupnih i vizualnih, za početnike do webmastera.

Vjerojatno ste već čuli nešto o formatu ICO  i ikonu web mjesta faviconali ništa ne miruje i stalno se pojavljuje nešto novo. Odlučio sam napisati ovaj članak kako bih ne samo generalizirao stvari koje su svima poznate, već i kako bih ih nadopunio novim proizvodima.

Tako ćete naučiti o nekim tajnama ICO formata, problemima s Internet Explorerom i njihovim uklanjanjem, o novim grafičkim formatima favicon-a (transparentno i animirano), HTML5 standarde i ikone za mobilne uređaje za iOS i Android, kao i još mnogo toga.

• ICO format
• Favicon.ico datoteka
• BugFix za Internet Explorer
• Favicon u HTML5
• Favicon za Apple
• Favicon za Android
• Adresa datoteke Favicon.ico

ICO format

A počet ću s činjenicom da je format ICO  (Ikona za Windows) razvila je tvrtka Microsoft  za ikone datoteka. Slično je formatu CUR  (Windows kursori) i najbliže je BMP, Jedina razlika je u naslovu, kao i prisutnosti maske, koja vam omogućuje stvaranje transparentnosti u crtežima. međutim alfa kanal (Prosvjetljenje)  32-bitne ikone pojavile su se samo u sustavu Windows XP.

Favicon.ico datoteka

Ideja s datotekom favicon.ico (slika 16x16 piksela)  također pripada Microsoftu koji su implementirali za oznake u programu Internet Explorer 5. Odatle i naziv fav  - kratak za omiljene - favorite i ikona - ikona. Trenutno ovaj format podržavaju svi popularni preglednici, ali glavna stvar je u detaljima. uslovno generalizirana verzija  Instaliranje favicon-a na web mjestu je kako slijedi:

Imajte na umu da se u gornjem primjeru koriste dva odnosa: prečac (s engleskog oznaka) i ikonu (s engleskog. ikona). Trik je u tome da je prečac ovdje suvišan i ostao je samo za starije verzije Internet Explorera, ali trebao bi prijeći ikonu.

image / vnd.microsoft.icon vs image / x-icon?

Zanimljivo je i da je 2003. format ICO  je registriran Simon Butcher  (Simon Butcher) u IANA-i i njen MIME tip postao image / vnd.microsoft.icon. Problem je u tome što ga starije verzije Internet Explorera ne mogu ispravno protumačiti, stoga je bolje koristiti staru sliku / ikonu.

BugFix za Internet Explorer

Ne zaboravite da za Internet Explorer možete koristiti HTML štake na temelju komentara, na primjer:

Ostali formati slika

Međutim, integracija drugih grafičkih formata: PNG, GIF, JPEG, APNG i SVG također je počela dobivati \u200b\u200bna značaju. Najbolja stvar je sa statičkim formatima PNG  i GIF, podržavaju ih sve nove verzije popularnih preglednika. animirani APNG  radi samo u Firefoxu (od verzije 3.0)  i Opera (od verzije 9.5), ali animirani GIF  ne razumiju samo IE i Safari. JPEG  Ne podržava samo Internet Explorer.

Na stranice ću dati nekoliko točnih primjera umetanja favicon-a u odgovarajućim formatima:

Skrećem pažnju na činjenicu da za APNG  koristi video / png za MIME tip i za GIF (čak animirani)  - slika / gif. MIME vrsta za SVG  format, ovo je image / svg + xml.

Favicon u HTML5

Sada, što se tiče formata favicon u HTML5Pročitajte više. Ovdje je zanimljiv atribut veličine koji određuje veličinu ikona za vizualno prikazivanje u formatu:

(Širina1)x (Vysota1) [(širina N)x (VysotaN)] | bilo koji

Drugim riječima, možete unijeti odgovarajuće veličine s razmakom ili odrediti vrijednost bilo koju (za sve). Dokumentacija HTML5 daje primjer:

Favicon.ico za mobilne preglednike

Problem je što atribut veličine trenutno ne podržava nijedan popularni preglednik. S mobilnim je preglednicima situacija nešto drugačija.

Favicon za Apple

Ako atribut veličine nije naveden, koristi se zadana vrijednost. 57x57.

Primjetno je i to kako favicon.ico  služi kao automatski prepoznata ikona za web lokaciju, bez navođenja veze, a sljedeća će se imena prepoznati automatski:

• apple-touch-icon-57 × 57.png
• apple-touch-icon-72 × 72.png
• apple-touch-icon-114 × 114.png
• apple-touch-icon-144 × 144.png

Ako želite da iOS ne doda nijedan efekti, koristite unaprijed sastavljenu ključnu riječ, na primjer:

I ovdje se nalazi skup automatski prepoznatih imena:

• apple-touch-icon-57 × 57-precomposed.png
• apple-touch-icon-72 × 72-precomposed.png
• apple-touch-icon-114 × 114-precomposed.png
• apple-touch-icon-144 × 144-precomposed.png

Favicon za Android

Preglednici android  naslijedio je Appleov format. U suštini, dovoljno je navesti nešto poput sljedećeg:

Adresa datoteke Favicon.ico

Možda ste primijetili da neki primjeri koriste relativne, a ne favicon? To nije slučajno, jer Pored HTTP-a, HTTPS dobiva na značaju. Da biste izbjegli probleme, u apsolutnoj adresi lakše je ne navesti protokol, na primjer:

ili koristiti relativni put.

Kako instalirati ikonu favicon na web mjesto?

Pa, sada pokušajmo formirati generalizirana opcija za umetanje web mjesta za favicon, Shvatio sam ovako:

Pokušat ću razjasniti predloženi dizajn. Prvo dolazi favicon za Internet Explorer koji će odgovoriti na prečac. Daljnji optimalan će biti statički PNG  ikona s transparentnošću i ikone animacije  Dao sam GIF  formatu. Za mobilne uređaje izradit ćemo ikone standardne veličine 57x57  piksela, jedan bez efekata, a drugi sa svojim efektima (unaprijed sastavljeno - onemogući efekte preglednika), Kako bih izbjegao probleme s HTTP-om i HTTPS-om, najavio sam relativni putpočevši od korijena mjesta (/ - na početku adrese)ali za IE, vjerojatno bi bilo bolje koristiti apsolutni put.

To je sve za mene. Nadam se da vam je članak bio koristan. Ako možete izvršiti bilo kakve promjene, dopune, pojašnjenja itd. - pisati. Hvala na pažnji. Sretno

Favicon (favicon je kratica za Favorite icon, u prijevodu s engleskog znači omiljena ikona) - ikona, poznata i kao prečac, ikona web stranice ili ikona oznake. Favicon je uobičajena grafička slika (slika) povezana s određenom web stranicom ili web stranicom. Preglednici koji podržavaju dodavanje favicon-a obično ga prikazuju u adresnoj traci i na karticama pored naziva stranice, a neki preglednici koriste ga kao ikonu za prečac spremljen na radnoj površini. Yandex pretraživač pridavao je veliku važnost fasviconu i prikazuje ga zajedno s rezultatima pretraživanja.

stvaranje

Možete koristiti gotovo bilo koji grafički uređivač za izradu favicon-a, ali odabrani format slike trebao bi biti 16x16, 32x32 ili 64x64 piksela, koristeći 8-bitnu ili 24-bitnu boju. Slika mora imati PNG ekstenziju (W3C standard), GIF ili ICO.

Prilikom stvaranja slike trebali biste obratiti pažnju na sljedeće nijanse:

• Favicon bi trebao biti napravljen u istom stilu kao i web mjesto, jer je to svojevrsna posjetnica vašeg projekta.
• Slika koju želite koristiti kao favicon trebala bi biti izuzetno lagana za razumijevanje, bolje je koristiti samo nekoliko elemenata.
• Pobrinite se da favicon maksimalno prenosi suštinu vaše web stranice, poslovanja, projekta.
• Bolje je stvoriti sliku na takav način da uzrokuje posjetitelje na vašoj web lokaciji. Na primjer, ikona telefona za unutrašnjost mobilnih telefona.

Primjer programa koji vam omogućuje stvaranje ikona je Favicon Create ( preuzimanje) Je najjednostavniji program. Za izradu ikone potrebna vam je samo obična slika u * .jpg ili * .bmp formatu, što se može učiniti u bilo kojem grafičkom uređivaču, čak i u istoj boji. Učitavamo sliku u program, a zatim odaberemo veličinu, dubinu boje i pritisnemo gumb za pokretanje. Sve je spremno.

Dodavanje favicon-a

Da biste dodali sadržaj na web stranicu na vrhu HTML dokumenta, trebate unijeti samo jedan redak oznaka   , u kojem trebamo odrediti atribut rel, koji upućuje pregledniku da dodajemo ikonu, atribut href koji sadrži adresu naše slike i atribut tipa koji pokazuje koji format slike koristimo:

Napomena: imajte na umu da za svaku web stranicu ili za svaki odjeljak web mjesta možete odrediti vlastiti favicon.

U tablici su prikazane različite mogućnosti dodavanja favicon-a i pruža podrška pregledniku:

	Google Chrome	Internet Explorer	Firefox	opera	safari
href \u003d "httr: //mysite.ru/myicon.ico"\u003e	da	da	da	da	da
	da	Da (od IE 11)	da	da	da
	da	Da (od IE 9)	da	da	da
	da	Da (od IE 11)	da	da	da
	da	Da (od IE 11)	da	da	da
	da	Da (od IE 9)	da	da	da

Ne podcjenjujte važnost favicon-a, pogotovo danas, kada na internetu postoje milijarde stranica i stranica, od kojih su neke vaše konkurencije. Ikona web lokacije, poput logotipa, doprinosi njegovoj pamćenju i prepoznavanju. Ne biste trebali propustiti dodatnu priliku da poboljšate svoj resurs.

Počnimo s definicijom. Favicon je mala slika (veličine 16x16 ili 32x32). U većini slučajeva to je mala kopija logotipa web stranice, prvo slovo imena ili prva dva slova imena, ili kratica imena, ili slika koja odražava temu web mjesta ili suštinu posla.

Gdje se prikazuju favicons? Vrlo jednostavno:

1. na karticama preglednika;

1. u rezultatima pretraživanja;

1. na traci oznaka preglednika.

Favicon obavlja sljedeće funkcije:

• Branding.
• Olakšava prepoznavanje web lokacije od strane korisnika (sliku se uvijek lakše pamti nego adresu web mjesta).
• Daje čvrstoću mjestu.

Sada se usredotočimo na ono što točno daje upotreba favicona.

Prepoznavanje marke

Prema prethodnom snimku zaslona, \u200b\u200bsami ste pretpostavili da će korisnik puno vjerojatnije odabrati web mjesto s već poznatom faviconom, čak i ako se nalazi ispod TOP-10. Otprilike ista priča s poviješću preglednika. Na primjer, korisnik se sjetio favicon vaše web stranice, ali je zaboravio koji je zahtjev dobio prema vama. Što učiniti To je tačno - idi u povijest preglednika i prelistaj ga sve dok ti favicon ne zakaže pogled. Trenutno su najprepoznatljiviji svjetski favoriti Yandex, Google, Facebook, VKontakte, Odnoklassniki i Telegram. Ako web mjesto nema favicon, onda to neće biti u rezultatima pretraživanja, ali u povijesti preglednika umjesto toga bit će prazan list.

Mnogi korisnici procjenjuju prodavače (i one koji pružaju usluge) ne samo na temelju informacija na web mjestu, već i na temelju načina na koji je web stranica općenito osmišljena. A takva sitnica kao što je nedostatak favicon-a može dobro pogoditi povjerenje korisnika, posebno u slučajevima kada korisnik bira između nekoliko internetskih trgovina (ili tvrtki koje pružaju usluge od interesa za korisnika).

Ponovite posjete

Kao što već znate, ljudi su u odnosu na slike mnogo "topliji" nego prema tekstu. Sad zamislite da se posjetitelj negdje žuri. Što on radi? To je tačno - označite web mjesto kako ne biste izgubili. Tada, kad korisnik ima slobodnog vremena, odluči se vratiti na web mjesto i ... U oznakama će se pronaći vaše web mjesto ne toliko po naslovu članka, koliko prema novom / zapamćenom faviconu. Ako ne postoji nijedan favicon, korisnik će možda pomisliti da je veza prekinuta i uklonit će je iz oznaka.

Zato favicon mora biti uočljiv i prepoznatljiv. Najupečatljiviji primjeri:

• slovo G, koje je odabran od Googleove tražilice;

• otrovno crveno slovo I, koje je favicon Yandexove tražilice;

Ušteda vremena korisnika

Iz gornjeg primjera može se izraditi još jedan zaključak - potrebni su prikazi kako bi se pojednostavila korisnička identifikacija mjesta u povijesti / oznakama.

Ono o čemu će biti riječi u ovom odlomku odnosi se i na osobna računala i mobilne uređaje. Često se veze ne pohranjuju kao oznake u pregledniku, već kao prečaci na USB fleš pogonu u zasebnoj mapi. U isto vrijeme, svatko od vas zna da naziv etikete nije uvijek prikazan u potpunosti. I ovdje uz pomoć faviconsa postaje mnogo lakše pronaći ono što vam treba.

Imajte na umu da svijet pametnih telefona ne miruje - nekad se pametni telefon s ekranom od 640x360 piksela smatrao luksuzom, ali danas nikoga ne možete iznenaditi zaslonom veličine 1920x1080 piksela (s istom dijagonalom). Iz ovoga se može izvući samo jedan zaključak - za različite razlučivosti zaslona trebate napraviti različite šare (ili točnije, različitih veličina).

Ne žurite se uzrujati, jer Kasnije će biti rečeno o tome kako se ovaj problem rješava.

Prednosti SEO

Ranije smo rekli da ako web lokacija sadrži favicon, onda je ona prikazana u rezultatima pretraživanja. Ranije smo i rekli da su slike čovjeku mnogo privlačnije od teksta. Slijedi najjednostavniji zaključak: na stranici s rezultatima pretraživanja web lokacije s odabranim web lokacijama privlače više pažnje nego web stranice bez njih. Slijedom toga, povećava se mogućnost klikanja.

Imajte na umu da u ovom kontekstu govorimo o rezultatima pretraživanja Yandex, jer Google servisi nisu prikazani u SERP-u. To je vrlo važna stvar, jer Yandex je najpopularnija tražilica u Rusiji, a koristi je većina korisnika koji govore ruski.

Štoviše, Yandex čak ima i svog robota, koji ne radi ništa osim indeksiranja favicon-ova (usput, vrijeme indeksiranja je od 1 tjedna do 1 mjeseca).

Kako provjeriti je li vaš favicon indeksiran ili ne:

1. odlazimo na Yandex, unosimo adresu web stranice i pregledavamo rezultate pretraživanja. Ako je favicon indeksiran - bit će u izručenju;
2. provjerite postoji li favicon.ico datoteka putem Yandex.Webmaster.

Obje su metode elementarne i ne trebaju više od 15 sekundi.

Pa, otkad su rekli za Yandex, recimo o Googleu. Ovdje ste sami pogodili da se favikoni ne prikazuju u rezultatima Google pretraživanja. A sada najzanimljivije. Prema Googleu ovom prigodom, papuče odavno lete i to od običnih korisnika. Da, da, ne od nas - SEO zaposlenika, već od vas - od običnih ljudi koji nemaju veze s optimizacijom pretraživača, koji kupuju, šetaju raznim web lokacijama itd.

I nemojte sada reći da "možda oni uopće nisu svjesni problema?" - čak ni kao što znate! Prvo su otvoreno priznali ovu pogrešku. Drugo, otvoreno su rekli da "ne, nećemo to popraviti". Treće, od njihovog slanja za Mozilla FireFox objavljen je dodatak koji je automatski učitao favicon web mjesta u rezultate pretraživanja. Dodatak se zove Google Favicon. Četvrto, bilo je to 2012. godine. I od tada Google nije dodao rezultate u rezultate pretraživanja.

Pa, nekoliko riječi o dodatku Google Favicon. Nemojte je ni pokušavati tražiti i instalirati na svoj FireFox kao Dugo se nije ažurirao, pa stoga nije kompatibilan s najnovijim verzijama FireFox preglednika. Međutim, možete pronaći slične dodatke.

Usput, u mnogim drugim tražilicama odabrani podaci također se ne dodaju rezultatima pretraživanja.

Favicons u računalnim preglednicima i pametnim telefonima

Trenutak ranije, već smo spomenuli da se favoriti ne prikazuju u rezultatima pretraživanja (s iznimkom, možda, Yandexa). Međutim, to se ne može reći za preglednike, a to se odnosi i na preglednike mobilnih i PC računala.

Sada nekoliko riječi o veličini. Da bi se favicon ispravno prikazao na svim uređajima, ima smisla koristiti nekoliko različitih veličina (ali u osnovi je to 16x16 ili 32x32 piksela). U velikoj većini slučajeva u te se svrhe koristi .ico grafički format. Njegova glavna prednost je što u istu datoteku možete dodati nekoliko slika različitih veličina, različitih kvaliteta, pa čak i različitih sadržaja.

I unatoč činjenici da Google Chrome, Mozilla ForeFox, Opera (počevši od verzije 7) i Apple Safari (počevši od verzije 4) već odavno imaju podršku za favicon u .png formatu, prednost se i dalje daje .ico formatu. Predlaže se tako da ako se dva web mjesta u oba formata prenesu na istu stranicu, preferira se .ico format.

Kako napraviti favicon za web mjesto

1. metoda: koristite jednu od posebnih internetskih usluga, jer ih ima puno, blago rečeno:

• FaviconGenerator - omogućava vam pretvaranje slika iz png, jpeg, jpg, gif u favicon u format koji vam je potreban.
• AntiFavicon - zanimljiv po tome što vam omogućuje da napravite favicon s natpisom. tj tekst se unosi u polja "Gornji tekst" i "Donji tekst", a željena shema boja postavlja se u područje "Boje".
• FavIcon iz Pics-a - krajnje jednostavan - u njega uložite željenu sliku, a na izlazu dobijete favicon.
• Iconj - glavna značajka je da će vaš favicon biti pohranjen na ovoj usluzi doživotno. tj Učitavate sliku u uslugu, pretvorite je u favicon, a zatim, prvo, dobijete mogućnost da je preuzmete, i drugo, vezu za preuzimanje (ako trenutno ništa ne možete ili ne želite preuzeti).
• DeGraeve je jedan od najmoćnijih generatora favicon-a. Možete napraviti favicon „ispočetka“ ili prenijeti gotovu sliku, izvršiti ispravke i preuzeti u .ico formatu.
• Generator je gotovo cjelovit analogni prethodnom.

itd Nećemo nastaviti popis, jer čak će i samo brzo navođenje bez kratkog opisa zauzeti puno prostora.

Ali što učiniti kada favicon to još uvijek želi, a nema vremena / želje / mogućnosti da razvijete nešto svoje? Vrlo jednostavno - postoje ogromne knjižnice gotovih rješenja. Preuzmite bilo koji, u Photoshopu (u ekstremnim slučajevima - u Bojevoj) promijenite veličinu na 16x16, spremite s .ico ili .png, dajte datoteci naziv favicon i gotovi ste! Ako nijedan od njih nije u redu, to je u redu. Glavna stvar je zapamtiti da za osvješćivanje favicona nije potrebna velika inteligencija. I odmah nekoliko konkretnih primjera.

Očito je trebalo 5-10 sekundi da stvori takav favicon, ne više.

Primjer 2 - Blog sigurnosti Comp. Ovdje je još lakše jer na faviconu je nacrtana jednostavna crvena strelica.

Primjer 3 - Stokratov blog. Kao što vidite, postoji samo jedna temeljna razlika između MegaIndex-a i mene - oni imaju kvadrat favicon-a, a naš - oval.

Apsolutno sva su tri mjesta vrlo jednostavna, ali je izuzetno lako zapamtiti, a samim tim i lako prepoznatljiva. Pa, kao bonus - da biste ih stvorili zaista vam nisu potrebne vještine umjetnika, jer ih možete sami nacrtati u Boji. To ćemo učiniti sada.

Druga metoda - nacrtajte se na temelju "inicijala web mjesta".

Korak 1. Otvorite Boju, kliknite na "Promijeni veličinu". U prozoru koji se otvori poništite odabir opcije "Zadrži proporciju" i postavite veličinu. Bez obzira na to, glavno je da završite s kvadratom.

Korak 2. Odaberite alat Fill, odaberite željenu boju iz palete, a zatim ispunite rezultirajući kvadrat.

Korak 3. Odaberite alat "Natpis" i na faviconu napišite "inicijale" stranice. Ako je potrebno, možete promijeniti sam font i njegovu veličinu, kao i napraviti inicijale podcrtanim, nagnutim i / ili podebljanim.

U našem slučaju dva znaka dolara će djelovati kao inicijali.

U ovom slučaju nije potrebno spremiti u .png, jer datoteka će i dalje trebati biti pretvorena u .ico.

Korak 5. Za pretvorbu koristit ćemo uslugu http://pr-cy.ru/favicon/ - prenijeti sliku, obraditi, preuzeti gotovu ikonu.

Preuzmite preuzetu datoteku u korijenski direktorij web stranice, idite na web mjesto i uživajte. Sve djeluje!

Evo primjera jednostavnog, nezaboravnog favicon-a, za čije stvaranje nije potrebna super vještina i veliki mozak.

Treća metoda - koristite usluge koje imaju ugrađene alate za crtanje, uz mogućnost preuzimanja slika s računala, uređivanje i smanjivanje na željenu veličinu.

Tri primjera bit će više nego dovoljna (jer ima ih previše):

1. Favicon.ru - ukratko, uz pomoć ove usluge možete učiniti sve što je opisano u metodi 2.
2. Favicon-generator.org - omogućuje vam uređivanje prethodno kreiranih ikona od strane nekoga.
3. Logaster.ru - ustvari, osmišljen je za generiranje logotipa, ali osim logotipa generira šarene zidove. Imajte na umu, usluga je plaćena.

Metoda 4 - favicon-garei.

Ista stvar - nećemo sve nabrajati, jer ima ih puno.

Thefavicongallery - više od 300 datoteka koje se mogu odmah preuzeti;

Audit4web - ogroman broj odabira na različite teme;

Iconj - više od 3000 zlikovaca.

5. način - narudžba projektanta. Skupo, ali prestižno i lijepo.

Metoda 6 - slična metodi 2, ali upotreba mnogo cool i naprednijih grafičkih uređivača (na primjer, Photoshop). Ova će metoda zahtijevati puno vremena, ali rezultat neće biti tako jednostavan kao u drugoj metodi.

7. način - koristite posebne dodatke za svoju web lokaciju. Metoda je slična obilasku galerija, međutim, ima i pravo na postojanje. To se posebno odnosi na web mjesta na WordPressu i Joomla. Vrijedi napomenuti da za WordPress i Joomla postoje vrlo aduti dodaci koji prikazuju različite sadržaje na različitim stranicama.

Kako instalirati favicon na web mjesto

Za početak, vrijedno je napomenuti da ako ste koristili metodu 7, ovaj problem vas ne bi trebao brinuti, jer je dodatak ujedno i dodatak za spas vlasnika web mjesta od takvih zadataka.

Ako je riječ o ručnom učitavanju favicona, onda je sve nešto složenije.

Prvo, naziv datoteke treba biti favicon.ico ili favicon.png. Ova se datoteka mora učitati u korijenski direktorij vaše web stranice (obično u htdocs ili u mapu public_htm). Zatim idite na svoju stranicu i provjerite je li se favicon učitao ili ne. Ako ne, pokušajte očistiti predmemoriju preglednika. Ako ni nakon čišćenja nema rezultata, nema se čega brinuti.

Drugo, na nekim je mjestima na drugim mjestima postavljena zadana lokacija. U ovom slučaju, idite na web mjesto, desnom tipkom miša kliknite "View html-code" ili "View code code" (dobro, ili nešto slično, u različitim preglednicima na različite načine).

Takva opcija za postavljanje hiperveze usluge nije isključena:

Dakle, izračunali smo put tamo gdje želite preuzeti favicon - i prenijeti ga tamo. Sada bi to trebalo raditi 100%. Možete preuzeti na različite načine:

• putem administracijske ploče pružatelja usluga hostinga;
• korištenje FTP-a Total Commander-a;
• preko upravitelja datoteka samog motora (ako ih ima).

U slučaju Joomla CMS-a, favicon obično živi u mapi s trenutno aktiviranim predloškom dizajna. Izuzetak je Joomla 1.5, gdje je put zapisan u datoteci index.php koja se nalazi u mapi s istim predloškom. tj u slučaju Jumla, morat ćete otići na adresu /templates/folder_with_used_design_pattern/favicon.ico i tamo zamijeniti favicon.

Slična je situacija i sa WordPress web lokacijama, ali to je rijetko:

/wp-content/themes/Papka_s_ispolzuemoy_vami_temoy_oformleniya/favicon.ico

No, postoji i druga opcija - preuzmite favicon bilo gdje, a zatim između oznaka   propisati kôd u kojem je označen put do favicon-a:

U ovom slučaju će i preglednici i pretraživački robot Yandex nepogrešivo pronaći favicon, što znači da korisnici neće proći nezapaženo.

Koja datoteka sadrži oznake   - izravno ovisi o motoru koji koristite.

Na primjer, u WordPressu, ovo je header.php datoteka smještena u mapi s aktivnom kožom: wp-content / themes / Folder_of_your_text_folder. Datoteka header.php može se uređivati \u200b\u200bi putem FTP-a i kroz standardni WordPress uređivač, kao i putem administracijske ploče pružatelja usluga hostinga.

Postavljanje animiranog favicon-a

Ne postoje temeljne razlike između postavljanja statičkog i animiranog favicon-a, osim dvije točke:

• favicon bi trebao biti u gif formatu (ovo je poseban format za animiranje slika);
• između   i  piše se još jedan kod:

Ipak, vrijedno je napomenuti da animirani favicon nije toliko adut kao što se čini na prvi pogled:

• prvo, neće biti animacija u rezultatima pretraživanja - Yandex pretvara gif-animaciju u statički png, a vi se samo morate moliti da Yandex za to ima pravilan okvir;
• drugo, animirani favicon funkcionirat će samo u FireFoxu.

Upravo iz ova dva razloga s animiranim igrama dosad nema smisla gnjaviti. Kad bi samo „za budućnost“.

nalazi

Pa što smo otkrili?

1. favicon može igrati veliku ulogu u prepoznavanju web mjesta;
2. favicon vam često omogućuje pamćenje mjesta;
3. favicon uvelike pojednostavljuje pretraživanje određenog mjesta u oznakama, povijesti preglednika i rezultatima pretraživanja Yandex;
4. favicon se lako može stvoriti "kod kuće na koljenu";
5. postoji puno usluga za stvaranje, uređivanje i odabir gotovih slika.