Automatisation d'édition d'images avec n8n : création de visuels personnalisés

Ce workflow n8n a pour objectif d'automatiser le processus d'édition d'images, permettant ainsi aux utilisateurs de créer des visuels personnalisés rapidement et efficacement. Dans un contexte où la création de contenu visuel est essentielle pour les entreprises, ce workflow s'adresse particulièrement aux équipes marketing, aux graphistes et aux créateurs de contenu qui cherchent à optimiser leur flux de travail. Grâce à l'automatisation n8n, il devient possible de réduire le temps passé sur des tâches répétitives tout en améliorant la qualité des visuels produits. Le workflow débute par un déclencheur manuel, permettant à l'utilisateur de lancer le processus à tout moment. Ensuite, il utilise des nœuds pour obtenir les métadonnées des images et les éditer selon les besoins. Les nœuds 'Get Meta BG' et 'Get Meta Top' récupèrent les informations nécessaires pour les images de fond et de premier plan. Par la suite, les nœuds 'Nest Bg Meta' et 'Nest Top Meta' organisent ces métadonnées. L'étape suivante consiste à calculer le centre de l'image avec le nœud 'Calculate Center', suivi de la récupération des logos et des images de fond via des requêtes HTTP. Une fois les images récupérées, le workflow fusionne les éléments en un seul fichier image, ce qui permet de créer un visuel final. Les nœuds de renommage et d'édition d'images sont également utilisés pour s'assurer que les éléments sont correctement superposés et ajustés. En intégrant des notes autocollantes, ce workflow permet d'ajouter des annotations ou des informations supplémentaires sur les visuels. En fin de compte, cette automatisation offre un gain de temps considérable et une amélioration de la productivité, tout en permettant aux utilisateurs de se concentrer sur des tâches plus créatives.

À qui s'adresse ce workflow ?

Ce que ce workflow résout

Comment ça fonctionne

Visualisation du workflow n8n

Schéma des nœuds et connexions de ce workflow n8n, généré à partir du JSON n8n.

Importer dans n8n en un clic

Inscris-toi gratuitement pour télécharger le fichier .json, puis fais Import from File dans n8n pour déployer le workflow en quelques secondes.

{
  "meta": {
    "instanceId": "ecec1cfe760b632dcb0132ecf2ac7c047c6f290f3f4a5640e2e2466f0269ccaf"
  },
  "nodes": [
    {
      "id": "a30e02b0-b807-4a4c-b2a6-19bacf5f2f8f",
      "name": "When clicking \"Test workflow\"",
      "type": "n8n-nodes-base.manualTrigger",
      "position": [
        800,
        180
      ],
      "parameters": {},
      "typeVersion": 1
    },
    {
      "id": "558afdb5-7311-48f1-9464-01b6933eaffe",
      "name": "Get Meta BG",
      "type": "n8n-nodes-base.editImage",
      "position": [
        1300,

Personnaliser ce workflow

Détail des nœuds n8n

• 01

  When clicking "Test workflow"

  Déclenche le workflow lorsque l'utilisateur clique sur 'Test workflow'.

• 02

  Get Meta BG

  Récupère les métadonnées de l'image en utilisant l'opération spécifiée.

• 03

  Nest Top Meta

  Définit les options et les affectations pour les métadonnées de l'image supérieure.

• 04

  Nest Bg Meta

  Définit les options et les affectations pour les métadonnées de l'image de fond.

• 05

  Calculate Center

  Calcule le centre de l'image en exécutant le code JavaScript fourni.

• 06

  Get Logo for the Watermark

  Effectue une requête HTTP pour obtenir le logo à utiliser comme filigrane.

• 07

  Get the Image for Background

  Effectue une requête HTTP pour obtenir l'image de fond.

• 08

  Wait for both Images and merge Binary in one Item

  Attend que les deux images soient prêtes et les fusionne en un seul élément binaire.

• 09

  Rename Image Binary Top Image

  Renomme l'image binaire de l'image supérieure en exécutant le code JavaScript spécifié.

• 10

  Rename Image Binary Background Image

  Renomme l'image binaire de l'image de fond en exécutant le code JavaScript spécifié.

• 11

  Get Meta Top

  Récupère les métadonnées de l'image supérieure en utilisant l'opération spécifiée.

• 12

  Let "top" overlay "bg"

  Applique une opération d'édition à l'image supérieure pour la superposer sur l'image de fond à des coordonnées spécifiques.

• 13

  Sticky Note

  Crée une note autocollante avec les dimensions et le contenu spécifiés.

• 14

  Sticky Note1

  Crée une seconde note autocollante avec les dimensions et le contenu spécifiés.

• 15

  Sticky Note2

  Crée une note autocollante colorée avec les dimensions et le contenu spécifiés.

• 16

  Note3

  Crée une troisième note autocollante avec les dimensions et le contenu spécifiés.