Sådan tilføjer du et favicon til din Shopify-butik (2026-guide)

For at tilføje et favicon til din Shopify-butik: Gå til Online Store → Themes → Customize → Theme Settings → Favicon, upload et 32x32 PNG-billede, og klik Save. Dit favicon vises i browserfaner umiddelbart efter lagring.

Nedenfor finder du komplette specifikationer, trin-for-trin instruktioner og løsninger på almindelige problemer.

Shopify favicon-krav

Før du uploader, skal du sikre dig, at dit favicon opfylder disse specifikationer:

Krav	Specifikation
Størrelse	32 x 32 pixels (anbefalet)
Format	PNG eller ICO
Baggrund	Gennemsigtig (valgfrit men anbefalet)
Filstørrelse	Under 1 MB

Bemærk: Shopify ændrer automatisk størrelsen på større billeder til 32x32 pixels, hvilket kan medføre kvalitetstab. Opret dit favicon i den korrekte størrelse for bedste resultat.

Shopify-abonnementskrav

Ikke alle Shopify-abonnementer understøtter favicon-tilpasning:

Starter-abonnement: Ingen favicon-understøttelse
Basic-abonnement og højere: Fuld favicon-understøttelse

Hvis du er på Starter-abonnementet, skal du opgradere for at tilføje et brugerdefineret favicon.

Trin 1: Åbn Theme Customizer

Log ind på dit Shopify-adminpanel
Navigér til Online Store → Themes
Find dit aktuelle tema og klik Customize

Trin 2: Åbn Theme Settings

I temaeditoren, se efter tandhjulsikonet eller Theme Settings i sidepanelet
Klik for at udvide indstillingspanelet
Rul ned for at finde Favicon eller Logo-sektionen (placeringen varierer efter tema)

Trin 3: Upload dit favicon

Klik Select image i Favicon-sektionen
Vælg din favicon-fil fra din computer
Alternativt klik Explore free images for at bruge Shopifys indbyggede bibliotek
Klik Done for at bekræfte dit valg

Trin 4: Tilføj alternativ tekst (SEO bedste praksis)

Efter upload af dit favicon:

Hold musen over det uploadede billede
Klik på blyantikonet for at redigere
Indtast beskrivende alternativ tekst (f.eks. "Dit brandnavn logo")
Dette forbedrer tilgængelighed og kan gavne SEO

Trin 5: Gem og bekræft

Klik Save i øverste højre hjørne
Åbn din butik i en ny browserfane
Tjek at faviconen vises i browserfanen

Avanceret: Tilføj favicon via temakode

For mere kontrol kan du tilføje et favicon direkte til din temakode:

Gå til Online Store → Themes → Actions → Edit code
Upload dit favicon til Assets-mappen
Åbn theme.liquid i Layout-mappen
Tilføj denne kode inde i <head>-sektionen:

<link rel="icon" type="image/png" href="{{ 'favicon.png' | asset_url }}">

Erstat favicon.png med dit faktiske filnavn.

Favicon-designtips til e-handel

Dit favicon repræsenterer dit brand i 32x32 pixels. Sådan får du det til at fungere:

Gør dette

Brug en forenklet version af dit logo
Vælg farver med høj kontrast
Hold designet tydeligt og enkelt
Brug dit brands primære farve
Test synlighed på både lyse og mørke browsertemaer

Undgå dette

Undgå tekst (den er ulæselig i små størrelser)
Spring indviklede detaljer og mønstre over
Brug ikke fotos eller komplekse billeder
Undgå farvekombinationer med lav kontrast

Opret favicon-størrelser til forskellige enheder

Selvom Shopify kun kræver 32x32, kan du overveje at oprette flere størrelser for optimal visning:

Størrelse	Anvendelse
16x16	Browserfaner (standard)
32x32	Browserfaner (retina)
180x180	Apple Touch Icon (iOS-startskærm)
192x192	Android-startskærm
512x512	PWA-splashskærme

Brug et favicon-generatorværktøj til at oprette alle størrelser fra ét enkelt højopløseligt billede.

Fejlfinding: Favicon vises ikke

Ryd browsercache

Browsere cacher favicons aggressivt. Prøv disse løsninger:

Hård genindlæsning: Tryk Cmd+Shift+R (Mac) eller Ctrl+Shift+R (Windows)
Inkognitotilstand: Åbn din butik i et privat browservindue
Ryd cache: Gå til browserindstillinger og ryd cachelagrede billeder

Tjek temaindstillinger

Bekræft at faviconen er uploadet korrekt i Theme Settings
Nogle temaer har separate mobilfavicon-indstillinger
Prøv at uploade billedet igen

Bekræft filformat

Sørg for at din fil er i PNG- eller ICO-format
JPEG-filer fungerer muligvis ikke korrekt
Tjek at filen ikke er beskadiget

Vent på udbredelse

Efter lagring kan ændringer tage et par minutter at vise sig. Hvis du bruger en CDN eller caching-app, skal du muligvis rydde den cache også.

Favicon vises ikke i Googles søgeresultater?

Hvis dit favicon vises i browserfaner, men ikke i Googles søgeresultater:

Indsend dit sitemap til Google Search Console
Anmod om indeksering af din forside
Vent på at Google crawler din side (kan tage dage til uger)
Sørg for at din side ikke blokerer favicon-adgang i robots.txt

Google har specifikke krav til favicons i søgeresultater:

Skal være mindst 48x48 pixels (Google opskalerer om nødvendigt)
Skal være tilgængelig for Googlebot
Bør repræsentere dit brand, ikke generiske ikoner

Hvorfor din Shopify-butik har brug for et favicon

Et favicon er ikke bare dekoration — det tjener reelle forretningsformål:

Brandgenkendelse

Kunder med flere åbne faner kan øjeblikkeligt identificere din butik. Dette er særligt værdifuldt for tilbagevendende besøgende.

Professionelt udseende

Butikker uden favicons viser et generisk browserikon, hvilket får dem til at se ufinishede eller amatøragtige ud.

Forbedret bogmærkning

Når kunder bogmærker din butik, vises dit favicon i deres bogmærkelinje og holder dit brand synligt.

Tillidssignal

Et brugerdefineret favicon signalerer opmærksomhed på detaljer og øger subtilt kundernes tillid til din butik.

Brug Favicon.im til at generere dit Shopify-favicon

Har du brug for hurtigt at oprette eller ændre størrelse på et favicon? Brug vores gratis værktøjer:

Besøg Favicon Generator for at konvertere ethvert billede til favicon-format
Upload dit logo eller brandbillede
Download det korrekt dimensionerede favicon
Upload til Shopify ved at følge trinnene ovenfor

FAQ

Hvordan tilføjer jeg et favicon til min Shopify-butik?

Gå til Online Store → Themes → Customize → Theme Settings, find Favicon-sektionen, upload et 32x32 PNG-billede, og klik Save.

Hvilken størrelse skal et Shopify-favicon have?

Shopify anbefaler 32x32 pixels. Større billeder ændres automatisk i størrelse, hvilket kan reducere kvaliteten.

Hvorfor vises mit Shopify-favicon ikke?

Almindelige årsager: browsercache (prøv hård genindlæsning eller inkognitotilstand), forkert filformat (brug PNG eller ICO) eller problem med temaindstillinger (upload billedet igen).

Kan jeg tilføje et favicon på Shopify Starter-abonnementet?

Nej, favicon-tilpasning kræver Basic-abonnementet eller højere. Starter-abonnementsbutikker viser det standard Shopify-ikon.

Hvor lang tid tager det, før mit favicon vises i Google?

Google opdaterer favicons efter sin egen tidsplan, typisk dage til uger. Indsend dit sitemap til Google Search Console og anmod om indeksering for at fremskynde processen.

Opsummering

At tilføje et favicon til Shopify tager under 2 minutter:

Åbn Theme Settings i customizeren
Find Favicon-sektionen
Upload et 32x32 PNG-billede
Tilføj alternativ tekst til SEO
Gem og bekræft

Et lille ikon med betydelig indvirkning på din butiks professionalisme og brandgenkendelse.