Basis van de Image Editor

De Channable Image Editor is de plek waar je sjablonen voor productafbeeldingen maakt of aanpast. Deze sjablonen werken je productafbeeldingen automatisch bij om zeer relevante advertenties en verbeterde visuals te creëren.

Een sjabloon bestaat uit een Canvas (de achtergrond) en verschillende Objecten (tekst, afbeeldingen, vormen) die erop geplaatst zijn.

Image editor interface

De editor is verdeeld in verschillende gebieden voor het maken van objecten, het beheren van het canvasen het beheren van je sjabloon.

Canvas-bediening en tools

Deze bedieningselementen, rechts van het canvas, helpen je bij het navigeren en bewerken van je ontwerp.

Pictogram/Bediening	Beschrijving
In-/Uitzoomen	Wijzigt de weergavegrootte van het canvas.
Pijl (Selecteren)	Selecteer en verplaats individuele objecten op het canvas.
Hand (Verplaatsen)	Verplaats het gehele canvasvenster.
Gecirculeerde pijlen	Maak je laatste actie ongedaan of opnieuw.
Productvoorbeeld	Klik door producten om te zien hoe het sjabloon voor elk product eruitziet.

Canvas-instellingen

Het Canvas is het fundamentele gebied (het witte vierkant) waar je je sjabloon bouwt. Klik Instellingen aan de rechterkant van de editor om deze opties te openen.

Instelling	Beschrijving	Details
Formaat	Bepaalt de uiteindelijke uitvoerdimensies van het sjabloon.	Kies uit voorgedefinieerde formaten (gebaseerd op exportkanalen zoals Google Ads) of voer handmatig hoogte en breedte in pixels (px) in.
Achtergrondkleur	Stelt de effen kleur achter alle objecten in.	Kies met de kleurkiezer of door een hexadecimale (HEX) waarde op te geven (RGB).
Dekking	Bepaalt de transparantie van de achtergrondkleur	Stel in als percentage. 100% is volledig zichtbaar (ondoorzichtig) en 0% is volledig transparant.

Rasterinstellingen

De raster is een optionele overlay om je te helpen objecten uit te lijnen. Het verschijnt nooit in de uiteindelijke afbeelding.

• Raster weergeven: Schakel de zichtbaarheid van de rasterlijnen in of uit.

• Vastzetten op raster: Als dit is ingeschakeld, klikt een verplaatst object automatisch vast op de dichtstbijzijnde rasterlijn, wat uitlijnen makkelijk maakt.

• Rastergrootte: Stel de pixelmaat van elke vierkante cel in het raster in.

• Rasterkleur en dekking: Pas het uiterlijk van de rasterlijnen aan.

Objecttypes

Belangrijk: het projectveld dat voor dynamische objecten wordt gebruikt, moet aanwezig zijn in alle projecten waar het sjabloon wordt gebruikt!

Gebruik het paneel aan de linkerkant om nieuwe elementen aan je sjabloon toe te voegen. Je kunt drie soorten objecten maken:

• Tekstobject: Voor statische tekst of dynamische productvelden (zoals titels).

• Beeldobject: Voor statische afbeeldingen of dynamische productafbeeldingen.

• Vormobject: Voor statische vormen zoals vakken, lijnen en pijlen.

Alle objecttypes—Tekst, Afbeelding en Vorm—hebben specifieke instellingen onder het tabblad Design.

Beeldobject

Beeldobjecten kunnen dynamisch zijn (productafbeeldingen uit een veld ophalen) of statisch (dezelfde afbeelding voor alle producten).

Eigenschap	Beschrijving	Details
Lay-out	Positie en grootte van het object.	Stel handmatig in in pixels (px) voor X/Y-positie en Breedte/Hoogte.
Afbeelding	Verbindt het object met je productgegevens.	Voor dynamische afbeeldingen selecteer je een afbeeldings-type projectveld uit de dropdown. Stel ook de dekking (Opacity) van de afbeelding in (in procenten).
Schaduw	Voegt een slagschaduweffect toe.	Configureer kleur, dekking, offset (X, Y) en vervaging. Een offset van 0,0 betekent geen schaduw.
Rand	Maakt een rand rond het afbeeldingobject.	Stel kleur, dekking en breedte (in pixels) in. Kies een stijl: Geen rand, Continu (doorlopend) of Gestreept.

Opmerking: we schalen de afbeelding automatisch zodat deze binnen de grenzen van het object past (blauwe lijnen). Dit voorkomt dat afbeeldingen worden bijgesneden of onbedoeld andere elementen bedekken.

---

Tekstobject

Tekstobjecten ondersteunen zowel statische tekst als dynamische veldwaarden (bijv. een vaste zin combineren met de prijs van een product).

Eigenschap	Beschrijving	Details
Lay-out	Positie en grootte van het tekstvak.	Stel handmatig in in pixels (px) voor X/Y-positie en Breedte/Hoogte.
Waarde	De inhoud van het tekstobject.	Voer statische tekst in, selecteer dynamische velden of combineer beide.
Lettertype	Beheer de uitstraling van de tekst.	Kies een lettertype uit de lijst, stel kleur, decoratie (bijv. onderstrepen), uitlijning, regelhoogte en tussenruimte in. Gebruik Schalen om automatisch de lettergrootte aan het vak aan te passen.
Schaduw	Voegt een slagschaduw achter de tekst toe.	Configureer kleur, dekking, offset (X, Y) en vervaging. Een offset van 0,0 betekent geen schaduw.
Rand	Maakt een rand rond de letters.	Stel kleur, dekking en breedte (in pixels) in. Kies een stijl: Geen, Continu (doorlopend) of Gestreept.

---

Vormobject

Vormobjecten worden gebruikt voor statische vormen zoals vakken, lijnen en pijlen.

Eigenschap	Beschrijving	Details
Lay-out	Positie en grootte van het vormobject.	Stel handmatig in in pixels (px) voor X/Y-positie en Breedte/Hoogte.
Vorm	Beheer de opvulweergave van de vorm.	Geef de opvulkleur en dekking op.
Schaduw	Voegt een slagschaduw achter de vorm toe.	Configureer kleur, dekking, offset (X, Y) en vervaging. Een offset van 0,0 betekent geen schaduw.
Rand	Maakt een rand rond de vorm.	Stel kleur, dekking en breedte (in pixels) in. Kies een stijl: Geen, Continu (doorlopend) of Gestreept.

---

Beheer het sjabloon

Gebruik de bedieningselementen in de rechterbovenhoek om het sjabloon zelf te beheren.

• Opslaan: Sla de huidige wijzigingen in je sjabloon op.

• Tandwielpictogram (Instellingen): Toegang tot opties om het sjabloon te Verwijderen of te Dupliceren.

• Gebruik-tabblad: Zie waar in je projecten het huidige sjabloon wordt gebruikt.