Ik wil graag nieuwe afbeeldingen toevoegen voor de webshop - wat zijn de standaardmaten?

Ik wil graag nieuwe afbeeldingen toevoegen voor de webshop - wat zijn de standaardmaten?

Hier is een lijst, elk gegeven in breedte x hoogte

  1. Afbeeldingen productgroep: 2000 x 500 px (72dpi)
  2. App startafbeelding: 640 x 720 px (72dpi)
  3. Favicon: 16 x 16 px
  4. Productafbeelding: 500 x 350 px (72dpi)
  5. Logo voor bond printing: minimaal 250 x 250 px (72dpi) (maar mag groter zijn, omdat de upload dan door SIDES moet worden uitgevoerd en door ons dienovereenkomstig kan worden geschaald)

SOT (zelfbedieningsterminal)

  1. Afbeelding voor de startpagina: 1920 x 1080 px
  2. Productafbeeldingen: 500 x 350 px

Webshop versie 1

  1. Banner - mobiel: 415 x 130 px
  2. Banner - desktop: 1920 x 340 px
  3. Product afbeeldingen: 500 x 350 px

Webshop versie 2 - Productafbeeldingen uploaden in onze e-commerce oplossingen (webshop, SOT, POS & portals)

Deze aanbevelingen zijn bedoeld om ervoor te zorgen dat de productafbeeldingen er op alle platforms professioneel uitzien en tegelijkertijd een hoge laadsnelheid garanderen.

Webshop versie 2

  1. Aanbevolen resolutie van productafbeeldingen: 1920 x 1080 px (pixels).
    1. Beeldformaat van productafbeeldingen: 16:9
    2. Hoofdinhoud gecentreerd om zichtbaar te blijven in vierkante tegels op mobiele apparaten.
    3. Bestandsformaten: JPG, WEBP, PNG (met transparantie).
    4. Maximale bestandsgrootte: Minder dan 500 KB, maximaal 1 MB voor PNG.
    5. Photoshop-sjabloon voor de productafbeeldingen is bijgevoegd om afbeeldingen eenvoudig aan te passen en op te slaan in het optimale formaat.
  2. Banner startpagina met inhoud in tegelindeling - web: 1920 x 640 px 
  3. Banner startpagina met inhoud in tegelindeling - mobiel: 600 x 670 px

Gedetailleerde uitleg voor de productafbeeldingen

Afbeeldingsformaat & verhouding

We raden de volgende richtlijnen aan voor het uploaden van productafbeeldingen naar de webshop:
  1. Aanbevolen resolutie productafbeeldingen: 1920 x 1080 pixels (dit afbeeldingsformaat zorgt ervoor dat je producten in hoge kwaliteit worden weergegeven op alle eindapparaten)
  2. Aanbevolen beeldverhouding productafbeeldingen: 16:9 (breedbeeldformaat)

Centrale inhoud van de afbeelding

  1. De belangrijkste inhoud van de afbeelding moet in het midden staan.
  2. In verschillende lay-outs, vooral in de mobiele webwinkel, worden de artikelafbeeldingen in vierkante tegels weergegeven.
  3. Dit betekent dat de zijkanten van de afbeelding in deze lay-outs kunnen worden afgesneden.
  4. Een gecentreerde hoofdinhoud zorgt ervoor dat het product duidelijk zichtbaar blijft, zelfs als er een vierkant gedeelte wordt gebruikt.
Het horizontale afbeeldingsformaat met de productfocus in het midden van de afbeelding zorgt ervoor dat je productafbeelding werkt in zowel een horizontaal als vierkant afbeeldingsgedeelte (afhankelijk van de gekozen lay-out).




Voorbeelden

Voorbeeld van vierkante uitsnede van een afbeelding
Voorbeeld van horizontale uitsnede van een afbeelding




Bestandsformaten

We bieden de volgende bestandsindelingen voor het uploaden van afbeeldingen:
  1. JPG (JPEG)
    1. Standaardformaat voor afbeeldingen zonder transparantie.
    2. Ideaal voor afbeeldingen met een hoge resolutie die goed worden gecomprimeerd zonder al te veel kwaliteit te verliezen.
  2. WEBP
    1. Een moderner formaat dat kleinere bestanden mogelijk maakt met een constant hoge afbeeldingskwaliteit.
    2. Dit formaat kan worden gebruikt als transparantie in de afbeelding vereist is (bijv. bijgesneden productafbeeldingen).
    3. Ondersteunt zowel lossless als lossy compressie en verdient de voorkeur voor optimale laadtijden.
  3. PNG
    1. Dit formaat wordt gebruikt wanneer transparantie vereist is in de afbeelding (bijvoorbeeld bijgesneden productafbeeldingen).
    2. Opmerking: PNG-bestanden zijn over het algemeen groter en moeten daarom alleen worden gebruikt als dit nodig is (bijv. transparanten).

Bestandsgrootte

De optimale bestandsgrootte voor een productafbeelding moet een balans vinden tussen afbeeldingskwaliteit en laadsnelheid.
  1. Aanbevolen bestandsgrootte: minder dan 500 KB per afbeelding.
  2. Als je JPG of WEBP gebruikt, moet de bestandsgrootte worden geoptimaliseerd voor een snelle laadtijd van de pagina.
  3. PNG-bestanden kunnen in sommige gevallen groter zijn, vooral als transparantie vereist is. De maximale bestandsgrootte van 1 MB mag echter niet worden overschreden.

Photoshop sjabloon

Voor een eenvoudige en correcte opmaak van de afbeeldingen bieden we een Photoshop-sjabloon (PSD) die de volgende parameters bevat:
  1. Vooraf ingesteld beeldformaat: 1920 x 1080 pixels (16:9)
  2. Een centrale geleidelijn voor optimale positionering van het product.
Deze sjabloon helpt je om snel en eenvoudig je afbeeldingen bij te snijden tot het juiste formaat en ze op te slaan in de optimale kwaliteit voor de webshop.
 
Je vindt de Photoshop-sjabloon onderaan de bijlage.


Korte tutorial over het maken en opslaan van productafbeeldingen

De video laat duidelijk zien dat het belangrijk is om de beeldinhoud te centreren.