Ressources · Intégration n8n

Nœud Edit Image n8nConfigurer Edit Image dans n8n.

Le nœud Edit Image n8n retouche une image sans jamais sortir du workflow. Ses 13 opérations vont du recadrage au texte incrusté, en passant par la superposition de deux visuels. Chacune lit le fichier dans une propriété binaire, cette pièce jointe que l'item transporte d'un nœud à l'autre.

Avis vérifiés sur Trustpilot · Agence IA, automatisation & growth

Pourquoi automatiser

À quoi sert le nœud Edit Image n8n ?

Edit Image travaille sur une image déjà présente dans l'exécution. Il ne va pas la chercher : un nœud placé avant lui, Read/Write Files from Disk ou HTTP Request, dépose le fichier dans une propriété binaire, et Edit Image y réécrit le résultat. Treize opérations couvrent le flou, la bordure, la superposition, la création, le recadrage, le dessin, les informations, l'enchaînement, le redimensionnement, la rotation, le cisaillement, le texte et la transparence.

Premier usage, et de loin le plus courant : préparer un visuel avant publication. default.resize ramène la photo au format attendu, default.text y grave un titre, et le fichier part ensuite dans Slack ou en pièce jointe via Gmail. Le tout sans ouvrir un éditeur graphique.

Deuxième usage : masquer ce qui ne doit pas circuler. Une capture d'écran remontée par un formulaire contient souvent un nom, un montant, une adresse. default.blur adoucit la zone sensible, default.crop coupe tout ce qui dépasse du cadre utile. Sur une instance auto-hébergée, l'image ne quitte pas la machine pendant l'opération.

Troisième usage : fabriquer un visuel à partir de données. default.create produit un fond de la couleur voulue, default.draw y pose une forme, default.composite vient coller le logo par-dessus. Branche une ligne de Google Sheets en amont et le même workflow sort une carte par ligne, en boucle.

Quand vaut-il mieux passer par autre chose ? Si le rendu réclame un service externe, une API de génération d'image par exemple, c'est le nœud HTTP Request qui appelle n'importe quel endpoint HTTP. Il reste le recours quand un nœud dédié manque une opération d'une API HTTP, jamais pour un protocole qui n'est pas HTTP. Et si la plateforme de destination fabrique déjà sa vignette, comme YouTube, il n'y a tout simplement rien à retoucher.

Deux limites à connaître avant de construire. Hors Docker, le nœud dépend de GraphicsMagick, à installer sur la machine qui fait tourner n8n. Et enchaîner cinq nœuds Edit Image fonctionne, mais default.multiStep existe pour garder toute la séquence dans un seul nœud. L'Avis n8n détaille la façon dont la plateforme manipule les fichiers binaires.

Actions

Quelle opération d' Edit Image choisir ?

Le nœud Edit Image expose 13 opérations. Pour chacune : le nœud tel que tu le configures dans n8n, les champs obligatoires, et nos notes de terrain.

01

Blur Image

blur

Ce que tu vois dans n8n

Notes & cas d'usage

Le flou adoucit l'image entière : un visage, une plaque ou un arrière-plan encombré perdent leur netteté avant que le fichier ne circule.

Paramètres clés

  • Property Name : la propriété binaire qui contient l'image, souvent data juste après un téléchargement.
  • Blur : l'intensité du flou, de 0 à 1000 ; plus la valeur monte, moins il reste de détail.
  • Sigma : le sigma du flou, également de 0 à 1000, qui règle l'étalement de chaque pixel sur ses voisins.
Cas d'usage
anonymiser la capture jointe à un ticket avant de la poster dans un canal partagé.
02

Border Image

border

Ce que tu vois dans n8n

Notes & cas d'usage

La bordure ajoute des pixels tout autour du visuel. Un fond clair cesse alors de se fondre dans une page blanche, et toute une série d'images gagne le même cadre.

Paramètres clés

  • Property Name : le nom de la propriété binaire dans laquelle se trouve l'image.
  • Border Width : la largeur de la bordure.
  • Border Height : la hauteur de la bordure.
  • Border Color : la couleur de la bordure, saisie en hexadécimal ou prise dans le sélecteur.
Cas d'usage
encadrer chaque photo produit d'un catalogue avec la même couleur de marque.
03

Composite Image

composite

Ce que tu vois dans n8n

Notes & cas d'usage

Superposer, c'est poser une image sur une autre et décider, pixel par pixel, comment les deux se mélangent.

Paramètres clés

  • Property Name : la propriété binaire de l'image du dessous, celle qui sert de base.
  • Composite Image Property : la propriété binaire de l'image posée par-dessus, souvent data2.
  • Operator : la façon de combiner les deux images, de Over pour une simple surimpression à Multiply, Difference ou CopyOpacity.
  • Position X et Position Y : la position horizontale et verticale de l'image ajoutée.
Cas d'usage
déposer un logo dans le coin de chaque visuel d'une campagne.
04

Create Image

create

Ce que tu vois dans n8n

