Webdesigner.dk

  • Forside
  • Lav en hjemmeside
  • Lav en blog
  • WordPress hjælp
  • WordPress temaer
  • Seneste artikler
  • Værktøjer
  • Om

Sådan laver du et Favicon og uploader det

Tweet
Share
Share

Et favicon er det lille billede på 16×16 pixels som du kan ved siden af en hjemmesidens titel i din browser. Ikonet bliver også vist når du tilføjer en hjemmeside til din favoritter. Nogle kalder dem også bogmærke ikoner.

Fordelen ved at have et favicon er brugerne lægger mere mærke til din hjemmeside i deres favoritter. Samtidig gør et favicon det lettere at finde din hjemmeside når brugeren har mange faneblade åbne i deres browser. På webdesigner.dk har jeg et gult “w” på sort bagrund som favicon.

Den nemmeste måde at lave et favicon på ved at bruge et online værktøj. Du kan også lave et i PhotoShop, men dette kræver at du henter et plugin og så selvfølgelig at du har programmet.

Sådan laver du et favicon

Det første du skal gøre er at lave dit icon. Du kan godt gøre dette i paint, men det kan anbefales at hente et program som GIMP, da det giver langt bedre muligheder for at designe dit ikon.

Tip: du kan også designe dit ikon direkte på favicon-generator.org. Dette gøres under Editor og herved behøver du ikke et billedbehandlingsprogram som Photoshop eller GIMP.

Dit ikon skal være 16 x 16 pixels. Ellers vil det ikke virke når du senere uploader det til din hjemmeside. Det er dog en godt ide at arbejde med et lidt større billede og så efterfølgende skalere det ned. Dette kan gøres i GIMP med et par enkelte klik.

Det er en rigtig god ide at du sørger for at holde dit favicon så simpelt som muligt. 16×16 pixels er ikke ret meget og er der for mange detaljer bliver nærmest umuligt at se hvad det forestiller.

Efter du har lavet dig et ikon på 16×16 pixels skal du gå ind på favicon-generator.org. Her klikker du ganske enkelt på Browse ->> Vælger dit ikon ->> og klikker på Create Favicon. Du får nu dit ikon tilbage i det rigtige format.

Upload af favicon.ico

Det eneste du mangler nu er at uploade dit favicon til på dit webhotel. Til dette skal du bruge et FTP program. Jeg bruger selv Total Commander til at upload filer med. Er du i tvivl om hvordan du bruger et ftp program kan du læse mere om det under hvad er et FTP Program.

Efter du er logget på din FTP server skal du uploade filen “favicon.ico” til roden af din hjemmeside. Ligger din hjemmeside hos Simply skal du altså gå ind i biblioteket /public_html og efterfølge uploade dit ikon.

Bemærk at nogle temaer i WordPress også kræver at du uploader dit favicon under det pågældende tema. Bruger du f.eks. et Genesis tema på din WordPress hjemmeside skal du gå ind under /public_html/wp-content/themes/navnet på det tema du bruger/images/. Overskriv nu den favicon.ico fil der ligger her.

Hvorfor kan jeg ikke se mit favicon selvom jeg har uploadet det?

Kan du efter upload ikke se dit nye favicon skal du gå ind og slette cachen i din Browser. Din browser har nemlig gemt dit nuværende ikon i sin cache og et normalt “Reload ” af din hjemmeside vil ikke være nok til at det nye ikon indlæses.

Du kan også prøve at gå ind på din hjemmeside gennem en anden browser end den du plejer eller fra en anden computer. Dit nye favicon skulle derved gerne vise sig med det samme.

Relaterede indlæg:

  1. Køb og valg af domæne – Sådan køber du det bedste domænenavn
  2. Hvad er HTML og CSS og hvorfor bruge tid på sætte mig i det?
  3. Sådan laver du selv firmahjemmesiden
  4. Sådan laver du et ankerlink i WordPress

Skrevet i: Hjemmeside FAQ

Avatar for Anders Christensen

