DokumentationHandelKataloghantering

Produktbildskonfiguration

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

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. För att ge stöd för den här typen av överföring av produktbilder finns det ett alternativ för att aktivera automatisk storleksändring av större bildfiler när du överför dem. Du kan konfigurera en platshållarbild för produkter som du vill lägga till i katalogen men ännu inte har någon bildresurs att visa.

Ändra storlek på produktbilder

När du överför produktbilder kan du lägga till större bilder med olika storlekar för att ge detaljerade zoomningar av hög kvalitet på sidan Product Details. För att säkerställa att alla bilder har en liknande storlek och utseende finns det ett alternativ för att ändra bildstorlek som säkerställer att alla bilder matchar en viss pixelstorlek. Det här alternativet ändrar automatiskt storlek på alla produktbilder med hjälp av konfigurationsinställningarna, vilket kan hjälpa till med zoomningsprestanda, snabbare inläsning av bilder och få ett enhetligt utseende på produktbilderna.

NOTE
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.

Om du anger en maximal pixelbredd och -höjd ändras bildens storlek till de fysiska måtten med pixlar. Commerce ändrar storlek på bilden enligt den högre bredden eller höjden och behåller proportionerna. Om du minskar kvalitetsmängden för JPG bilder minskar filstorleken.

En bildfil på 3 000 x 2 100 pixlar JPG 100 % kan till exempel vara en bildfil på 5 MB eller mer. Om du ändrar storlek på den här bilden minskas bredden till 1 920 pixlar, proportionerna bevaras och kvaliteten till 80 %, vilket ger en mycket mindre filstorlek med hög kvalitet.

Aktivera storleksändring av bilder

  1. Gå till Stores > Settings>Configuration ​på sidofältet_ Admin _.

  2. Expandera Advanced i den vänstra panelen och välj System.

  3. Expandera Expansionsväljaren i avsnittet Konfiguration för överföring av bilder.

    Om du vill ändra standardinställningarna avmarkerar du kryssrutan Use system value om det behövs.

    Konfiguration för bildöverföring {width="600" modal="regular"}

    En detaljerad lista över de här konfigurationsinställningarna finns i Konfiguration för bildöverföring i Konfigurationsreferens.

  4. Om du vill aktivera måste du se till att Enable Frontend Resize är inställd på Yes.

  5. Ange en Quality-inställning mellan 1 och 100 %.

    Du bör ange mellan 80 och 90 % för att minska filstorleken och få hög kvalitet.

  6. Ange Maximum Width i pixlar för bilden.

    När bildens storlek ändras överskrider den inte den bredden och behåller proportionerna.

  7. Ange Maximum Height i pixlar för bilden.

    När bildens storlek ändras överskrider den inte den här höjden och behåller proportionerna.

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

Fältbeskrivningar

Fält
Omfång
Beskrivning
Quality
Global
Anger JPG för den storleksändrade bilden. Lägre kvalitet minskar filstorleken. 80-90 % rekommenderas för att minska filstorleken med hög kvalitet. Standard: 80
Enable Frontend Resize
Global
Gör att Commerce kan ändra storlek på stora, stora bilder som du kan överföra för sidan Product Details. Commerce ändrar storlek på bildfilerna med JavaScript när filen överförs. När du ändrar storlek på bilden behålls de exakta proportionerna så att den uppfyller och inte överskrider den största storleken för Maximal bredd eller Maximal höjd. Standard: Yes
Maximum Width
Global
Anger bildens maximala pixelbredd. När bildens storlek ändras överskrider den inte denna bredd. Standard: 1920
Maximum Height
Global
Anger bildens maximala pixelhöjd. När bildens storlek ändras överskrider den inte den här höjden. Standard: 1200

Bildplatshållare

Adobe Commerce och Magento Open Source använder temporära bilder som platshållare tills de permanenta produktbilderna blir tillgängliga. En annan platshållare kan överföras för varje roll. Den ursprungliga platshållarbilden är en exempellogotyp som du kan ersätta med den bild du väljer.

Bildplatshållare

Så här överför du platshållarbilder:

  1. Gå till Stores > Settings>Configuration ​på sidofältet_ Admin _.

  2. Expandera Catalog i den vänstra panelen och välj Catalog under.

  3. Expandera expansionsikonen i avsnittet Product Image Placeholders.

    Platshållare för produktbilder {width="600" modal="regular"}

    En detaljerad lista med de här konfigurationsinställningarna finns i Platshållare för produktbilder i Konfigurationsreferens.

  4. För varje avbildningsroll klickar du på Choose File, letar upp bilden på datorn och överför filen.

    Du kan använda samma bild för alla tre rollerna eller så kan du överföra en annan platshållarbild för varje roll.

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

Mer information om bildroller och rekommenderade storlekar finns i Överför en bild.

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