Deze gids loopt door wat een shopper ziet bij het toevoegen van een foto aan een gepersonaliseerd product. Hij is bedoeld voor merchants die de uploadstap willen begrijpen, zodat ze verwachtingen bij hun klanten kunnen scheppen en hun vragen kunnen beantwoorden. Heeft een product een veld voor het uploaden van een afbeelding, dan kiest de klant een foto, snijdt die eventueel bij, en voert Composerie kwaliteitscontroles uit voordat het ontwerp klaar is voor de winkelwagen.
Een foto kiezen of neerzetten
Het eerste wat een shopper ziet, is het uploadgebied. Dat is een gestippeld vak met de tekst “Klik of sleep om te uploaden”.
Er zijn twee manieren om een foto toe te voegen:
- Klik op het gebied om de bestandskiezer te openen en kies een foto van het apparaat.
- Sleep een bestand vanaf het bureaublad rechtstreeks naar het gebied en laat het los.
Op een telefoon kan het uploadgebied ook de camera openen. De shopper kan dan ter plekke een foto maken in plaats van er een uit zijn galerij te kiezen. Camera-opname staat standaard aan. Je kunt het op het veld uitzetten als je alleen bestaande foto’s wilt.
De toegestane bestandstypen volgen uit wat je op het veld instelt. De standaardset is PNG, JPEG en WebP. Kiest een shopper een ander type, dan ziet hij de melding “Niet-ondersteund formaat. Gebruik …” met de typen die jij toestaat.
Het veldtype en de opties ervan stel je in de Design Studio in. Hoe velden worden gebouwd en wat elk veld doet, lees je in velden in het personalisatieformulier.
Bijsnijden en positioneren
Staat het afbeeldingsveld in bijsnijdmodus, dan opent direct nadat de foto is toegevoegd een bijsnijdlaag. Daarmee kadreert de shopper de foto voordat die op het product komt.
Open de bijsnijdlaag
Zodra de foto is gekozen, opent de bijsnijdlaag over de afbeelding. De shopper ziet de hele foto met een bijsnijdkader erbovenop.
Kadreer de foto
De shopper sleept de hoekgrepen om het deel van de foto te bepalen dat hij wil houden. Binnen het kader verschijnen hulplijnen volgens de derderegel om het onderwerp uit te lijnen. Op een touchscreen kan hij de grepen met een vinger slepen.
Houd de juiste vorm aan
Heb je op het veld een beeldverhouding vastgezet, dan behoudt het bijsnijdkader die vorm, hoe de shopper het ook van grootte verandert. Dat is handig als de foto in een vast gebied op het product moet passen. Is er geen verhouding vastgezet, dan kan de shopper vrij bijsnijden.
Bevestig of annuleer
De shopper tikt op “Uitsnede toepassen” om het bijsnijden te bevestigen en de foto te plaatsen. “Annuleren” sluit de laag en gaat terug zonder het bijsnijden toe te passen.
Voor meer over hoe slepen met aanraking en knijpgebaren werken op telefoons en tablets, zie je aanpassen op mobiel en met touch.
Uploadcontroles en feedback over resolutie
Een foto die op een scherm goed oogt, kan toch wazig printen. Uploadcontroles kunnen niet-ondersteunde bestanden en een lage resolutie herkennen, maar ze garanderen geen uiteindelijke printkwaliteit. Bekijk de foto op de bedoelde grootte op het product.
Dit wordt gecontroleerd:
- Formaat. Is het bestand geen van de toegestane typen, dan ziet de shopper “Niet-ondersteund formaat. Gebruik …” en wordt de upload gestopt.
- Bestandsgrootte. Bestanden boven de limiet worden afgewezen met “Bestand te groot (max … MB)”. De standaardlimiet is 30 MB.
- Pixelgrootte. Heeft de afbeelding te weinig pixels, dan ziet de shopper “Afbeelding te klein” met de afmetingen die hij uploadde en het vereiste minimum.
- DPI (printresolutie). Een afbeelding met lage resolutie kan worden geblokkeerd met “Afbeeldingskwaliteit te laag (… DPI). Minimaal … DPI vereist.”
Niet elk kwaliteitsprobleem stopt de bestelling. Er zijn twee niveaus van DPI-feedback:
- Een waarschuwing luidt “Gemiddelde kwaliteit (… DPI). Gebruik voor het beste resultaat 300+ DPI.” Hiermee kan de shopper nog steeds doorgaan naar de checkout. Het is een waarschuwing, geen blokkade.
- Een harde blokkade stopt de upload. De shopper moet een foto van hogere kwaliteit kiezen voordat hij verder kan.
De getoonde DPI gebruikt het geselecteerde printvlak, de variant en de plaatsing van de afbeelding wanneer die afmetingen beschikbaar zijn. Hij controleert de voorbereide foto, of de uitsnede nadat je die toepast. Een andere grootte of een ander vlak kiezen kan het resultaat veranderen. Een geslaagde indicator vervangt niet het controleren van het artwork op de bedoelde fysieke grootte.
Zie je de melding We kunnen de printkwaliteit nog niet controleren, dan kan Composerie de vereiste printgrootte of plaatsing voor die foto niet bepalen. Kies de bedoelde printgrootte en plaatsing en controleer opnieuw. Onbekende kwaliteit blokkeert de foto op zichzelf niet, maar is geen geslaagd kwaliteitsresultaat. Vraag de merchant de plaatsing te controleren voordat je bestelt als de melding blijft staan.
Slaagt een foto voor de controles, dan wordt het uploadgebied vervangen door een miniatuur van de foto. De shopper ziet een knop “Foto vervangen” om een andere foto te kiezen en een verwijderknop (X) om hem te wissen. Daarna is de foto klaar voor gebruik in het ontwerp.
Waarom wordt de foto van een klant geweigerd?
De meest voorkomende redenen zijn een bestandstype dat je niet toestaat, een bestand boven de groottelimiet, te weinig pixels, of een resolutie onder de harde DPI-blokkade. De melding onder het uploadgebied noemt de exacte reden en het vereiste minimum.
Blokkeert de waarschuwing voor gemiddelde kwaliteit de bestelling?
Nee. De DPI-waarschuwing voor gemiddelde kwaliteit is informatief. De shopper kan nog steeds doorgaan naar de checkout. Alleen een harde DPI-blokkade of een mislukte controle op formaat, grootte of pixels stopt de upload.
Kunnen shoppers een foto maken met de camera van hun telefoon?
Ja. Op mobiel kan het uploadgebied de camera openen, zodat de shopper ter plekke een foto maakt. Camera-opname staat standaard aan en kan per veld worden uitgezet.
Wat gebeurt er met de locatie- en cameragegevens van een foto?
Composerie codeert de foto opnieuw om EXIF-metadata te verwijderen voordat hij wordt geaccepteerd. Mislukt de voorbereiding, dan wordt de nieuwe foto afgewezen in plaats van het originele bestand te gebruiken. Informatie die in de afbeelding zelf zichtbaar is, wordt niet verwijderd.
Volgende stap
Wil je dat shoppers hun foto na het uploaden kunnen opmaken met effecten, lees dan AI-foto-effecten voor shoppers.