Automatisch Watermerk op Productafbeeldingen: volledige gids

Overzicht

De module Automatisch Watermerk zet uw logo of uw naam op de miniaturen van uw productafbeeldingen, zonder handmatig werk. Het watermerk wordt aangebracht zodra er een afbeelding aan een product wordt toegevoegd en bij elke hergeneratie van de miniaturen. Essentieel daarbij: uw originele bestanden worden nooit gewijzigd. Alleen de varianten per afbeeldingstype (large, home, categorie en zo verder) krijgen een stempel, waardoor een nieuwe hergeneratie altijd van een schone bron vertrekt.

De module biedt twee modi, een transparante PNG als logo of een tekst, met een fijne instelling van de dekking, de grootte, de positie en de verwerkte formaten. Hij werkt met PrestaShop 1.7, 8 en 9 en vraagt alleen de PHP-extensie GD, die op vrijwel elke hosting aanwezig is.

Installatie

1. Open in de backoffice Modules > Modulebeheer.
2. Klik op Een module installeren en plaats het ZIP-archief van de module.
3. Klik na de installatie op Configureren.

Bij de installatie registreert de module de hook actionWatermark en past hij bruikbare standaardinstellingen toe (dekking 60 %, positie rechtsonder, logogrootte op 25 % van de breedte, alle afbeeldingstypes geselecteerd). De GD-extensie wordt gecontroleerd: ontbreekt die, dan stopt de installatie met een duidelijke melding.

Configuratie

De configuratiepagina bestaat uit drie panelen: Soort watermerk, Uitzicht & positie en Toepassing. Boven aan de pagina staat een voorbeeld van het geüploade logo, plus een knop die rechtstreeks naar het hergenereren van de miniaturen leidt.

Soort watermerk

• Modus: kies tussen Logo (PNG-afbeelding) en Tekst.
• Logo van het watermerk: upload uw afbeelding (een transparante PNG is aan te raden, maximaal 4 MB). Het bestand wordt naar PNG omgezet om de transparantie te behouden. Laat dit veld leeg om het huidige logo te behouden.
• Het logo verwijderen: vink dit aan om het opgeslagen logo weg te halen.
• Tekst van het watermerk: de tekst die in de tekstmodus wordt ingebrand (winkelnaam, copyright, URL en dergelijke).
• Kleur van de tekst: de tekstkleur, in de tekstmodus.

Uitzicht & positie

• Dekking (%): van 1 (zeer transparant) tot 100 (ondoorzichtig).
• Grootte van het logo (% van de breedte): de breedte van het logo als percentage van de breedte van de afbeelding. De waarde 0 behoudt de eigen grootte van het logo. Door de grootte in procent uit te drukken, houdt het watermerk samenhangende verhoudingen op elk beeldformaat, van de grote productfiche tot de categorieminiatuur.
• Grootte van de tekst (% van de breedte): hetzelfde principe, voor de tekstmodus.
• Hoek van de tekst (°): de schuinte van de tekst, in de tekstmodus.
• Positie: negen ankerpunten (boven, midden of onder × links, midden of rechts) of de modus Mozaïek, die het watermerk over de hele afbeelding herhaalt.
• Horizontale en verticale marge (px): de afstand in pixels tot de rand, bij de ankerposities.
• Tussenruimte bij mozaïek (%): de afstand tussen de herhalingen, alleen gebruikt bij de positie Mozaïek.

Toepassing

• Minimale breedte (px): afbeeldingen die smaller zijn dan die waarde krijgen geen watermerk. Zo vermijdt u een stempel op de kleinste miniaturen (winkelwagen, zoekresultaten), waar een watermerk onleesbaar zou zijn.
• Afbeeldingstypes met watermerk: kies de betrokken afbeeldingstypes (large_default, home_default en zo verder). Bij elk type staan de afmetingen, zodat u makkelijker kiest.
• Te verwerken formaten: JPG, PNG, WebP en AVIF. Kies de formaten die uw winkel aanmaakt. PrestaShop 8 en 9 maken naast het hoofdformaat vaak ook WebP en AVIF aan.

Hoe het watermerk werkt

De module haakt in op de native hook actionWatermark van PrestaShop, die afgaat bij elke (her)generatie van de miniaturen van een productafbeelding. Voor elk gekozen afbeeldingstype en elk actief formaat laadt de module de aangemaakte miniatuur, brengt hij het watermerk aan en bewaart hij het bestand opnieuw, met de kwaliteitsniveaus uit de beeldinstellingen van uw winkel.

