Productafbeeldingen voor mobiele shoppers: gids voor 2026

Meer dan twee derde van alle e-commercebezoeken vindt tegenwoordig plaats op een telefoon, wat betekent dat jouw productafbeeldingen voor mobiel het grootste deel van het verkoopwerk doen op een scherm kleiner dan een speelkaart. Een foto die er scherp uitziet op je laptop kan in de hand van een shopper veranderen in een vage, onleesbare thumbnail — en ze scrollen er in minder dan een seconde voorbij. Deze gids behandelt precies hoe je afbeeldingen maakt die winnen op kleine schermen: scherpe thumbnails, leesbare tekst in afbeeldingen, veilig uitsnijden, snelle bestandsgroottes, verticaal kaderen, en de ene test die de meeste verkopers overslaan.

Ontwerp eerst voor de thumbnail, niet voor het volledig scherm

Op de desktop ziet een shopper jouw hoofdafbeelding op 500–600 px. In mobiele zoekresultaten wordt diezelfde afbeelding vaak weergegeven op 150–180 px breed. De thumbnail is de echte eerste indruk, dus ontwerp er eerst voor en beschouw de volledige weergave als bonus.

De praktische regel: het product moet het grootste deel van het kader vullen. Een koffiemok die zweeft in een zee van witte achtergrond ziet er elegant uit op volledig formaat en wordt een onherkenbaar stipje op thumbnailgrootte. Snijd zodanig bij dat het product 80–90% van het kader inneemt, houd de achtergrond schoon, en zorg ervoor dat het meest herkenbare kenmerk van het product onmiskenbaar is, zelfs wanneer het verkleind wordt.

Een snelle manier om te controleren: verklein je afbeelding naar 160 px breed op het scherm en doe twee stappen naar achteren. Als je niet onmiddellijk kunt zien wat het is, kunnen jouw mobiele shoppers dat ook niet. Dezelfde fouten die listings stilletjes naar beneden halen — rommel, laag contrast, producten te klein in beeld — komen aan bod in ons overzicht van veelgemaakte productfotofouten die de verkoop schaden.

Maak tekst in afbeeldingen leesbaar op thumbnailgrootte

Infographics en A+-banners verdienen hun plek doordat ze snel communiceren — maar alleen als de tekst de verkleining naar mobiel overleeft. De meeste tekst in afbeeldingen is geschreven voor een bureaubladmonitor en wordt een onleesbare vlek op een telefoon.

Houd deze beperkingen in gedachten:

• Één koptekst per afbeelding, drie tot vijf woorden. Geen paragraaf.
• Groot lettertype — de koptekst moet leesbaar zijn op 160 px breed zonder te turen.
• Hoog contrast — donkere tekst op licht, of lichte tekst op een verduisterd fotogebied. Nooit grijs op grijs.
• Geen kleine lettertjes die afhankelijk zijn van inzoomen. Als het er toe doet, hoort het in de bulletpoints of A+-tekst, niet in 8 px beeldtekst.

Beschouw tekst in afbeeldingen als een billboard gezien vanuit een rijdende auto, niet als een brochure. Als een shopper moet knijpen om jouw voordeel-highlight te lezen, is de boodschap al verloren.

Kader het veilig voor uitsnijden op alle platforms

Elk marktplaats snijdt afbeeldingen anders uit, en mobiele apps snijden agressiever dan de desktop. Amazon toont een vierkant. Instagram Shopping en veel Shopify-thema's geven de voorkeur aan portretformaat. Een pin, een story en een zoekresultaat kunnen elk je afbeelding op een andere manier bijsnijden. Als jouw product of tekst dicht bij een rand zit, wordt er iets belangrijks afgeknipt.

De oplossing is een veilige zone: houd het product en eventuele tekst binnen de middelste 80% van het kader, met ruimte rondom alle zijden. Schiet of genereer in een 1:1 vierkant als jouw masterversie, want een vierkant past netjes bij bijna alles. Zo gedragen de gangbare beeldverhoudingen zich op mobiel:

Bij twijfel: ontwerp de vierkante masterversie en bevestig dat er niets kritisch in de buitenste 10% zit voordat je ergens publiceert.

Houd bestandsgroottes klein zodat afbeeldingen meteen laden

Mobiele shoppers zitten vaak op een mobiele verbinding, en een trage afbeelding is een verloren verkoop. Onderzoeken naar mobiele handel koppelen elke extra seconde laadtijd consequent aan een meetbare daling in conversie. Een hero-afbeelding van 3 MB die prachtig is op glasvezel is een grijs leeg vlak op een telefoon op een parkeerplaats.

Je hoeft niet te kiezen tussen kwaliteit en snelheid:

• Verklein vóór upload — een bestand van 5000 px heeft geen meerwaarde als het platform 1600 px weergeeft.
• Comprimeer naar moderne formaten — WebP en AVIF verminderen de bestandsgrootte met 30–80% ten opzichte van JPEG bij dezelfde visuele kwaliteit.
• Streef naar minder dan circa 200 KB per galerij-afbeelding na compressie; de meeste listings zien er niet te onderscheiden uit van het ongecomprimeerde origineel.
• Laat het platform de juiste grootte serveren — goede webshopfronts genereren meerdere resoluties en sturen de kleinste die een bepaald scherm nodig heeft.

Het doel is eenvoudig: een scherpe afbeelding die in minder dan een seconde laadt op 4G. Snelheid is onderdeel van het plaatje, niet iets aparts.

Hoe HedaAI mobielklare afbeeldingen maakt

Als je geen studio of ontwerper hebt, is dit waar HedaAI van pas komt. Upload je bestaande productfoto's — één is genoeg, maar meerdere hoeken geven betere resultaten — en HedaAI zet ze om in een complete set van 12 professionele e-commerceafbeeldingen: 8 hoofd- en galerij-opnamen plus 4 A+-bannerafbeeldingen, samen met listingtekst.

Wat de output direct mobielklaar maakt: de hoofdafbeeldingen worden teruggeleverd op een schone witte achtergrond met het product dat het kader vult, zodat ze leesbaar blijven op thumbnailgrootte. De lifestyle-scènes en infographics zijn samengesteld met het product in het midden en tekst beperkt tot korte, hoog-contrasterende koppen die de verkleining naar een telefoonscherm overleven. Je krijgt een vierkant-vriendelijke masterset zonder een shoot te boeken.

De prijs is eenvoudig — $1.00 per product, en nieuwe accounts krijgen $2 aan gratis tegoed (ongeveer twee producten gratis) om het uit te proberen. Een gratis run geeft je een voorbeeld met watermerk zodat je het resultaat eerst kunt beoordelen; je eerste betaling verwijdert het watermerk en ontgrendelt 2K HD-downloads. Bekijk echte voor-en-na sets in onze voorbeeldengalerij, of vergelijk abonnementen op de prijspagina.

Test op een echte telefoon voordat je publiceert

Dit is de stap die bijna iedereen overslaat, en hij vangt meer problemen op dan welke checklist dan ook. Voordat je op publiceren drukt, open je de listing — of een voorbeeld — op je eigen telefoon, op mobiele data, niet op kantoor-wifi.

Controleer vier dingen in de echte omgeving:

1. Thumbnail — kun je in de zoekresultatenpagina in één oogopslag zien wat het product is?
2. Tekst — is elke koptekst in de afbeelding leesbaar zonder in te zoomen?
3. Uitsnijden — snijdt de app iets belangrijks af aan de randen?
4. Snelheid — laden de afbeeldingen meteen, of zie je grijze vakken die langzaam vullen?

Als een antwoord nee is, herstel het voordat het je klikken kost. Voor platformspecifieke optimalisatie gaan onze gids over Amazon mobiele afbeeldingsoptimalisatie en het draaiboek over productafbeeldingen die converteren dieper in op wat het verschil maakt, en de eigen specificaties van jouw platform — Amazon, Shopify, of eBay — zijn een snelle lezing waard voordat je live gaat.

De conclusie

Mobiele shoppers beoordelen jouw product in een thumbnail, lezen je tekst op billboardafstand, en verlaten een trage pagina zonder er twee keer over na te denken. Ontwerp eerst voor het kleine scherm: vul het kader, schrijf korte leesbare koppen, houd alles veilig binnen het midden, comprimeer stevig, en — bovenal — controleer het op een echte telefoon voordat je publiceert. De verkopers die winnen op mobiel maken geen betere foto's dan ieder ander; ze optimaliseren voor het scherm waar de verkoop daadwerkelijk plaatsvindt.