← Retour aux workflows
Workflow n8n

Automatisation d'images avec n8n : traitement et redimensionnement

Ce workflow n8n a pour objectif d'automatiser le traitement d'images en fonction des nouveaux abonnés d'une plateforme. Dans un contexte où la gestion visuelle est cruciale pour l'engagement des utilisateurs, ce workflow permet de récupérer des images, de les redimensionner, de les recadrer et de les éditer automatiquement. Les entreprises qui souhaitent améliorer leur présence visuelle sur les réseaux sociaux ou leurs sites web trouveront ce processus particulièrement utile.

  • Étape 1 : le workflow débute par un déclencheur manuel, permettant à l'utilisateur de lancer le processus à tout moment.
  • Étape 2 : il effectue une requête HTTP pour récupérer les nouveaux abonnés, ce qui permet de personnaliser le contenu visuel en fonction de l'audience.
  • Étape 3 : les images sont ensuite récupérées et traitées à travers plusieurs étapes, incluant le redimensionnement et le recadrage, pour s'assurer qu'elles répondent aux spécifications requises.
  • Étape 4 : le workflow utilise des fonctions pour manipuler les données et les images, garantissant ainsi une flexibilité maximale. Les bénéfices de cette automatisation n8n incluent un gain de temps significatif dans le traitement des images et une amélioration de la qualité visuelle des contenus diffusés, ce qui peut conduire à une augmentation de l'engagement des utilisateurs et à une meilleure perception de la marque.
Tags clés :automatisationimagesn8ntraitement d'imagesréseaux sociaux
🎯Pour qui ?🧩Problème résolu📋Étapes du flux🛠Guide de personnalisation
Catégorie: Manual · Tags: automatisation, images, n8n, traitement d'images, réseaux sociaux❤ 0

Workflow n8n images, traitement d'images, réseaux sociaux : vue d'ensemble

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

React Flow
Besoin d'aide ?

Workflow n8n images, traitement d'images, réseaux sociaux : détail des nœuds

  • On clicking 'execute'

    Déclenche le workflow manuellement lorsque l'utilisateur clique sur 'exécuter'.

  • Fetch new followers

    Effectue une requête HTTP pour récupérer les nouveaux abonnés.

  • Item Lists

    Gère les listes d'éléments en fonction des options et du champ à extraire.

  • Function

    Exécute un code JavaScript personnalisé pour traiter des données.

  • Merge

    Fusionne les données provenant de plusieurs nœuds selon le mode spécifié.

  • Fetching images

    Effectue une requête HTTP pour récupérer des images.

  • Fetch bg

    Effectue une requête HTTP pour récupérer un arrière-plan.

  • Resize

    Redimensionne une image en fonction des dimensions spécifiées.

  • Crop

    Recadre une image selon les opérations définies.

  • Edit Image

    Modifie une image en appliquant les opérations spécifiées.

  • Resize1

    Redimensionne une image avec des dimensions spécifiques.

  • HTTP Request

    Effectue une requête HTTP avec des paramètres JSON pour obtenir des données.

Inscris-toi pour voir l'intégralité du workflow

Inscription gratuite

