Kako stvoriti Favicon.ico: 5 koraka (sa slikama)

Sadržaj:

Kako stvoriti Favicon.ico: 5 koraka (sa slikama)
Kako stvoriti Favicon.ico: 5 koraka (sa slikama)

Video: Kako stvoriti Favicon.ico: 5 koraka (sa slikama)

Video: Kako stvoriti Favicon.ico: 5 koraka (sa slikama)
Video: Шағын кітапша шығару үлгісі (4-бөлім соңы) 2024, Svibanj
Anonim

Kada posjetite web stranicu poput Googlea, Yahooa ili wikiHowa, mogli biste primijetiti da se s lijeve strane adresne trake nalazi mala ikona. Ovo je poznato kao favicon i možete stvoriti vlastiti za web stranicu. Osim što će vašoj web stranici dati profesionalniji osjećaj, ikona će se pojaviti u oznakama korisnika pored stranica na vašoj web stranici koje su stavile u svoje favorite. To im može pomoći da lakše pronađu vašu web lokaciju.

Koraci

Izradite Favicon.ico Korak 1
Izradite Favicon.ico Korak 1

Korak 1. Napravite sliku veličine 16x16 piksela

To bi trebala biti jednostavna slika, tako da se odmah prepozna.

Izradite Favicon.ico Korak 2
Izradite Favicon.ico Korak 2

Korak 2. Pretvorite sliku u favicon.ico datoteku

Mora se zvati upravo ovako ili je preglednik neće prepoznati. Jednostavan način za to je korištenje FavIcon Generatora za dinamički pogon. Drugi način je korištenje besplatnog GIMP uređivača slika i spremanje slike 16x16 u ICO formatu.

Izradite Favicon.ico Korak 3
Izradite Favicon.ico Korak 3

Korak 3. Prenesite generiranu datoteku na svoju web stranicu

Izradite Favicon.ico Korak 4
Izradite Favicon.ico Korak 4

Korak 4. Dodajte sljedeći kôd u HTML svoje web stranice

Trebali biste ga staviti u odjeljak koda i pobrinuti se da je put do ikone ispravan u odnosu na web stranicu. Slijedi kôd (pod pretpostavkom da su.html i.ico u istom direktoriju):

Izradite Favicon.ico Korak 5
Izradite Favicon.ico Korak 5

Korak 5. Osvježite stranicu, odmaknite se i divite se prekrasnoj novoj ikoni svoje web stranice

Savjeti

  • Iako će vaša ikona biti vrlo mala, budite sigurni da je drugi ljudi mogu lako pročitati/razumjeti.
  • Ako koristite Linux, datoteku možete pretvoriti izravno na računalu. Samo odaberite odgovarajuću sliku, otvorite svoj naredbeni redak, idite do direktorija u koji pohranjujete sliku i upišite: convert picture-p.webp" />

Preporučeni: