DocumentatieCommerceCatalogusbeheer

Configuratie van productafbeelding

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

Gemaakt voor:

  • Beginner
  • tussenpersoon
  • Beheerder
  • Leider
  • Gebruiker

Als u grote afbeeldingen wilt uploaden om deze op de Product Details-pagina weer te geven, kunt u overwegen een maximale pixelgrootte (breedte en hoogte) in te stellen en de bestanden tijdens het uploaden automatisch te vergroten of te verkleinen. Voor ondersteuning van dit type uploaden van productafbeeldingen is er een optie waarmee u het automatisch wijzigen van het formaat van grotere afbeeldingsbestanden tijdens het uploaden kunt inschakelen. Voor het product dat u aan de catalogus wilt toevoegen maar dat u nog geen afbeeldingselement hebt om weer te geven, kunt u een voorlopige afbeelding configureren.

Afbeeldingen van product vergroten/verkleinen

Wanneer u productafbeeldingen uploadt, kunt u grotere afbeeldingen met verschillende formaten toevoegen om gedetailleerde zoomen van hoge kwaliteit op de Product Details-pagina te bieden. Om ervoor te zorgen dat alle afbeeldingen een vergelijkbare grootte en hetzelfde uiterlijk hebben, is er een optie voor het wijzigen van de grootte van de afbeelding om ervoor te zorgen dat alle afbeeldingen overeenkomen met een specifieke pixelgrootte. Met deze optie worden alle productafbeeldingen automatisch aangepast aan de hand van de configuratie-instellingen. Dit kan helpen bij het werken met zoomen, het sneller laden van afbeeldingen en een uniform uiterlijk van de productafbeeldingen behouden.

NOTE
Voor de beste compatibiliteit wordt aangeraden alle productafbeeldingen te uploaden met het kleurprofiel sRGB . Alle andere kleurprofielen worden automatisch omgezet in het sRGB -kleurprofiel tijdens het uploaden van de productafbeelding, wat kleurinconsistentie in de geüploade afbeelding kan veroorzaken.

Als u een maximale pixelbreedte en -hoogte instelt, wordt de afbeelding aangepast aan de fysieke afmetingen per pixel. Commerce past de grootte van de afbeelding aan de hogere mate van breedte of hoogte aan, terwijl de verhoudingen behouden blijven. Als u de hoeveelheid kwaliteit voor JPG afbeeldingen verlaagt, wordt het bestand kleiner.

Een afbeeldingsbestand van 3000 x 2100 pixels JPG 100% kan bijvoorbeeld een afbeeldingsbestand van 5 MB of groter zijn. Als u deze afbeelding vergroot of verkleint, neemt de breedte af tot 1920 pixels, blijven de verhoudingen en de kwaliteit tot 80%, zodat het bestand veel kleiner wordt en een hoge kwaliteit heeft.

Afbeeldingsgrootte inschakelen

  1. Voor Admin sidebar, ga Stores > Settings>Configuration.

  2. Vouw in het linkerdeelvenster Advanced uit en kies System .

  3. Breid selecteur van de Uitbreiding uit de Beelden uploaden de sectie van de Configuratie.

    Als u de standaardinstellingen wilt wijzigen, schakelt u indien nodig het selectievakje Use system value uit.

    Beeld uploadt Configuratie {width="600" modal="regular"}

    Voor een gedetailleerde lijst van deze configuratiemontages, zie Beeld uploadt Configuratie in de Verwijzing van de Configuratie.

  4. Zorg ervoor dat Enable Frontend Resize is ingesteld op Yes om in te schakelen.

  5. Voer een Quality -instelling in tussen 1 en 100%.

    Een instelling tussen 80 en 90% wordt aanbevolen voor bestanden met een lagere bestandsgrootte en een hogere kwaliteit.

  6. Stel de Maximum Width in pixels in voor de afbeelding.

    Wanneer de grootte van de afbeelding wordt gewijzigd, wordt de breedte niet overschreden en blijven de verhoudingen behouden.

  7. Stel de Maximum Height in pixels in voor de afbeelding.

    Wanneer de grootte van de afbeelding wordt gewijzigd, wordt deze hoogte niet overschreden en worden de verhoudingen behouden.

  8. Klik op Save Config als de bewerking is voltooid.

Veldomschrijvingen

Veld
Reikwijdte
Beschrijving
Quality
Algemeen
Hiermee bepaalt u de JPG-kwaliteit voor de vergrote of verkleinde afbeelding. Bij een lagere kwaliteit wordt het bestand kleiner. 80-90% wordt aanbevolen om bestanden van hoge kwaliteit te verkleinen. Standaard: 80
Enable Frontend Resize
Algemeen
Hiermee kan Commerce de grootte wijzigen van grote, te grote afbeeldingen die u voor de Product Details-pagina kunt uploaden. Commerce wijzigt de grootte van de afbeeldingsbestanden met JavaScript wanneer het bestand wordt geüpload. Als de grootte van de afbeelding wordt gewijzigd, blijft de afbeelding exact even groot om aan de maximale breedte of maximale hoogte te voldoen en wordt deze niet groter dan de grootste breedte. Standaard: Yes
Maximum Width
Algemeen
Hiermee bepaalt u de maximale pixelbreedte voor de afbeelding. Wanneer het formaat van de afbeelding wordt gewijzigd, wordt deze breedte niet overschreden. Standaard: 1920
Maximum Height
Algemeen
Hiermee bepaalt u de maximale pixelhoogte voor de afbeelding. Wanneer het formaat van de afbeelding wordt gewijzigd, wordt deze hoogte niet overschreden. Standaard: 1200

Plaatsaanduidingen voor afbeeldingen

Adobe Commerce en Magento Open Source gebruiken tijdelijke afbeeldingen als plaatsaanduidingen totdat de permanente productafbeeldingen beschikbaar zijn. Voor elke rol kunt u een andere plaatsaanduiding uploaden. De eerste plaatsaanduidingsafbeelding is een voorbeeldlogo dat u kunt vervangen door de afbeelding van uw keuze.

Plaatsaanduiding van het Beeld

om placeholder beelden te uploaden:

  1. Voor Admin sidebar, ga Stores > Settings>Configuration.

  2. Vouw in het linkerdeelvenster Catalog uit en kies Catalog eronder.

  3. Breid pictogram van de Uitbreiding uit de Product Image Placeholders sectie.

    Plaatsaanduidingen van het Beeld van het Product {width="600" modal="regular"}

    Voor een gedetailleerde lijst van deze configuratiemontages, zie {Plaatsaanduidingen van het Beeld van 0} Product 🔗in de Verwijzing van de Configuratie .

  4. Klik voor elke afbeeldingsrol op Choose File , zoek de afbeelding op uw computer en upload het bestand.

    U kunt dezelfde afbeelding voor alle drie de rollen gebruiken of u kunt een andere plaatsaanduidingsafbeelding voor elke rol uploaden.

  5. Klik op Save als de bewerking is voltooid.

Voor informatie over beeldrollen en geadviseerde grootte, zie een beelduploaden.

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