S'inscrire gratuitementBesoin d'aide ?
{
  "nodes": [
    {
      "name": "On clicking 'execute'",
      "type": "n8n-nodes-base.manualTrigger",
      "position": [
        260,
        210
      ],
      "parameters": {},
      "typeVersion": 1
    },
    {
      "name": "Fetch new followers",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        460,
        210
      ],
      "parameters": {
        "url": "https://api.twitter.com/2/users/{YOUR_USER_ID}/followers?user.fields=profile_image_url&max_results=3",
        "options": {},
        "authentication": "headerAuth"
      },
      "credentials": {
        "httpHeaderAuth": {
          "id": "2",
          "name": "Twitter Token"
        }
      },
      "typeVersion": 1
    },
    {
      "name": "Item Lists",
      "type": "n8n-nodes-base.itemLists",
      "position": [
        660,
        210
      ],
      "parameters": {
        "options": {},
        "fieldToSplitOut": "data"
      },
      "typeVersion": 1
    },
    {
      "name": "Function",
      "type": "n8n-nodes-base.function",
      "position": [
        1660,
        210
      ],
      "parameters": {
        "functionCode": "const binary = {};\nfor (let i=0; i < items.length; i++) {\n binary[`data${i}`] = items[i].binary.avatar;\n}\n\nreturn [\n {\n json: {\n numIcons: items.length,\n },\n binary,\n }\n];\n"
      },
      "typeVersion": 1
    },
    {
      "name": "Merge",
      "type": "n8n-nodes-base.merge",
      "position": [
        1910,
        110
      ],
      "parameters": {
        "mode": "mergeByIndex"
      },
      "typeVersion": 1
    },
    {
      "name": "Fetching images",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        860,
        210
      ],
      "parameters": {
        "url": "={{$json[\"profile_image_url\"].replace('normal','400x400')}}",
        "options": {},
        "responseFormat": "file",
        "dataPropertyName": "avatar"
      },
      "typeVersion": 1
    },
    {
      "name": "Fetch bg",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        1660,
        -40
      ],
      "parameters": {
        "url": "{TEMPLATE_IMAGE_URL}",
        "options": {},
        "responseFormat": "file",
        "dataPropertyName": "bg"
      },
      "typeVersion": 1
    },
    {
      "name": "Resize",
      "type": "n8n-nodes-base.editImage",
      "position": [
        1060,
        210
      ],
      "parameters": {
        "width": 200,
        "height": 200,
        "options": {},
        "operation": "resize",
        "dataPropertyName": "avatar"
      },
      "typeVersion": 1
    },
    {
      "name": "Crop",
      "type": "n8n-nodes-base.editImage",
      "position": [
        1260,
        210
      ],
      "parameters": {
        "options": {
          "format": "png"
        },
        "operation": "multiStep",
        "operations": {
          "operations": [
            {
              "width": 200,
              "height": 200,
              "operation": "create",
              "backgroundColor": "#000000ff"
            },
            {
              "color": "#ffffff00",
              "operation": "draw",
              "primitive": "circle",
              "endPositionX": 25,
              "endPositionY": 50,
              "startPositionX": 100,
              "startPositionY": 100
            },
            {
              "operator": "In",
              "operation": "composite",
              "dataPropertyNameComposite": "avatar"
            }
          ]
        },
        "dataPropertyName": "avatar"
      },
      "typeVersion": 1
    },
    {
      "name": "Edit Image",
      "type": "n8n-nodes-base.editImage",
      "position": [
        2110,
        110
      ],
      "parameters": {
        "options": {},
        "operation": "multiStep",
        "operations": {
          "operations": [
            {
              "operation": "composite",
              "positionX": 1000,
              "positionY": 375,
              "dataPropertyNameComposite": "data0"
            },
            {
              "operation": "composite",
              "positionX": 1100,
              "positionY": 375,
              "dataPropertyNameComposite": "data1"
            },
            {
              "operation": "composite",
              "positionX": 1200,
              "positionY": 375,
              "dataPropertyNameComposite": "data2"
            }
          ]
        },
        "dataPropertyName": "bg"
      },
      "typeVersion": 1
    },
    {
      "name": "Resize1",
      "type": "n8n-nodes-base.editImage",
      "position": [
        1450,
        210
      ],
      "parameters": {
        "width": 75,
        "height": 75,
        "options": {},
        "operation": "resize",
        "dataPropertyName": "avatar"
      },
      "typeVersion": 1
    },
    {
      "name": "HTTP Request",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        2310,
        110
      ],
      "parameters": {
        "url": "https://api.twitter.com/1.1/account/update_profile_banner.json",
        "options": {
          "bodyContentType": "multipart-form-data"
        },
        "requestMethod": "POST",
        "authentication": "oAuth1",
        "jsonParameters": true,
        "sendBinaryData": true,
        "binaryPropertyName": "banner:bg"
      },
      "credentials": {
        "oAuth1Api": {
          "id": "13",
          "name": "Twitter OAuth1.0"
        }
      },
      "typeVersion": 1
    }
  ],
  "connections": {
    "Crop": {
      "main": [
        [
          {
            "node": "Resize1",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Merge": {
      "main": [
        [
          {
            "node": "Edit Image",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Resize": {
      "main": [
        [
          {
            "node": "Crop",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Resize1": {
      "main": [
        [
          {
            "node": "Function",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Fetch bg": {
      "main": [
        [
          {
            "node": "Merge",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Function": {
      "main": [
        [
          {
            "node": "Merge",
            "type": "main",
            "index": 1
          }
        ]
      ]
    },
    "Edit Image": {
      "main": [
        [
          {
            "node": "HTTP Request",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Item Lists": {
      "main": [
        [
          {
            "node": "Fetching images",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Fetching images": {
      "main": [
        [
          {
            "node": "Resize",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Fetch new followers": {
      "main": [
        [
          {
            "node": "Item Lists",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "On clicking 'execute'": {
      "main": [
        [
          {
            "node": "Fetch new followers",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}

Workflow n8n images, traitement d'images, réseaux sociaux : pour qui est ce workflow ?

Ce workflow s'adresse aux équipes marketing, aux graphistes et aux entreprises de taille petite à moyenne qui cherchent à automatiser le traitement d'images pour améliorer leur communication visuelle. Un niveau technique intermédiaire est recommandé pour la personnalisation du workflow.

Workflow n8n images, traitement d'images, réseaux sociaux : problème résolu

Ce workflow résout le problème de la gestion manuelle des images, qui peut être chronophage et source d'erreurs. En automatisant le processus de traitement d'images, les utilisateurs peuvent réduire le temps passé sur des tâches répétitives et se concentrer sur des activités à plus forte valeur ajoutée. De plus, cela minimise les risques d'erreurs humaines lors de la manipulation des images, garantissant ainsi une qualité constante et professionnelle.

Workflow n8n images, traitement d'images, réseaux sociaux : étapes du workflow

Étape 1 : le processus commence par un déclencheur manuel qui permet à l'utilisateur de lancer le workflow.

  • Étape 1 : une requête HTTP est effectuée pour récupérer les nouveaux abonnés, fournissant des données pertinentes pour le traitement.
  • Étape 2 : les images sont récupérées via une autre requête HTTP.
  • Étape 3 : les images sont ensuite redimensionnées et recadrées selon les spécifications souhaitées.
  • Étape 4 : une fonction est utilisée pour manipuler les données et préparer les images pour l'édition finale.
  • Étape 5 : le workflow se termine par l'édition des images, assurant qu'elles sont prêtes à être utilisées dans les communications visuelles.

Workflow n8n images, traitement d'images, réseaux sociaux : guide de personnalisation

Pour personnaliser ce workflow, commencez par ajuster l'URL de la requête HTTP pour récupérer les nouveaux abonnés selon vos besoins spécifiques. Vous pouvez également modifier les paramètres de redimensionnement et de recadrage dans les nœuds correspondants pour répondre aux exigences de votre plateforme. Si vous souhaitez intégrer d'autres outils, envisagez d'ajouter des nœuds supplémentaires pour des services comme Google Drive ou Dropbox pour le stockage des images traitées. Assurez-vous également de tester le workflow après chaque modification pour garantir son bon fonctionnement.