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: The END of Photography - Use AI to Make Your Own Studio Photos, FREE Via DreamBooth Training 2024, Maj
Anonim

Kada posjetite web stranicu poput Googlea, Yahooa ili wikiHowa, možda ćete 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 lokaciji dati profesionalniji osjećaj, ikona će se pojaviti u oznakama korisnika pored svih stranica na vašoj web stranici koje su stavili u svoje favorite. To im može pomoći da lakše pronađu vašu web lokaciju.

Koraci

Kreirajte Favicon.ico Korak 1
Kreirajte Favicon.ico Korak 1

Korak 1. Kreirajte sliku veličine 16x16 piksela

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

Kreirajte Favicon.ico Korak 2
Kreirajte Favicon.ico Korak 2

Korak 2. Pretvorite sliku u favicon.ico datoteku

Mora se zvati upravo ovako ili ga 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 uređivača slika GIMP i spremanje slike 16x16 u ICO formatu.

Kreirajte Favicon.ico Korak 3
Kreirajte Favicon.ico Korak 3

Korak 3. Postavite generiranu datoteku na svoju web stranicu

Kreirajte Favicon.ico Korak 4
Kreirajte Favicon.ico Korak 4

Korak 4. Dodajte sljedeći kôd u HTML vaše web stranice

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

Kreirajte Favicon.ico Korak 5
Kreirajte Favicon.ico Korak 5

Korak 5. Osvježite stranicu, odmaknite se i divite se prekrasnoj novoj ikoni vaše 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čunaru. Samo odaberite odgovarajuću sliku, otvorite komandnu liniju, idite do direktorija u koji pohranjujete sliku i upišite: convert picture-p.webp" />

Preporučuje se: