DokumentationHandelKataloghantering

Hantera produktbilder och videor

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • Nybörjare
  • Mellanliggande
  • Administratör
  • Ledare
  • Användare

För varje produkt kan du överföra flera bilder och videoklipp, ändra ordningen på dem och styra hur de används. Om du har ett stort antal bilder att hantera kan du föredra att importera dem som en grupp i stället för att överföra dem separat. Mer information finns i Importera produktbilder.

Om du planerar att överföra stora bilder för visning på sidan Product Details ​kan det vara bra att ange en maximal pixelstorlek (bredd och höjd) och automatiskt ändra storlek på filerna vid överföringen. Det finns ett alternativ för att aktivera automatisk storleksändring av större bildfiler när du överför dem. Mer information finns i Ändra storlek på produktbilder.

Uppdatera produktbilderna

  1. Öppna produkten i redigeringsläge.

  2. Om du vill arbeta med en viss butiksvy ska du ställa in Store View-väljaren i det övre vänstra hörnet på den aktuella vyn.

    note note
    NOTE
    Nya produktbilder överförs alltid och visas i alla butiksvyer, även om All Store Views-omfånget inte används för överföring.

    Om du vill dölja en produktbild från en viss butiksvy måste du växla till den butiksvyn, markera kryssrutan Hide from Product Page för bilden och klicka på Save.

  3. Bläddra nedåt och expandera avsnittet Images and Videos.

Överföra en bild

För bästa kompatibilitet rekommenderar vi att du överför alla produktbilder med färgprofilen sRGB. Alla andra färgprofiler konverteras automatiskt till färgprofilen sRGB under överföringen av produktbilden, vilket kan orsaka färginkonsekvenser i den överförda bilden.

Bildfilens namnlängd, inklusive filnamnstillägg, får inte överstiga 90 tecken.

Gör något av följande om du vill överföra en bild:

  • Dra en bild från skrivbordet och släpp den på plattan Kamera ( Kameraikon ) i rutan Images And Videos.

  • Klicka på rutan Kamera ( Kameraikon ) i rutan Images And Videos, markera bildfilen på datorn och klicka på​ Open.

    Överför eller dra och släpp {width="600" modal="regular"}

Ordna om bilder

Om du vill ändra ordning på bilderna i galleriet klickar du på ikonen Sort( Sorteringsikonen ) längst ned i bildrutan och drar bilden till en annan plats i rutan​ Images And Videos.

Ändra ordning

Ta bort en bild

Om du vill ta bort en bild från galleriet klickar du på ikonen Delete ( papperskorgen ) i det övre högra hörnet av bildpanelen och klickar på Save.

Ange bildinformation

Klicka på bilden som du vill öppna i detaljvyn och gör något av följande:

Detaljvy för bild

Om du vill stänga detaljvyn klickar du på ikonen Stäng ( Stäng ikon ) i det övre högra hörnet.

Klicka på Save när du är klar.

Ange alternativ text

Bild-Alt-text refereras av skärmläsare för att förbättra webbtillgängligheten och av sökmotorer när webbplatsen indexeras. I vissa webbläsare visas Alt-texten när du för muspekaren. Alt-text kan vara flera ord lång och innehålla noggrant markerade nyckelord.

Ange en kort beskrivning av bilden i rutan Alt Text.

Tilldela roller

Som standard tilldelas alla roller till den första bilden som överförs till produkten. Så här tilldelar du en roll till en annan bild:

I rutan Role ​väljer du den roll du vill tilldela bilden.

När du återgår till avsnittet Bilder och videoklipp visas de för närvarande tilldelade rollerna under varje bild.

Tilldelade roller

Dölja en bild

Om du vill utesluta en bild från miniatyrgalleriet markerar du kryssrutan Hidden och klickar på Save.

Dolda bilder

Bildroller

Bildroll
Beskrivning
Thumbnail
Miniatyrbilder visas i miniatyrgalleriet, i kundvagnen och i vissa block, t.ex. Relaterade objekt. Exempelstorlek: 50 x 50 pixlar
Small Image
Den lilla bilden används för produktbilder i listor på kategori- och sökresultatsidor och för att visa de produktbilder som behövs för avsnitt som Up-sells, Cross-sells och New Products List. Exempelstorlek: 470 x 470 pixlar
Base Image
Basbilden är huvudbilden på produktinformationssidan. Bildzoomning aktiveras om du överför en bild som är större än bildbehållaren. Basbilden bör vara två eller tre gånger så stor som behållaren, beroende på vilken zoomnivå du vill uppnå. Exempelstorlekar: 470 x 470 pixlar (utan zoom), 1 100 x 1 100 pixlar (med zoom)
Swatch
En färgruta kan användas för att illustrera färg, mönster eller struktur. Exempelstorlek: 50 x 50 pixlar

Vattenstämplar

Om du går på bekostnad av att skapa egna originalproduktbilder finns det inte mycket du kan göra för att hindra oseriösa konkurrenter från att stjäla dem med en musklickning. Du kan dock göra dem mindre attraktiva genom att placera en vattenstämpel på varje bild för att identifiera dem som din egenskap. En vattenstämpelfil kan vara antingen en JPG (JPEG), GIF eller PNG-bild. Både filtyperna GIF och PNG har stöd för genomskinliga lager som kan användas för att ge vattenstämpeln en genomskinlig bakgrund.

Den vattenstämpel som används för bilden small i följande exempel är en svart logotyp med genomskinlig bakgrund och sparad som en PNG-fil med följande inställningar:

  • Storlek: 50x50
  • Opacitet: 5
  • Position: Sida vid sida

Vattenstämpel sida vid sida

Lägga till vattenstämplar i produktbilder

  1. Gå till Content > Design>Configuration ​på sidofältet_ Admin _.

    Mer information om designkonfigurationer finns i Designkonfiguration.

  2. Leta reda på den butiksvy som du vill konfigurera och klicka på Edit i kolumnen Action.

  3. Under Other Settings ​expanderar du Expansionsväljaren i avsnittet Product Image Watermarks.

    Vattenstämplar för produktbilder - bas {width="600" modal="regular"}

    Bildinställningarna Base, Thumbnail, Small och Swatch Image är desamma.

  4. Använd någon av följande metoder för att lägga till resursen med vattenstämpelbild:

    • Klicka på Upload och välj den bildfil på datorn som du vill överföra för användning som vattenstämpel.
    • Klicka på Select from Gallery och välj en bildresurs i Mediegalleriet.

  5. Slutför inställningarna för vattenstämpelvisning:

    • Ange Image Opacity som en procentandel. Till exempel: 40

    • Ange Image Size i pixlar. Till exempel: 200 x 200

    • Ange Image Position för att bestämma var vattenstämpeln visas.

  6. Klicka på Save Config när du är klar.

  7. När du uppmanas att uppdatera cachen klickar du på Cache Management i systemmeddelandet och uppdaterar den ogiltiga cachen.

    Uppdatera cache {width="600" modal="regular"}

TIP
Du kan klicka på Use Default Value Pilretur om du vill återställa standardvärdet.

Ta bort en vattenstämpel

  1. Klicka på ikonen Delete ( papperskorgen ) i bildens nedre vänstra hörn.

    Ta bort vattenstämpel {width="300"}

  2. Klicka på Save Config.

  3. När du uppmanas att uppdatera cachen klickar du på Cache Management i systemmeddelandet och uppdaterar den ogiltiga cachen.

    Om vattenstämpelbilden finns kvar i butiken går du tillbaka till cachehantering och klickar på Flush Magento Cache.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071