Om Anders Christensen

Anders Christensen har arbejdet med hjemmesider og online markedsføring i over 15 år. Jeg er her for at hjælpe dig med at få lavet den bedst mulige hjemmeside. Webdesigner, online entrepreneur & musiker.

Kommentarer

  1. Avatar for CamillaCamilla skriver

    8. oktober 2014 kl. 15:50

    Jeg kan simpelthen ikke få det til at virke. Jeg har downloaded Total Commander og jeg har lavet mit logo i de rette pixels, jeg har uploadet mit favicon.ico til webhotellet og der sker INTET.
    Jeg har slettet cache og jeg har prøvet at sætte linket fra favicon-generator.org ind der hvor man kan skrive url på favicon i temaets header (Udseende –> Theme Options –> Header), men der hjælper lige lidt…
    Vær sød at forklare mig hvad jeg gør galt, for det her er da dybt frustrerende!

    Mvh Camilla

    Svar
    • Avatar for AndersAnders skriver

      14. oktober 2014 kl. 13:18

      Hvilket tema bruger du og hvad er adressen til din hjemmeside?

      Svar
      • Avatar for Camilla DueCamilla Due skriver

        15. oktober 2014 kl. 12:44

        Jeg forsøgte i temaet SuevaFree, men nu har jeg skiftet til Sugar and Spice, og her har jeg ikke forsøgt endnu, før jeg fik en mulig forklaring på, hvad jeg gjorde galt.. Webstedet hedder: cafeilskov.dk

        Svar
        • Avatar for Camilla DueCamilla Due skriver

          15. oktober 2014 kl. 14:55

          Nu har jeg prøvet i det nye tema, men det virkede ikke i Total Commander, i stedet virkede det da jeg lagde mit favicon ind i medier, for derefter at lægge det op under Theme Options og Custom Favicon 🙂

          Svar
  2. Avatar for MathiasMathias skriver

    7. marts 2016 kl. 23:50

    Super godt beskrevet. Nu er mit eneste problem, at jeg ikke kan uploade favicon på wix.com?
    Hvad kan problemet være her?

    Svar
    • Avatar for AndersAnders skriver

      17. marts 2016 kl. 16:10

      Jeg kender ikke ret meget til wix, men måske det skyldes er en begræsning i deres opsætning.

      Jeg kan i øvrigt anbefale dig at tage et nærmere kig på WordPress, da WordPress giver dig meget bedre kontrol over din hjemmeside, bedre SEO og langt flere muligheder end de mange forskellige sitebuilders der findes på markedet (herunder wix) 🙂

      Svar
      • Avatar for MathiasMathias skriver

        17. marts 2016 kl. 16:12

        Hej.
        Jeg fandt en Wix funktion, hvor jeg blot skulle uploade en JPG fil og så ordnede Wix resten. Nemt.
        Jeg har prøvet wordpress flere gange, og det tiltaler mig ikke.
        Tak for svar 🙂

        Svar
        • Avatar for julie lützenjulie lützen skriver

          31. august 2017 kl. 10:06

          Hej!
          Jeg er rigtig glad for mine favicons! Men nu er det forsvundet fra min ene hjemmeside… http://bureaucousines.com/
          det ligger ellers det rigtige sted og jeg har forsøgt at slette caches og cookies etc…er der nogen andre ideer til hvorfor det ikke bliver vist?
          vh
          julie

          Svar
          • Avatar for AndersAnders skriver

            2. september 2017 kl. 09:49

            Hej Julie. Det skyldes noget i koden der genereres af det CMS du bruger. Hvis man vælger “vis kilde” kan man nemlig godt se dit favicon. Jeg ville derfor søge på Google efter “missing favicon” + det CMS du har installeret. 🙂

            Svar
            • Avatar for julie lützenjulie lützen skriver

              3. september 2017 kl. 12:39

              Tak for hurtigt svar og fed hjemmeside! Jeg har fået det til at virke:-)

              Svar
      • Avatar for AndersAnders skriver

        17. marts 2016 kl. 16:15

        Hej Mathias. Super at du fik dit favicon til at virke og god dag til dig 😀

        Svar
  3. Avatar for Jesper ThygesenJesper Thygesen skriver

    16. marts 2016 kl. 08:26

    Tak, meget nyttig artikel.

    Det er også meget fedt at favicon-generator.org laver iconer som bruges når der fx oprettes en genvej på ipad/iphone hjemmeskærm.

    Svar

