Sådan opretter du et Favicon.ico: 5 trin (med billeder)

Indholdsfortegnelse:

Sådan opretter du et Favicon.ico: 5 trin (med billeder)
Sådan opretter du et Favicon.ico: 5 trin (med billeder)

Video: Sådan opretter du et Favicon.ico: 5 trin (med billeder)

Video: Sådan opretter du et Favicon.ico: 5 trin (med billeder)
Video: Jeg er bange for min far 2024, Kan
Anonim

Når du besøger et websted som Google, Yahoo eller wikiHow, vil du måske bemærke, at der er et lille ikon til venstre for adresselinjen. Dette er kendt som et favikon, og du kan oprette dit eget til et websted. Udover at give dit websted en mere professionel fornemmelse, vises ikonet i brugerens bogmærker ud for alle sider på dit websted, de har lagt i deres favoritter. Dette kan hjælpe dem med at finde dit websted lettere.

Trin

Opret en Favicon.ico Trin 1
Opret en Favicon.ico Trin 1

Trin 1. Opret et billede, der er 16x16 pixels stort

Det skal være et enkelt billede, så det umiddelbart kan genkendes.

Opret en Favicon.ico Trin 2
Opret en Favicon.ico Trin 2

Trin 2. Konverter billedet til en favicon.ico -fil

Det skal hedde præcis dette, ellers kan browseren ikke genkende det. En let måde at gøre dette på er at bruge Dynamic Drive FavIcon Generator. En anden måde er at bruge en gratis billedredigerings -GIMP og gemme 16x16 -billedet i ICO -format.

Opret en Favicon.ico Trin 3
Opret en Favicon.ico Trin 3

Trin 3. Upload den genererede fil til dit websted

Opret en Favicon.ico Trin 4
Opret en Favicon.ico Trin 4

Trin 4. Tilføj følgende kode til dit websteds HTML

Du skal sætte det i sektionen af koden og sørge for, at stien til ikonet er korrekt i forhold til websiden. Koden følger (forudsat at både.html og.ico er i den samme topmappe):

Opret en Favicon.ico Trin 5
Opret en Favicon.ico Trin 5

Trin 5. Opdater siden, gå tilbage og beundre dit websteds smukke nye ikon

Tips

  • Selvom dit ikon vil være meget lille, skal du sørge for, at andre mennesker let kan læse/forstå det.
  • Hvis du bruger Linux, kan du konvertere filen direkte på din computer. Vælg bare et passende billede, åbn din kommandolinje, naviger til biblioteket, hvor du gemmer billedet og skriv: convert image-p.webp" />

Anbefalede: