Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukudviklerUdvikling af AI-værktøjer til virksomheder. Høj kvalitet. Overkommelige priser.Skriv på Telegram

Tjek dit websites favicon online: hvilke størrelser er nødvendige, og hvorfor viser Google ikke faviconet

Tjek dit websites favicon online: ICO, PNG, SVG og Apple Touch-ikoner med størrelser og forhåndsvisninger

Hvad du får

  • Liste over alle hjemmesideikoner – ICO, PNG, SVG, Apple Touch Icon – med størrelser og forhåndsvisninger, gratis
  • Minimumsbeløbet for et favicon, som et websted skal bruge i 2026, og den færdige kode
  • Grunde til, at Google viser en grå globus i stedet for dit ikon
Anvend: om 10 minutterGemmer: tillid og genkendelse i søgeresultater og browserfaner

Det korte svar: For at tjekke dit websteds favicon online skal du indtaste dit domæne i PromoPilots gratis Favicon Checker og klikke på "Kontroller". Værktøjet finder alle ikoner, der er deklareret i HTML og placeret i standardstier som /favicon.ico, viser en forhåndsvisning og størrelsen på hvert ikon, kontrollerer Apple Touch-ikonet og fortæller dig, hvilke størrelser der mangler. Nedenfor er et minimalt sæt ikoner, den færdige kode og årsagerne til, at Google viser en grå globus i stedet for dit logo.

Jeg har lavet hjemmesider i 12 år, og jeg ved det: favikoner bliver glemt oftere end noget andet element. Designeren skaber logoet, udvikleren bygger hjemmesiden, og alligevel tilføjer ingen nogensinde et favikon til fanen – indtil den første klient spørger: "Hvorfor har vores konkurrent et favikon i Google, og vi ikke har?"

Hvad tjekker Favicon Check?

Et hjemmesideikon er ikke længere bare en enkelt favicon.ico -fil. Browsere, iPhone, Android og Google bruger alle forskellige filer og størrelser. Dette værktøj samler dem alle i en enkelt rapport.

Hvad kontrollerer den? Hvad kigger han på? Hvorfor har siden brug for dette?
Ikoner fra HTML Alle tags <link rel="icon">, shortcut icon, apple-touch-icon Det er disse, som browsere og Google først og fremmest tager
Standardstier /favicon.ico i roden af webstedet og andre typiske adresser Mange systemer leder efter ikonet der, selv uden et tag.
Størrelsen på hvert ikon Bredde og højde i pixels, format ICO, PNG, SVG Det lille ikon er sløret på skærme i høj opløsning.
Apple Touch-ikon Er der et ikon til iPhone og iPad? Uden den vises et skærmbillede af siden på startskærmen.
Forhåndsvisning Hvordan ser hvert fundne ikon ud? Du kan se ødelagte, tomme eller fremmede (skabelon)ikoner
Anbefalinger Hvilke størrelser mangler? En færdiglavet liste over opgaver for en designer

Hvordan tjekker man et websteds favicon online?

Tjek dit favicon i 3 trin: Indtast dit domæne, klik på "Tjek", og undersøg de fundne ikoner, størrelser og anbefalinger.

  1. Åbn Favicon Checker.
  2. Indtast domænet - example.com er nok, uden at angive siden.
  3. Klik på "Kontroller". Værktøjet vil analysere hjemmesidens HTML og standardstier.
  4. Gennemgå de fundne ikoner: forhåndsvisning, format og størrelse for hvert ikon. Kontroller, om der er et standard CMS- eller hostingikon blandt dem.
  5. Læs anbefalingerne, og angiv de manglende dimensioner til designeren, eller lav dem selv.

Værktøjsside: domænefelt, "Check"-knap og beskrivelse af kontroller med FAQ.

PromoPilots gratis Favicon Checker-side: Domænefelt, søgning efter alle ikoner og Apple Touch-ikontjek

Bekræftelse er nem – gæstegrænsen er nok til at tjekke din egen hjemmeside og et par konkurrenters hjemmesider for sammenligning. Ikoner fra enhver hjemmeside kan ses og downloades – praktisk, hvis du har brug for at finde originalen af dit eget logo, som du har mistet sammen med en gammel entreprenør.

Hvilke favicon-størrelser er nødvendige i 2026?

Ikongeneratorer producerer ofte 20 filer, men det, der virkelig er brug for, er et kompakt sæt. Her er det minimum, jeg bruger til alle mine projekter:

Fil Størrelse Hvor bruges det?
favicon.ico 16×16 og 32×32 i én fil Gamle browsere, systemer der leder efter et ikon i roden
favicon.svg Vektor Moderne browsere, klare på enhver skærm
apple-touch-icon.png 180×180 iPhone og iPad startskærm
icon-192.png og icon-512.png 192×192 og 512×512 Webmanifest: Android, installation af en hjemmeside som en app

Og koden til <head>:

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Designtip: Ved 16 pixels bliver logoet og teksten sløret. Brug et symbol, det første bogstav i navnet eller et forenklet tegn på en kontrasterende baggrund. Brug ikke en gennemsigtig baggrund for Apple Touch-ikonet – iOS vil fylde det med sort.

Hvordan laver man et favicon selv, uden en designer?

Hvis du slet ikke har nogen ikoner, kan du oprette et basissæt på en halv time. Her er proceduren:

  1. Brug et symbol, ikke hele logoet. Brug det første bogstav i navnet, et symbol fra logoet eller en simpel geometrisk form i brandets farve. Sørg for, at den er genkendelig ved 16 pixels.
  2. Tegn en firkant på 512x512. Ethvert grafikredigeringsprogram eller onlinedesigner kan bruges. Efterlad nogle margener rundt om kanterne, så skiltet ikke løber ind i rammerne.
  3. Gem kildefilen som SVG — den bliver til favicon.svg, og alle PNG-filer i de nødvendige størrelser kan klippes uden tab af kvalitet.
  4. Generer de resterende størrelser (ICO, 180, 192) i ikongeneratoren, og placer filerne i roden af webstedet.
  5. Indsæt koden i headet og tjek resultatet i værktøjet igen.

Tjek hvordan ikonet vises i browserens mørke tema: et sort ikon på en gennemsigtig baggrund forsvinder simpelthen i en mørk Chrome-fane. En lys baggrund eller en kontrasterende kontur vil hjælpe.

Hvorfor viser Google ikke webstedets favicon?

Det oftest stillede spørgsmål: Hvis du ser en grå globus ud for en adresse i søgeresultaterne, er der normalt flere årsager:

  1. Ikonet er ikke firkantet. Google kræver et billedformat på 1:1 og en størrelse på mindst 8x8, men anbefaler en størrelse større end 48x48: det lille 16x16 favicon.ico ser sløret ud i søgeresultaterne.
  2. Ikonet er blokeret fra robotter. Google - Billedet skal have adgang til ikonfilen, og Google skal have adgang til hovedfilen. Hvis billedmappen er blokeret i robots.txt, eller filen returneres med en fejl, vises ikonet ikke i søgeresultaterne.
  3. Tagget er ikke på forsiden. Google tager faviconet fra domænets eller underdomænets forside; forsidesektionen, som f.eks. example.com/shop er ikke egnet.
  4. Ikonets adresse er ustabil. Hvis stien ændres med hver opbygning af webstedet ( /icon.a83f2.png), kan Google muligvis ikke opdatere den hurtigt.
  5. Det er et stykke tid siden. Google opdaterer ikke faviconet umiddelbart efter en rettelse; du kan fremskynde det ved at anmode om en ny scanning af startsiden i Search Console. Google angiver ikke en præcis tidsramme, så tjek resultaterne tidligst et par dage senere.
  6. Ikonet overtræder reglerne. Google erstatter uacceptable billeder med et standardikon.

Sammenligning: Favicon Checker og alternativer

Værktøj Hvad er gratis? Begrænsninger Hvem er det egnet til?
PromoPilot - Favicon-tjekker Alle ikoner fra HTML og standardstier, størrelser, forhåndsvisninger, Apple Touch-ikon, anbefalinger Opretter ikke ikoner, kontrollerer hovedikonet Tjek hurtigt din hjemmeside eller en konkurrents
RealFaviconGenerator Generering af et sæt ikoner og kode, kontrol af favicon Generatoren producerer en masse filer, du skal finde ud af, hvilke du skal beholde. For dem, der har brug for at lave ikoner fra bunden
Google Search Console Anmod om genscanning af hoveddelen Kun dets verificerede websted kontrollerer ikke ikonet Fremskynd ikonopdateringer i søgeresultater
Udviklerværktøjer i browseren Fane med manifest og ikoner Du skal vide, hvor du skal kigge hen For udviklere

Konklusion: Et onlineværktøj er mere praktisk til kontrol, en generator til at oprette et sæt, og Search Console til at fremskynde opdateringer i Google.