Skriv et svar Annuller svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

 

Alt om at lave din egen hjemmeside

Her på siden finder du alt hvad du skal bruge cookiesfor at lave en professionel hjemmeside.

Følg guiden under Lav en hjemmside  så får du en brugervenlig & søgemaskineoptimeret hjemmeside med eget domænenavn.
Velkommen til 🙂

Få e-bogen Sådan laver du din egen hjemmeside helt gratis!

Den komplette guide til at lave din egen hjemmeside & tjene penge online.
Lav din egen hjemmeside - Gratis ebog

Download din gratis ebog nu!

Seneste artikler

  • Web push notifikationerHvad er web push notifikationer og hvordan bruger jeg dem i WordPress?
    24. april 2022
  • Intern linkbuilding - SøgemaskineoptimeringOptimer din interne linkstruktur – Få bedre placeringer i Google
    14. marts 2022
  • Gratis hjemmeside logoLav dit eget logo – Gratis – Til hjemmesiden og på tryk
    17. februar 2022

Seneste kommentarer

  • Anders Christensen - 14 marts, 17:50
    Hej Tina. Herligt at du siden har fået siden færdig og online 🙂 Googles robot har været forbi, da du…
    Hvad er formålet med webdesigner.dk?
  • Tina Klok - 11 marts, 09:47
    Halløjsa Anders😀 Jeg er ved at få grå hår…. Har kæmpet med min hjemmeside i 4 måneder, – der er…
    Hvad er formålet med webdesigner.dk?
  • f - 4 marts, 11:59
    Tak igen, Anders! Du er til stor hjælp!
    WordPress temaer på dansk – Hvor finder jeg gode danske temaer?
  • Anders Christensen - 4 marts, 10:58
    I temaerne fra ElegantThemes kan du gå ind under temaets indstillinger, der er så et faneblad der hedder ADS. Her…
    WordPress temaer på dansk – Hvor finder jeg gode danske temaer?
  • Finn - 3 marts, 13:18
    Mange tak, Anders. Det er især på to områder, jeg “frygter” det ny tema: Nemlig Google Adsense, hvor skal koden…
    WordPress temaer på dansk – Hvor finder jeg gode danske temaer?

Pupulære artikler

Hvor kan jeg købe billige billeder til min hjemmeside?

Den komplette guide til at lave et nyhedsbrev

Hvor finder jeg gode WordPress temaer oversat til dansk?

Undgå fælden vælg ikke en gratis hjemmeside

Kategorier

  • Domænenavne
  • Generelle tips & tricks
  • Hjemmeside FAQ
  • Lav din egen hjemmeside
  • Lav en blog
  • Markedsføring online
  • Opret en hjemmeside
  • Skriv til nettet
  • Søgemaskineoptimering
  • Tjen penge online
  • Uncategorized
  • Valg af emne
  • Webhoteller
  • WordPress hjælp

Følg med i hvad der sker på webdesigner.dk

Besøg os på Facebook Følg os med RSS Følg os på YouTube

Co2 neutralt website

DIVI WordPress tema
genesis
123rf

Webdesigner.dk anbefaler at du hoster din hjemmeside hos Simply
Copyright © 2022 · Cookies · Genesis theme · Kontakt · Profil
Denne hjemmeside indeholder affiliate links
Lav din egen hjemmeside
CVR-nr.: 26570875

X
Gratis eBog fra Webdesigner.dk : Lær hvordan du laver en professionel hjemmeside!
Klik her