Notes & cas d'usage

Rien n'arrive en entrée ? Cette opération fabrique une image neuve, un aplat vierge que les nœuds suivants viendront remplir.

Paramètres clés

  • Property Name : la propriété binaire dans laquelle la nouvelle image est écrite, prête pour la suite.
  • Background Color : la couleur de fond de l'image à créer, en hexadécimal ou au sélecteur.
  • Image Width : la largeur de l'image à créer.
  • Image Height : sa hauteur.
Cas d'usage
générer le fond d'une carte sociale que l'opération Text remplira ensuite avec le titre du jour.
05

Crop Image

crop

Ce que tu vois dans n8n

Notes & cas d'usage

Le recadrage garde un rectangle et jette le reste. Une capture trop large se réduit au seul panneau qui compte.

Paramètres clés

  • Property Name : la propriété binaire qui stocke l'image à découper.
  • Width : la largeur de découpe, donc la taille horizontale de ce que tu conserves.
  • Height : la hauteur de découpe, sur le même principe.
  • Position X et Position Y : le point de départ du découpage, horizontal et vertical.
Cas d'usage
tailler un avatar carré identique dans des photos envoyées à tous les formats.
06

Draw Image

draw

Ce que tu vois dans n8n

Notes & cas d'usage

Dessiner ajoute une forme simple sur l'image, de quoi pointer une zone ou composer un visuel sans passer par un outil graphique.

Paramètres clés

  • Primitive : la forme à tracer, au choix circle, line ou rectangle.
  • Color : la couleur de la forme.
  • Start Position X et Start Position Y : le point de départ du tracé.
  • End Position X et End Position Y : le point d'arrivée, qui fixe la taille.
  • Corner Radius : le rayon qui arrondit les angles.
Cas d'usage
entourer le message d'erreur sur une capture de test automatisé.
07

Get Information

information

Ce que tu vois dans n8n

Notes & cas d'usage

Lire avant d'écrire. Cette opération renvoie les informations de l'image, sa résolution notamment, et ne modifie rien du fichier. C'est donc la première étape naturelle quand la suite de la branche dépend de la taille de ce qui arrive.

Paramètres clés

  • Property Name : le seul champ à remplir, le nom de la propriété binaire dans laquelle se trouve l'image, en général data.
Cas d'usage
aiguiller les envois trop lourds vers Resize et laisser passer les autres tels quels.
08

Multi Step

multiStep

Ce que tu vois dans n8n

Notes & cas d'usage

Un seul nœud, plusieurs retouches. Multi Step exécute plusieurs opérations à la suite sur la même image : un recadrage, un redimensionnement et une légende n'ont plus besoin de trois nœuds câblés l'un derrière l'autre.

Paramètres clés

  • Property Name : la propriété binaire que chaque étape de la liste lit puis réécrit.
  • Operations : les opérations à effectuer, ajoutées une par une avec Add Operation ; n'importe quelle autre opération du nœud peut y figurer.
Cas d'usage
transformer une photo brute en bannière publiable en une seule étape du workflow.
09

Resize Image

resize

Ce que tu vois dans n8n

Notes & cas d'usage

Redimensionner change la taille de l'image, et tout se joue sur la règle appliquée quand le format demandé ne colle pas aux proportions d'origine.

Paramètres clés

  • Width et Height : les nouvelles dimensions visées.
  • Option : le mode de redimensionnement. ignoreAspectRatio impose les valeurs exactes, maximumArea et minimumArea les traitent comme un plafond ou un plancher, onlyIfLarger et onlyIfSmaller ignorent les images déjà dans la cible, percent lit les deux valeurs en pourcentage.
Cas d'usage
alléger chaque pièce jointe avant archivage sans déformer les portraits.
10

Rotate Image

rotate

Ce que tu vois dans n8n

Notes & cas d'usage

La rotation redresse une photo arrivée de travers, ou penche volontairement un visuel pour une mise en page.

Paramètres clés

  • Property Name : la propriété binaire qui stocke l'image à tourner.
  • Rotate : l'angle de rotation en degrés, entre moins 360 et 360.
  • Background Color : la couleur qui remplit les coins vides quand l'angle n'est pas un multiple de 90 ; sur un multiple de 90, aucun vide n'apparaît et la valeur ne sert pas.
Cas d'usage
remettre d'aplomb les scans envoyés depuis un mobile avant de les classer.
11

Shear Image

shear

Ce que tu vois dans n8n

Notes & cas d'usage

Le cisaillement incline l'image le long d'un axe : le rectangle devient un parallélogramme, sans rien perdre de son contenu.

Paramètres clés

  • Property Name : la propriété binaire dans laquelle se trouve l'image.
  • Degrees X : l'inclinaison horizontale en degrés, qui décale les bords haut et bas.
  • Degrees Y : l'inclinaison verticale en degrés, même logique sur l'autre axe.
Cas d'usage
donner un effet de perspective à une capture d'écran destinée à une présentation.
12

Apply Text to Image

