Ikona za web lokaciju ili, kako se češće naziva, ikona je ono što možete vidjeti u uglu pored naziva kartice u pregledniku. Takođe, ikona je prikazana nasuprot naziva web lokacije na listi "Favoriti", možete je vidjeti i kada pretraživač prikaže vašu stranicu u rezultatima pretraživanja.
Neophodno je
- - logo web stranice,
- - Photoshop,
- - favicon pretvarač.
Instrukcije
Korak 1
Otvorite logotip svoje web lokacije u Adobe Photoshopu. Ako nema logotipa, možete snimiti bilo koju drugu sliku, važno je samo da je povezana sa vašom web lokacijom. Obradite sliku uklanjanjem svih nepotrebnih detalja, a sada smanjite njezinu veličinu na 32 ili 16 piksela sa svake strane. Zatim spremite sliku u.png
Korak 2
Najbolje od svega je ako na kraju napravite datoteku rezolucije 32x32 piksela, jer korisnici ponekad spreme prečice do web lokacija koje im se sviđaju na "Desktop", a slike 16x16 piksela izgledaju nedovoljno detaljne. Međutim, imajte na umu da će u pregledniku vaša ikona i dalje biti uvećana na 16x16 piksela, to su slike koje se prikazuju u Favoritima i u naslovu.
Korak 3
Sada morate pretvoriti sliku u ico datoteku. To se može učiniti pomoću dodatka za Photoshop ili pomoću besplatne internetske usluge, na primjer, https://favicon.ru/. Postoji puno dodataka i usluga, koji rade gotovo na isti način, tako da nema smisla savjetovati bilo koji određeni. Te se web stranice nazivaju favicon generatorima.
Korak 4
Preimenujte rezultirajuću datoteku u favicon.ico.
Korak 5
Sada idite na kontrolnu ploču svoje web lokacije i pronađite korijenski direktorij u kojem se nalazi prva stranica. To je obično index.html ili druga datoteka koju generira sistem za upravljanje sadržajem. Možda već postoji ikona koja se zove favicon.ico. U tom slučaju izbrišite staru ikonu i zamijenite je svojom.
Korak 6
Ako vam osnovni direktorij nije dostupan, kao ni u onim slučajevima ako ste sami napisali kôd web lokacije, tada morate urediti sve stranice web lokacije na kojima bi se ikona trebala pojaviti. Otvorite stranicu u editoru i dodajte unos u odjeljak glave
Korak 7
Ako se ikona nalazi ne u korijenskom direktoriju, već negdje drugdje, tada u parametar href napišite puni put datoteke.