Alleen de varianten per afbeeldingstype worden verwerkt: het originele bestand blijft ongemoeid. U kunt dus van watermerk wisselen en zo vaak hergenereren als nodig, zonder de bron ooit te degraderen.

Het watermerk op bestaande producten toepassen

De hook verwerkt een afbeelding alleen op het moment dat die wordt aangemaakt. Wilt u een hele catalogus die al online staat van een watermerk voorzien, start dan een hergeneratie van de miniaturen:

1. Open Design > Beeldinstellingen (op de pagina van de module staat een rechtstreekse knop).
2. Start de hergeneratie van de miniaturen voor de productafbeeldingen.

De hergeneratie bouwt de miniaturen opnieuw op uit de originelen, waarna de module er het watermerk op aanbrengt. Bij zeer grote catalogi kiest u beter voor de native hergeneratie van PrestaShop, die voor grote volumes is gemaakt. De hergeneratie kan ook via de opdrachtregel:

bin/console prestashop:thumbnails:regenerate products

Logomodus of tekstmodus

De logomodus past bij een sterke visuele identiteit: een transparante PNG rechtsonder, met 60 % dekking, volstaat om uw beelden te ondertekenen zonder het product onleesbaar te maken.

De tekstmodus is ideaal voor een snelle vermelding zonder een bestand te moeten voorbereiden. Het lettertype DejaVuSans zit in de module ingebouwd, wat een identiek resultaat op elke hosting garandeert, los van de lettertypen die op de server staan.

Compatibiliteit

• PrestaShop: 1.7, 8.x en 9.x. De compatibiliteit met 9.x dekt de nieuwe hergeneratie op basis van Symfony: de module lost zijn bestandspaden defensief op, zodat hij ook werkt wanneer de historische constanten niet zijn geladen.
• PHP: 7.2 en hoger, met de GD-extensie.
• Formaten: JPG, PNG, WebP en AVIF, plus de @2x-varianten voor schermen met hoge dichtheid. Of WebP en AVIF worden verwerkt, hangt af van de ondersteuning door de GD-bibliotheek op de server.

Verwijderen

Bij het verwijderen verdwijnen de configuratie van de module en zijn hook. De al aangebrachte watermerken blijven op de miniaturen staan tot de volgende hergeneratie. Wilt u afbeeldingen zonder watermerk terug, verwijder dan de module en genereer daarna de miniaturen opnieuw: die vertrekken van de originele bestanden, die intact zijn gebleven.

Problemen oplossen

• Het logo lijkt te klein of te groot: pas de Grootte van het logo aan (in % van de breedte), of zet die op 0 om de eigen grootte te behouden.
• WebP of AVIF zonder watermerk: de server moet een GD-bibliotheek hebben die met ondersteuning voor die formaten is gecompileerd. Is dat niet zo, dan worden de betrokken bestanden eenvoudigweg overgeslagen, zonder fout.
• Watermerk op piepkleine miniaturen: verhoog de Minimale breedte om de kleine formaten uit te sluiten.

FAQ

Worden mijn originele afbeeldingen gewijzigd?

Nee. Alleen de miniaturen die per afbeeldingstype worden aangemaakt, krijgen een watermerk. Het originele bestand blijft intact.

Hoe pas ik het watermerk toe op producten die al online staan?

Stel de module in en start daarna een hergeneratie van de miniaturen via Design > Beeldinstellingen. Nieuw geüploade afbeeldingen krijgen automatisch een watermerk.

Werkt de module met WebP en AVIF?

Ja, en ook met de @2x-varianten, op voorwaarde dat de GD-extensie van de server die formaten ondersteunt.

Moet ik voor de tekstmodus een bestand voorbereiden?

Nee. U typt gewoon de tekst; het lettertype zit in de module.

Blijft de transparantie van mijn PNG-logo behouden?

Ja, dankzij een eigen alfamenging die de transparantie bewaart terwijl de gekozen dekking wordt toegepast.

Werkt de module met PrestaShop 9?

Ja, de module werkt met PrestaShop 1.7, 8 en 9, inclusief de nieuwe hergeneratie via de Symfony-motor.