WooCommerce-produktbilledstørrelsen er en af de mest oversete indstillinger i enhver onlinebutik. De fleste butiksejere uploader den størrelse, der kommer fra deres kamera, indstiller WooCommerce til standardindstillingen og går videre.
Så undrer de sig over, hvorfor produktbilleder ser slørede ud på nogle sider, hvorfor deres Core Web Vitals -score ikke er god nok, eller hvorfor mobilkunder afbryder besøget, før produktet overhovedet indlæses.
Hos Seahawk Media arbejder vi med WooCommerce-butikker på tværs af alle brancher. Det samme mønster viser sig konstant. Problemet med billedstørrelse ignoreres enten fuldstændigt eller håndteres inkonsistent på tværs af et produktkatalog.
Begge dele koster salg. Hvis du vil se, hvordan velbyggede, højtydende e-handelswebsteder drevet af WordPress og WooCommerce ser ud i praksis, viser vores portefølje virkelige eksempler på tværs af flere brancher.
Denne guide dækker de præcise dimensioner, der fungerer i 2026, hvordan WooCommerce rent faktisk håndterer billedstørrelser, hvad der skal uploades, hvordan man formaterer billeder, og de værktøjer, der automatisk optimerer billeder, så du kan fokusere på at sælge.
TL;DR: WooCommerce-produktbilledestørrelse
- Den bedste WooCommerce-produktbilledstørrelse for de fleste butikker er 800 x 800 pixels for individuelle produktsider og 600 x 600 pixels for kataloggitre.
- Upload kildebilleder med en størrelse på mindst 1200 x 1200 pixels, så WooCommerce kan generere alle størrelser uden kvalitetstab.
- WooCommerce opretter automatisk tre billedstørrelser: et enkelt produktbillede, et katalogminiaturebillede og et galleriminiaturebillede.
- Brug WebP-formatet i 2026. Det er 25-35% mindre end JPEG med samme visuelle kvalitet og har 97% browserunderstøttelse.
- Brug altid ShortPixel til at komprimere billeder og generere miniaturebilleder efter ændring af størrelsesindstillinger.
- Forkerte billedstørrelser forårsager slørede billeder, langsomme indlæsningstider, mislykkede Core Web Vitals og tabt salg.
Hvordan håndterer WooCommerce billedstørrelser?
Før du vælger dimensioner, er det en god idé at forstå, hvordan WooCommerce rent faktisk bruger dit uploadede billede. WooCommerce registrerer tre billedstørrelser og genererer dem automatisk fra din kildefil, når du uploader.
Her er hvad hver enkelt er til, og hvad den som standard er:
| Billedstørrelse | Standarddimensioner | Hvor det bruges |
|---|---|---|
| Enkelt produktbillede (woocommerce_single) | 600px bredde, ubeskåret | Hovedbillede på individuelle produktsider |
| Katalogminiaturebillede (woocommerce_thumbnail) | 300px bredde, firkantet beskåret | Butikssidegitter, kategorisider, søgeresultater |
| Galleri-miniaturebillede (woocommerce_gallery_thumbnail) | 100 x 100px, firkantet beskåret | Små billeder under hovedproduktbilledet til navigation i galleriet |
Det afgørende at forstå her er, at disse standardindstillinger er konservative. Et 300px katalogminiaturebillede ser acceptabelt ud på et desktopgitter, men ser mærkbart blødt ud på moderne Retina-skærme. Et 600px enkeltproduktbillede giver ikke plads til zoomfunktionalitet af høj kvalitet. De fleste butikker skal justere disse indstillinger fra dag ét.
Mister din WooCommerce-butik salg på grund af langsomme billeder?
Vi reviderer og optimerer WooCommerce-butikker med hensyn til billedkvalitet, Core Web Vitals og forbedring af konverteringsrate.
De anbefalede WooCommerce-produktbilledstørrelser for 2026
Kort sagt: Upload kildebilleder på 1200 x 1200 pixels eller større. Indstil dit enkeltproduktbillede til 800 pixels bredde og dit katalogminiaturebillede til 600 pixels bredde.
Her er den anbefalede størrelsesopsætning, der balancerer visuel kvalitet, sidehastighed og konverteringsydelse for de fleste butikker:
| Billedtype | Anbefalet størrelse | Noter |
|---|---|---|
| Kildeupload (original) | Minimum 1200 x 1200 pixels | Giver WooCommerce tilstrækkelig opløsning til at generere alle størrelser uden kvalitetstab |
| Billede af enkelt produktside | 800 x 800 pixels | Skarp, zoomklar, fungerer på tværs af alle moderne temaer |
| Katalogminiature | 600 x 600 pixels | Rene gitre på desktop og mobil, retina-sikkert |
| Galleri-miniaturebillede | 150 x 150 pixels | Synlig og tydelig til navigation i galleriet |
Det firkantede billedformat fungerer bedst for de fleste butikker, fordi WooCommerce-gitre er bygget op omkring ensartede produktkort. Et ensartet 1:1-format på tværs af dit katalog skaber et professionelt og sammenhængende layout, der opbygger kundernes tillid.
Hvis dit tema bruger et ikke-kvadratisk formatforhold (f.eks. stående eller liggende layout), skal du matche dimensionerne med dit temas specifikationer og holde dette forhold ensartet på tværs af alle produkter.
WooCommerce billedstørrelser efter produkttype
De anbefalede størrelser ovenfor fungerer godt til almindelige butikker. Billedkravene varierer dog betydeligt afhængigt af, hvad du sælger. Her er en praktisk oversigt over produktkategorier.
- Tøj og beklædning: Billeder med en bredde på mellem 800 og 1000 pixels giver tilstrækkelige detaljer til at vise stoffets tekstur, syninger og pasform uden at oprette unødvendigt store filer. Hold et ensartet billedformat på tværs af alle beklædningsbilleder for at holde dit gitter ensartet.
- Smykker: Detaljerede nærbilleder er afgørende. Håndværket af ædelsten, graveringer og fint metalarbejde kræver højere opløsning. Brug billeder mellem 1000 og 1500 pixels i bredden, og sørg for, at dit tema understøtter zoom, så kunderne kan inspicere detaljerne.
- Elektronik: Tekniske detaljer er vigtige for produkter som bærbare computere, smartphones og kameraer. Kunderne skal læse etiketter, se porte og inspicere komponenter. Brug billeder op til 1200-1400 pixels brede for at opretholde klarhed på tværs af alle skærmtyper.
- Møbler og boligindretning: Disse produkter er baseret på livsstilsbilleder, der viser skala, tekstur og placering i et rum. Billeder mellem 1200 og 1600 pixels fungerer godt. Portræt- og landskabsforhold er almindelige i denne kategori, så match dit temas layout i stedet for at tvinge en firkantet beskæring frem.
- Digitale produkter og software: Mindre billeder er fine her. Rene skærmbilleder og mockups på 800 x 800 pixels er mere end tilstrækkeligt.
Hvordan ændrer man WooCommerce-billedstørrelser?
Det tager mindre end fem minutter at ændre billedstørrelser i WooCommerce. Det vigtige er at vide, hvad der skal ændres, og hvad der skal gøres, efter du har ændret det.
Trin 1: Gå til Udseende ⟶ Tilpas i dit WordPress-dashboard.
Trin 2: Naviger til WooCommerce og derefter Produktbilleder.
Trin 3: Juster miniaturebeskæring og dimensioner. Du vil se en forhåndsvisning til højre, der opdateres, når du foretager ændringer. Klik på Udgiv for at gemme dine ændringer.
Ændring af disse indstillinger i Customizer opdaterer de dimensioner, som WooCommerce bruger fremadrettet. Alle dine eksisterende produktbilleder vil dog fortsat blive vist i deres oprindelige dimensioner, indtil du genererer miniaturebilleder . At springe dette trin over er en af de mest almindelige fejl, butiksejere begår efter opdatering af billedindstillinger.
Trin 4: Installer plugin'et Regenerate Thumbnails , og kør det på hele dit mediebibliotek. Dette genbehandler alle eksisterende billeder til de nye dimensioner. For store kataloger kører dette i baggrunden og kan tage et par timer, men kræver ikke yderligere input fra dig.
Hvilket billedformat skal bruges i 2026?
Kort sagt: Brug WebP som dit primære billedformat. Det leverer den samme visuelle kvalitet som JPEG med 25-35 % mindre filstørrelser og har 97 % global browserunderstøttelse fra 2026.
Samtalen om billedformater har ændret sig markant i de seneste to år. Her er, hvor hvert format står i dag.
- WebP er det rigtige valg til de fleste WooCommerce-produktbilleder i 2026. Alle større browsere understøtter det. Det håndterer fotografier, produktudskæringer og gennemsigtige billeder.
WebP i kvalitet 80 til 85 producerer filer, der visuelt ikke kan skelnes fra JPEG i kvalitet 90 til 95, men med betydeligt mindre filstørrelser. Hvis du ikke allerede bruger WebP i din butik, er dette den mest effektfulde billedændring, du kan foretage i år.
- JPEG er stadig acceptabelt til produktfotografering, hvis WebP-konvertering ikke er konfigureret endnu, men det er ikke længere det optimale valg. JPEG understøtter ikke gennemsigtighed og er konsekvent større end WebP i tilsvarende kvalitet.
- PNG bør kun bruges, når der virkelig er behov for gennemsigtighed, f.eks. produktbilleder på farvede baggrunde eller billeder med tekstoverlejringer. PNG-filer er betydeligt større end WebP og JPEG til fotografier. Brug ikke PNG til standard produktfotos.
- AVIF er næste generations format efter WebP og producerer endnu mindre filer. Browserunderstøttelse er voksende, men er endnu ikke universel nok til primær brug på tværs af en generel WooCommerce-butik. Det er værd at holde øje med, men det er endnu ikke standardanbefalingen for de fleste butikker.
Den nemmeste måde at konvertere hele dit WooCommerce-mediebibliotek til WebP uden manuelt at skulle geneksportere hvert billede er at bruge ShortPixel.
Den komprimerer billeder på deres servere (uændrer dine hostingressourcer), konverterer automatisk til WebP og AVIF og leverer det rigtige format til hver browser. Komprimeringstilstanden Glossy er den rigtige indstilling til produktfotografering: den reducerer filstørrelsen med 40-60% uden synligt kvalitetstab.
Hvorfor påvirker billedstørrelse dine Google-placeringer?
Størrelsen på produktbilleder er ikke kun et visuelt problem. Det påvirker direkte din butiks præstation i Google Søgning på to specifikke måder, som de fleste butiksejere ikke fuldt ud forstår.
Kerne-web-vitaliteter og største indholdsrige maling
Google måler sideindlæsningsoplevelsen ved hjælp af disse målinger. Den største Contentful Paint-måling , som måler hvor hurtigt det primære synlige indhold indlæses, er næsten altid det primære produktbillede på en WooCommerce-produktside .
Et uoptimeret 3MB hero-billede forårsager pålideligt en LCP-fejl og reducerer direkte dine søgerangeringer. At få dine produktbilleder korrekte er et af de mest konkrete skridt, du kan tage for at forbedre din WooCommerce-hjemmesides hastighed og SEO-ydeevne.
Billedsøgning og strukturerede data
I 2026 bliver visuelle søgeværktøjer, herunder Google Lens og AI-drevet søgning, stadig vigtigere for e-handelsopdagelse. Produktbilleder pakket ind i korrekt Product- og ImageObject -skemamarkup er betydeligt mere tilbøjelige til at blive vist i rich image-resultater.
De fleste SEO-plugins , herunder AIOSEO og Rank Math , håndterer dette automatisk, men de skal pege på din billedvariant med den højeste opløsning (800px eller større) i stedet for et miniaturebillede. Bekræft dette i dine skemaindstillinger, når du har ændret billeddimensionerne.
Mobil ydeevne
53% af mobilbrugere forlader sider, der tager mere end tre sekunder at indlæse. Produktbilledet er næsten altid det vigtigste aktiv på en mobil produktside. Optimerede billedstørrelser , WebP-formatet og lazy loading er kombinationen, der holder mobilens ydeevne stærk.
For et komplet overblik over, hvordan billedpræstation passer ind i det bredere billede af optimering af e-handelswebsteder , dækker vores komplette guide alle lag fra billeder til betaling.
Almindelige WooCommerce-billedproblemer og hvordan man løser dem
Her er nogle af de almindelige problemer, og hvordan du løser dem:
- Slørede produktbilleder: Næsten altid forårsaget af upload af billeder, der er mindre end dine konfigurerede WooCommerce-dimensioner. Hvis du indstiller billeder af enkelte produkter til 800px, men uploader kildefiler på 400px, strækker WooCommerce billedet, og kvaliteten forringes. Upload altid kildebilleder med mindst 1200px. Kør pluginnet Regenerate Thumbnails efter at have rettet kildebillederne.
- Inkonsistent produktgitterlayout: Forårsaget af upload af billeder med forskellige billedformater på tværs af dit katalog. En blanding af stående, liggende og firkantede billeder skaber et ujævnt produktgitter, der ser uprofessionelt ud og undergraver tilliden. Standardiser alle produktbilleder til samme billedformat før upload, og indstil WooCommerce til at bruge hård beskæring for at håndhæve ensartethed.
- Billeder ser fine ud på computer, men bløde på mobilenheder: Dette er normalt et problem med retina-skærmen. Moderne telefoner bruger skærme med høj densitet, der kræver billeder med dobbelt så store pixeldimensioner som CSS for at se skarpe ud. Indstil dit katalogminiaturebillede til 600px i stedet for 300px for at sikre retina-skarphed på mobilenheder.
- Langsomme sideindlæsningstider fra produktbilleder: Store, ukomprimerede filer er den mest almindelige årsag til langsomme WooCommerce-butikker. Installer ShortPixel, kør en masseoptimering på dit mediebibliotek, og aktiver WebP-levering. For butikker med store kataloger leverer denne ene ændring typisk den største forbedring af ydeevnen af enhver optimeringsopgave.
- Billeder opdateres ikke efter ændring af størrelsesindstillinger: Du har ændret dimensionerne i Customizer, men billederne vises stadig i deres gamle størrelser. Det betyder, at miniaturebillederne ikke er blevet regenereret. Kør plugin'et Regenerate Thumbnails for at genbehandle alle eksisterende billeder til de nye dimensioner.
Den rigtige værktøjsstak til WooCommerce-billedoptimering
Du behøver ikke at administrere billedstørrelser og komprimering manuelt. Den rigtige WordPress-billedoptimerings-plugin- kombination håndterer alt automatisk fra det øjeblik, du uploader.
- ShortPixel håndterer billedkomprimering og WebP-konvertering. Brug Glossy-tilstand til produktfotografering. Den komprimerer billeder på serversiden, understøtter masseoptimering af eksisterende biblioteker og leverer automatisk WebP til understøttede browsere. For WooCommerce-butikker ShortPixel den bedste balance mellem kvalitet, pris og automatisering.
- Regenerate Thumbnails er et gratis plugin, du skal bruge, når du ændrer billeddimensioner i WooCommerce. Installer det, kør det efter enhver størrelsesændring, og resten håndteres i baggrunden. Det er et plugin, der kun kræver én opgave, og som fungerer godt.
- MonsterInsights forbinder din butik til Google Analytics 4 og giver dig et klart overblik over, hvilke produktsider der har de højeste afvisningsprocenter , hvilket kan indikere problemer med billedpræstationen på bestemte sider.
Konklusion
Det er ikke kompliceret at få de rigtige størrelser på WooCommerce-produkters billeder, men det kræver bevidste beslutninger i stedet for at stole på standardindstillinger.
- Upload kildebilleder i en størrelse på 1200 x 1200 pixels eller større.
- Indstil dit produktbillede til 800px og dit katalogminiaturebillede til 600px. Brug WebP-format.
- Komprimer med ShortPixel i blank tilstand. Generer miniaturebilleder igen efter enhver størrelsesændring. Match dit billedformat ensartet på tværs af hele dit katalog.
Disse trin forbedrer samtidig den visuelle kvalitet, Core Web Vitals-scorer, mobilperformance og synlighed i søgeresultater. For en e-handelsbutik, hvor produktbilleder er det primære værktøj til at overbevise en kunde om at købe, er dette ikke valgfri vedligeholdelse. Det er fundamentet for en butik, der konverterer.
Samlet vurdering: Standardindstillingerne for WooCommerce-billeder fungerer som udgangspunkt, men er ikke optimeret til moderne Retina-skærme, WebP-levering eller Core Web Vitals. Justering af dimensioner, skift til WebP og komprimering med ShortPixel er den minimumsopsætning, enhver seriøs WooCommerce-butik bør have i 2026.
Ofte stillede spørgsmål
Hvad er den bedste størrelse på WooCommerce-produktbilleder?
Den bedste størrelse på WooCommerce-produktbilleder for de fleste butikker er 800 x 800 pixels for individuelle produktsider og 600 x 600 pixels for katalogminiaturebilleder. Upload kildebilleder med en minimumsstørrelse på 1200 x 1200 pixels, så WooCommerce kan generere alle nødvendige størrelser uden kvalitetstab.
Hvilket billedformat skal jeg bruge til WooCommerce-produkter i 2026?
WebP er det anbefalede format til WooCommerce-produktbilleder i 2026. Det er 25-35 % mindre end JPEG i tilsvarende kvalitet og har 97 % global browserunderstøttelse. Brug ShortPixel til automatisk at konvertere dit eksisterende billedbibliotek til WebP uden at skulle uploade hver fil igen.
Hvorfor er mine WooCommerce-produktbilleder slørede?
Slørede WooCommerce-produktbilleder skyldes næsten altid upload af kildebilleder, der er mindre end dine konfigurerede outputdimensioner. Hvis dit enkelte produktbillede er indstillet til 800px, men din kildefil er 400px, strækker WooCommerce billedet, hvilket resulterer i forringet kvalitet. Upload større kildefiler (minimum 1200px), og kør pluginnet Regenerate Thumbnails.
Hvordan ændrer jeg størrelsen på WooCommerce-produktbilledet?
Gå til Udseende, derefter Tilpas, derefter WooCommerce og derefter Produktbilleder. Juster miniaturebilledernes beskæring og dimensioner, og klik på Udgiv. Efter gemning skal du køre pluginnet Regenerate Thumbnails for at ombehandle alle eksisterende billeder til de nye dimensioner. Ændringer gælder kun for nye uploads; ellers gælder det.
Påvirker WooCommerce-billedstørrelser SEO?
Ja, betydeligt. Store, uoptimerede billeder forårsager fejl i den største mængde indhold, hvilket er en direkte Google-rangeringsfaktor. Optimerede billeder forbedrer Core Web Vitals, reducerer afvisningsprocenter på mobil og gør dine produktbilleder kvalificerede til Googles rich image-resultater, når de kombineres med korrekt produktskema-markup.
Hvad er størrelsen på WooCommerce-miniaturebillederne?
WooCommerce indstiller som standard katalogminiaturebilledet til 300px bredde. Dette er for lille til moderne Retina-skærme. Den anbefalede størrelse på katalogminiaturebilleder for de fleste butikker er 600 x 600 pixels, hvilket giver skarpe billeder på både standard- og high-density-skærme.
Hvordan regenererer jeg miniaturebilleder i WooCommerce?
Installer det gratis Regenerate Thumbnails-plugin fra WordPress-pluginmappen. Når du har ændret dine billeddimensioner i WooCommerce Customizer, skal du gå til Værktøjer ⟶ Regenerate Thumbnails og derefter køre processen på hele dit mediebibliotek. Det kører i baggrunden og behandler automatisk alle eksisterende billeder til de nye dimensioner.
Skal jeg bruge JPEG eller WebP til WooCommerce-billeder?
Brug WebP. Det leverer den samme visuelle kvalitet som JPEG med 25-35 % mindre filstørrelser, understøtter gennemsigtighed (erstatter PNG for produktudskæringer) og er fuldt understøttet på tværs af alle større browsere fra 2026. ShortPixel konverterer automatisk dit eksisterende JPEG-bibliotek til WebP uden manuel geneksport af hvert billede.