text

Ce que tu vois dans n8n

Notes & cas d'usage

Incruster du texte écrit directement sur l'image, et la chaîne vient le plus souvent des données qui circulent plutôt que d'une saisie manuelle.

Paramètres clés

  • Text : le texte à écrire sur l'image, souvent une expression comme {{ $json.title }}, qui reprend un champ de l'item entrant.
  • Font Size et Font Color : la taille et la couleur du texte.
  • Position X et Position Y : le point où le texte commence.
  • Max Line Length : le nombre de caractères avant le retour à la ligne.
Cas d'usage
apposer une citation sur un fond photo pour une publication quotidienne.
13

Add Transparency to Image

transparent

Ce que tu vois dans n8n

Notes & cas d'usage

Rendre une couleur transparente creuse un trou là où elle se trouvait. C'est la méthode rapide pour détacher un sujet d'un fond uni.

Paramètres clés

  • Property Name : la propriété binaire qui porte l'image à traiter.
  • Color : la couleur à rendre transparente, en hexadécimal ou choisie au sélecteur.
Cas d'usage
retirer le fond blanc du logo d'un fournisseur pour le poser sur une carte colorée fabriquée avec Create et Composite.
Besoin d'aide

Besoin d'aide pour automatiser Edit Image avec n8n ?

L'équipe te répond directement.

Chaque message est lu par une personne.

FAQ

Edit Image dans n8n, les questions fréquentes

01Le nœud Edit Image est-il gratuit dans n8n ?
Oui. Edit Image est un nœud core, livré avec n8n : rien à installer, aucun coût supplémentaire par rapport à ce que tu fais déjà tourner. Il se comporte de la même façon sur n8n Cloud, l'offre hébergée par n8n, et sur une instance auto-hébergée installée en Docker ou en npm, sous la Community Edition et sa licence Sustainable Use. Un workflow construit d'un côté tourne à l'identique de l'autre. La seule différence se situe hors de n8n : si tu ne fais pas tourner n8n sur Docker, GraphicsMagick doit être installé sur la machine pour que le nœud fonctionne.
02Que faut-il configurer avant d'utiliser Edit Image ?
Rien côté compte. Ce nœud n'a ni credential, c'est-à-dire un identifiant enregistré dans n8n, ni sélecteur Authentication : aucune clé à créer, aucun droit à accorder, aucune connexion à tester. Ce dont il a besoin, c'est d'une image. Edit Image travaille sur une propriété binaire, donc un fichier déjà attaché à l'item, et un nœud placé avant doit l'y déposer : Read/Write Files from Disk pour un fichier local, HTTP Request pour un fichier derrière une URL. Il lui faut aussi un point de départ, puisqu'il n'ouvre pas un workflow : un Schedule Trigger, un Webhook ou le trigger d'un autre outil vient en premier.
03Quelles sont les limites du nœud Edit Image n8n ?
Il retouche, il ne télécharge ni n'enregistre. Le fichier doit arriver en propriété binaire et le résultat y repart, donc récupérer et stocker relèvent d'autres nœuds. La sortie se règle avec deux options : File Name pour le nom du fichier produit et Format pour son type, parmi bmp, gif, jpeg, png, tiff et WebP. L'opération Text ajoute une option Font Name or ID. Le catalogue donne la version 1 du nœud. Un workflow ancien peut afficher une version antérieure, avec moins d'options, et un nœud ne change jamais de version tout seul.
04Quand choisir Edit Image plutôt que HTTP Request ?
Tant que la retouche voulue fait partie des 13 opérations du nœud, Edit Image suffit : recadrer, redimensionner, tourner, cisailler, flouter, border, dessiner, superposer, créer, écrire du texte, rendre une couleur transparente, lire les informations, ou enchaîner plusieurs de ces gestes avec Multi Step. Le traitement se fait sur ton instance et l'image n'en sort pas. HTTP Request prend le relais quand le résultat dépend d'un service que le nœud ne sait pas produire, une API de rendu ou de reconnaissance par exemple, puisqu'il appelle n'importe quel endpoint HTTP. C'est son rôle, et uniquement pour du HTTP.
05n8n ou Make pour retoucher des images automatiquement ?
Quatre critères tranchent. L'hébergement d'abord : n8n s'installe sur ton propre serveur en Docker ou en npm, ou s'utilise sur n8n Cloud, alors que Make est une plateforme hébergée, sans option d'auto-hébergement. La maîtrise des données ensuite : une image traitée sur une instance auto-hébergée reste sur la machine, ce qui pèse lourd quand elle contient des informations clients. Le modèle de coût : Make facture à l'opération, donc un workflow qui retouche des milliers d'images compte chaque étape, pas une instance auto-hébergée. La logique visuelle enfin : les deux dessinent le flux sur un canevas, et le choix se joue sur l'éditeur que ton équipe lit le plus vite.
Hack'celeration Lab

Reçois nos tips intégration chaque semaine.

Pas de spam. Désinscription à tout moment.