Forresten har PromoPilot 87 gratis SEO-værktøjer. Du kan nemt se, hvordan faviconet ser ud ved siden af titlen i SERP-forhåndsvisningen – vi har en separat artikel om det i vores serie.

Hvad er begrænsningerne ved favicon-verifikation?

Værktøjet kontrollerer, hvad webstedet annoncerer og returnerer: det fortæller dig ikke, hvornår Google opdaterer ikonet i søgeresultaterne – det er op til søgemaskinen selv. Hvis ikoner tilføjes af et script, efter siden er indlæst, er nogle muligvis ikke inkluderet i rapporten. Kontrollen ser også på domænet som helhed – hvis forskellige sektioner af webstedet har forskellige ikoner (f.eks. et butiksunderdomæne), skal du kontrollere dem separat.

Hvornår er et gratis værktøj ikke nok?

En hjemmeside uden et favicon og med et komplet sæt ikoner: Googles grå globus versus dens eget ikon og Apple Touch-ikonet

Et favicon er et mindre problem, der sjældent kræver en specialist. Men der er tidspunkter, hvor et mindre problem er et symptom. Hjælp er nødvendig, hvis:

  • Ikonet er korrekt, men Google har vist en globus i flere måneder - det betyder, at problemet ligger i robottens adgang eller i skabelonen;
  • Brandet har ikke et simpelt logo og har brug for en corporate-stil, der fungerer på 16 pixels;
  • Siden er kompileret ved hjælp af en builder, og stierne til ikonerne ændres med hver opdatering;
  • Faviconet er blot én af snesevis af mindre fejl, der er ophobet gennem årene.

Hvad kan jeg gøre for din hjemmeside?

Jeg er Valeriy Danyuk, udvikler og SEO-specialist med 12 års erfaring og over 200 kunder. Jeg opretter favicons, forhåndsvisninger af sociale medier og markup på alle hjemmesider, før de lanceres.

SEO og revision

Hjemmesider og onlinebutikker

CRM og automatisering

Send mig hjemmesideadressen i Telegram – jeg tjekker ikonerne og fem eller seks andre småting, der ofte bliver glemt.

Resultat

  1. Favicon Checker finder alle webstedsikoner, deres størrelser og viser, hvilke der mangler, på et minut.
  2. Minimumssæt: favicon.ico, favicon.svg, Apple Touch-ikon 180×180 og ikoner 192 og 512 til webmanifest.
  3. For Google skal ikonet være firkantet, større end 48x48, tilgængeligt for robotten og deklareret på hovedsiden.
  4. Hvis det er nemmere at genopbygge et websted end at løse mindre problemer, tilpasser 1001site ikoner og forhåndsvisninger automatisk.

Tjek dit domæne med den gratis Favicon Checker – og tjek samtidig din primære konkurrents domæne.

Kilder

  • PromoPilots Favicon Checker-side — liste over tjek og ofte stillede spørgsmål.
  • Google Search Central - Krav til Favicon for søgeresultater.
  • RealFaviconGenerator — genererer og tester et sæt ikoner.

Referencer og kilder

Spørgsmål og svar

Hvorfor har en hjemmeside brug for et favicon?

Et favicon er et webstedsikon, der vises i browserfaner, bogmærker, historik og ved siden af adressen i Google søgeresultater på telefoner og computere. Et favicon gør et websted genkendeligt og adskiller det fra andre søgeresultater; uden et sådant ikon viser browseren og Google et generisk ikon.

Hvilke størrelser på faviconer er nødvendige?

Det praktiske minimum: favicon.ico (16 og 32 pixels i en enkelt fil) eller PNG 32x32 til browsere, SVG til moderne browsere, Apple Touch Icon 180x180 til iPhone og iPad, PNG 192x192 og 512x512 til webmanifestet på Android. For Google skal ikonet være firkantet; en størrelse større end 48x48 anbefales.

Hvad er Apple Touch-ikonet?

Dette er det ikon, som iPhones og iPads viser, når et websted tilføjes til startskærmen, samt i nogle Safari-bogmærker. Standardstørrelsen er en PNG-fil på 180x180 pixels uden gennemsigtighed. Uden gennemsigtighed bruger enheden et nedskaleret skærmbillede af siden.

Vi har tjekket hjemmesiden, men der er ingen til at reparere den?

Dette gratis værktøj afslører problemer. Jeg analyserer rapporten, prioriterer og retter dem: SEO-revision, hastighedsforøgelse, markup og migrering til et nyt websted uden at miste placeringer.