--- title: "WooCommerce-produktbilder mot vit bakgrund | Herofab" description: "Ett mobilfoto av en produkt blir en kvadratisk packshot mot vitt, stor nog för WooCommerces storlekar för enskild produkt, katalog och miniatyr." url: https://herofab.app/sv/tools/product-photos-for-woocommerce language: sv updated: 2026-10-12 --- # En packshot, tre bildstorlekar i WooCommerce. WooCommerce genererar sina visningsstorlekar från en enda uppladdning: den enskilda produktbilden, katalogbilden och miniatyrbilden, var och en i de mått som temat anger. Herofabs Packshotstudio levererar produkten ensam mot en vit studiobakgrund från ett mobilfoto, i 2K eller 4K, över den uppladdningsstorlek som WooCommerce rekommenderar. [Börja gratis](https://app.herofab.app/login?lang=sv) · [Packshotstudio](https://herofab.app/sv/tools/packshot-studio) ![Den bruna toteväskan i läder ensam mot en vit studiobakgrund, framifrån](https://herofab.app/img/ex/tote-packshot-1100.webp) Skapat med Herofab · Packshotstudio ## Vad ett tema gör med en produktbild. 1. ### Tre storlekar från en uppladdning WooCommerce arbetar med tre bildtyper: den enskilda produktbilden, katalogbilder i produktloopar som butikssidan och produktminiatyrer. Alla genereras från uppladdningen. Det rekommenderar en minsta uppladdningsstorlek och föredrar större bilder för fina detaljer. Herofabs bilder i 2K och 4K ligger över den storleken i varje bildförhållande. 2. ### En kvadrat för katalogbeskärningen Katalogminiatyrer kan beskäras kvadratiskt, beskäras till ett eget bildförhållande eller lämnas obeskurna, och obeskurna bilder kan visas i ojämna storlekar. En kvadratisk packshot passar den kvadratiska inställningen utan att något skärs i produkten. Varje packshot visar produkten en gång, centrerad och så att den fyller större delen av bilden, så att varorna på en butikssida visas i en och samma skala. 3. ### Zoom, retina och omgenererade miniatyrer I temat Storefront har den största enskilda produktbilden den storlek som dess zoomeffekt kräver, och för retinaskärmar råder WooCommerce till miniatyrer inställda på dubbla den storlek som temat visar. En stor uppladdning lämnar utrymme för båda. När ett nytt tema aktiveras eller bildmåtten ändras behöver befintliga miniatyrer genereras om. ## Det här kräver WooCommerce. Källa: [WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images](https://woocommerce.com/document/adding-product-images-and-galleries/). Kontrollerad den 11 oktober 2026. - **Rekommenderat:** Ladda upp bilder på minst 800 × 800 pixlar; större bilder är bättre för produkter med fina detaljer - **Bildtyper:** Tre typer: den enskilda produktbilden, katalogbilder i produktloopar som butikssidan, och produktminiatyrer - **Storleksändring:** WooCommerce genererar visningsstorlekarna från uppladdningen; i klassiska teman är den enskilda produktbilden som standard 600 pixlar bred, katalogminiatyrer 300 pixlar breda och galleriminiatyrer 100 × 100 pixlar - **Beskärning:** Katalogminiatyrer kan ställas in på 1:1, på ett anpassat förhållande eller lämnas obeskurna; obeskurna bilder kan visas i ojämna storlekar - **Storefront-temat:** I temat Storefront är den största enskilda produktbilden 800 × 800 pixlar, den storlek som dess zoomeffekt kräver - **Retina:** För skarpa bilder på retinaskärmar ställs miniatyrer in på dubbla den storlek som temat visar - **Ändringar:** Efter att ett nytt tema har aktiverats eller inställningarna för bilddimensioner har ändrats behöver tidigare skapade miniatyrer genereras om [WooCommerce: krav för produktbilder](https://herofab.app/sv/guides/woocommerce-product-image-size) · [Kontrollera dina bilder — gratis](https://herofab.app/sv/tools/image-size-checker) ## Ett mobilfoto för en packshot i WooCommerce. - Ställ ned produkten kompakt, med handtagen upprätta och sladdar eller remmar samlade tätt intill, så att den fyller en kvadrat utan breda tomma hörn. - Ett bord, en hand, en kartong eller en prislapp får vara kvar i fotot, eftersom verktyget är instruerat att bara använda produkten; det som räknas är att inget av dem täcker någon del av den. - Tryck för att ställa skärpan på etiketten eller den finaste sömmen innan fotot tas; ett temas zoom förstorar den enskilda produktbilden, och oskärpa i originalfotot syns där först. ## Produktbilder för WooCommerce: frågor och svar. **Behöver en WooCommerce-butik en separat fil för varje bildstorlek?** Nej. WooCommerce genererar den enskilda produktbilden, katalogbilden och galleriminiatyren från en uppladdning, i de mått som temat anger. Det uppladdningen måste ha med sig är tillräckligt många pixlar: WooCommerce rekommenderar ett minimum och föredrar större bilder för fina detaljer. Packshots levereras i 2K, eller i 4K som tillval, och båda ligger över den rekommendationen. **Varför visas katalogbilderna i ojämna storlekar?** WooCommerce låter katalogminiatyrer förbli obeskurna, och obeskurna bilder med olika form kan då visas i ojämna storlekar. Två saker löser det: en beskärningsinställning, kvadratisk eller ett eget bildförhållande, och uppladdningar som redan delar en och samma form. Packshots som beställs kvadratiska för varje produkt passar den kvadratiska inställningen som de är. Om inställningen ändras senare behöver miniatyrerna genereras om. **Kan packshoten ha en skugga eller ett annat underlag än vitt?** Båda är inställningar. Packshotstudio erbjuder en mjuk kontaktskugga, ingen skugga eller en spegling, och utöver studiovitt kan den ställa produkten på grått eller beige, på marmor, trä eller linne, på ett podium, utomhus, hemma eller på butikens egen bild. WooCommerce-reglerna på den här sidan gäller storlek och beskärning och föreskriver ingen bakgrund, så valet ligger hos butiken. **Vad kostar det?** 4 krediter per bild, plus en kredit för 4K. Kostnaden visas innan du genererar, och om ett jobb misslyckas återförs krediterna. De 20 gratis krediterna vid registreringen räcker till 5 bilder med det här verktyget. [Packshotstudio](https://herofab.app/sv/tools/packshot-studio) · [Produktstudio](https://herofab.app/sv/tools/product-photography) · [Huvudbild](https://herofab.app/sv/glossary/main-image) · [Helvit bakgrund](https://herofab.app/sv/glossary/pure-white-background) · [Packshot](https://herofab.app/sv/glossary/packshot) Exempel per produkt [Produktbilder för Ecwid](https://herofab.app/sv/tools/product-photos-for-ecwid) · [Produktbilder för Etsy](https://herofab.app/sv/tools/product-photos-for-etsy) · [Produktbilder för Shopify](https://herofab.app/sv/tools/product-photos-for-shopify) · [Produktbilder för Faire](https://herofab.app/sv/tools/product-photos-for-faire) · [Produktbilder för Squarespace](https://herofab.app/sv/tools/product-photos-for-squarespace) · [Produktbilder för Wix](https://herofab.app/sv/tools/product-photos-for-wix) · [Produktbilder för ABOUT YOU](https://herofab.app/sv/tools/product-photos-for-about-you) · [Produktbilder för Trendyol](https://herofab.app/sv/tools/product-photos-for-trendyol)