WebConv
WebPn8nAutomatisationAPIOpen-sourceSelf-hosted

Creer un workflow n8n pour convertir vos images en WebP automatiquement

14 min

Creer un workflow n8n pour convertir vos images en WebP automatiquement

n8n est une plateforme d'automatisation open-source et self-hosted, ideale pour ceux qui souhaitent garder le controle total de leurs donnees. Dans ce guide complet, nous creons un workflow qui convertit automatiquement vos images en WebP via l'API WebConv.

Pourquoi choisir n8n pour l'automatisation ?

n8n se distingue des autres outils d'automatisation par plusieurs avantages :

AvantageDescription
Open sourceCode source disponible et auditable sur GitHub
Self-hostedVos donnees restent sur vos serveurs
GratuitAucune limite d'operations en self-hosted
ExtensibleCreez vos propres nodes personnalises
Fair-codeLicence permettant un usage commercial

Prerequis

Avant de commencer, vous aurez besoin de :

  1. n8n installe (cloud ou self-hosted)
  2. Un compte WebConv avec acces a l'API
  3. Votre token API WebConv depuis votre dashboard WebConv

Installation de n8n

Option 1 : Docker (recommandee)

La methode la plus simple pour installer n8n :

docker run -it --rm --name n8n -p 5678:5678 -v ~/.n8n:/home/node/.n8n n8nio/n8n

Accedez ensuite a http://localhost:5678

Option 2 : npm (pour developpeurs)

npm install n8n -g
n8n start

Option 3 : n8n Cloud

Pour ceux qui preferent une solution hebergee, n8n.cloud offre un plan gratuit.

Etape 1 : Creer un nouveau workflow

  1. Ouvrez n8n dans votre navigateur
  2. Cliquez sur "New Workflow" en haut a droite
  3. Nommez votre workflow : "Conversion WebP automatique"
  4. Cliquez sur Save pour enregistrer

Etape 2 : Configurer le declencheur (Trigger)

Option A : Webhook (recommandee)

Ideal pour declencher la conversion depuis une autre application :

  1. Cliquez sur "+" pour ajouter un node
  2. Recherchez et selectionnez "Webhook"
  3. Configurez les parametres :
    • HTTP Method : POST
    • Path : convert-to-webp
    • Response Mode : When Last Node Finishes

Votre URL webhook sera : http://votre-serveur:5678/webhook/convert-to-webp

Option B : Surveillance de dossier local

Pour surveiller un dossier sur votre serveur :

  1. Ajoutez le node "Local File Trigger"
  2. Configurez :
    • Folder to Watch : /chemin/vers/images
    • Events : File Created

Option C : Planification (Cron)

Pour des executions regulieres :

  1. Ajoutez le node "Schedule Trigger"
  2. Configurez l'intervalle souhaite (ex: toutes les 15 minutes)

Etape 3 : Recuperer l'image source

Selon votre source d'images :

Depuis Google Drive

  1. Ajoutez le node "Google Drive"
  2. Operation : Download
  3. Configurez votre connexion OAuth2
  4. Selectionnez le fichier ou mappez l'ID dynamiquement

Depuis un serveur FTP

  1. Ajoutez le node "FTP"
  2. Operation : Download
  3. Configurez vos identifiants de connexion

Depuis une URL

  1. Ajoutez le node "HTTP Request"
  2. Method : GET
  3. URL : L'URL de l'image a telecharger

Etape 4 : Appeler l'API WebConv

C'est le coeur du workflow de conversion.

  1. Ajoutez le node "HTTP Request"
  2. Configurez les parametres suivants :
ParametreValeur
MethodPOST
URLhttps://webconv.com/convert
Query Parametersquality=85, token=VOTRE_TOKEN
Body Content TypeBinary
Response FormatFile

Authentification

Ajoutez un header d'autorisation :

  • Header Name : Authorization
  • Header Value : Bearer VOTRE_TOKEN_API

Etape 5 : Renommer le fichier de sortie

  1. Ajoutez le node "Code" (JavaScript)
  2. Utilisez ce code pour renommer l'extension :
const originalName = $input.first().json.fileName;
const webpName = originalName.replace(/\.(jpg|jpeg|png|gif)$/i, '.webp');
return [{ json: { webpFileName: webpName }, binary: $input.first().binary }];

Etape 6 : Sauvegarder l'image WebP

Vers Google Drive

  1. Ajoutez le node "Google Drive"
  2. Operation : Upload
  3. Configurez le dossier de destination
  4. Mappez le nom du fichier WebP

Vers un serveur local

  1. Ajoutez le node "Write Binary File"
  2. Configurez le chemin de destination

Vers Amazon S3

  1. Ajoutez le node "AWS S3"
  2. Operation : Upload
  3. Configurez votre bucket et credentials

Etape 7 : Ajouter des notifications (optionnel)

Notification Slack

  1. Ajoutez le node "Slack"
  2. Configurez votre webhook Slack
  3. Message exemple : "Image convertie : [nom du fichier]"

Notification Email

  1. Ajoutez le node "Send Email"
  2. Configurez SMTP et destinataire

Etape 8 : Gestion des erreurs

  1. Cliquez sur le node HTTP Request
  2. Dans les settings, activez "Continue On Fail"
  3. Ajoutez un node "IF" pour detecter les erreurs
  4. Creez une branche pour les notifications d'erreur

Architecture du workflow complet

[Trigger] -> [Recuperer image] -> [API WebConv] -> [Renommer] -> [Sauvegarder] -> [Notifier]

Comparaison n8n vs Make

Criteren8nMake
CoutGratuit (self-hosted)Payant apres 1000 ops
HebergementSelf-hosted ou cloudCloud uniquement
Open sourceOuiNon
Limite d'operationsIllimitee (self-hosted)Selon le plan
PersonnalisationTres eleveeLimitee
Courbe d'apprentissageMoyenneFacile

Optimisations avancees

Traitement par lot

Pour convertir plusieurs images en parallele :

  1. Ajoutez un node "Split In Batches"
  2. Configurez la taille des lots (5-10 images)
  3. Ajoutez un delai entre les lots pour respecter les limites API

Cache des resultats

Evitez de reconvertir des images deja traitees :

  1. Stockez les hashes des fichiers traites dans Redis ou un fichier JSON
  2. Verifiez avant chaque conversion si l'image a deja ete traitee

Conclusion

Avec ce workflow n8n, vous disposez d'un systeme de conversion WebP entierement automatise et sous votre controle. L'avantage majeur de n8n est sa flexibilite et le fait qu'il soit self-hosted : vos images ne transitent que par vos propres serveurs et l'API WebConv.

Ressources utiles :

  • Dashboard WebConv pour votre token API
  • Documentation n8n pour approfondir
  • Communaute n8n pour obtenir de l'aide
  • Tarifs WebConv pour choisir votre forfait

Pour aller plus loin dans l'organisation de votre workflow documentaire global — batch processing, API REST, gestion multi-formats — notre guide ultime de la gestion de documents en ligne complète parfaitement cette automatisation n8n.

Articles similaires

Pourquoi passer vos images en WebP en 2025 ?
WebPSEOPerformance

Pourquoi passer vos images en WebP en 2025 ?

Decouvrez pourquoi le format WebP est essentiel en 2025 : reduction du poids, qualite preservee, impact SEO et Core Web Vitals. Guide complet avec exemples.

8 min