Édition d'images par calques, à la main ou par API.

Un vrai éditeur de calques, pas un simple remplisseur de modèles

La plupart des API de génération de bannières remplacent un texte et une image dans un design figé. Nordic Layers vous donne les outils d'un éditeur d'images de bureau, et chacun d'eux est un appel d'API.

• Calques et modes de fusion

  Calques d'image, de texte, de forme, aplat de couleur, dégradé linéaire ou radial et calques de réglage. Vingt modes de fusion, de produit et écran à lumière tamisée, couleur et luminosité, avec une opacité sur chaque calque.

• Réglages non destructifs

  Niveaux, courbes, teinte/saturation, exposition, luminosité/contraste, courbe de dégradé, noir et blanc, balance des couleurs, inversion et grain. Modifiez-les ou supprimez-les à tout moment : les pixels d'origine ne sont jamais touchés.

• Masques et détourage

  Masques de calque à partir d'un rectangle, d'une ellipse, d'un fondu en dégradé ou d'une autre image, avec adoucissement et inversion. Détourez une photo selon la forme du calque inférieur, exactement comme dans un éditeur de bureau.

• Du texte dans toutes les écritures

  Arabe et ourdou de droite à gauche, hindi, bengali et tamoul avec une mise en forme correcte, chinois, japonais et coréen. Largeur de zone, alignement, interlignage, gras et italique dans 12 familles de polices.

• Filtres et effets de calque

  Flou gaussien et flou directionnel, bruit, vignettage, netteté et pixellisation. Ombre portée, contour, lueur externe et incrustation de couleur sur n'importe quel calque, texte compris.

• Un seul document, deux façons d'y accéder

  Ce que vous construisez dans l'éditeur du navigateur est un document JSON que l'API peut ouvrir, modifier et exporter, et inversement. Les designers dessinent le modèle, le code le remplit.

Des exemples rendus par le vrai moteur

Chaque image ci-dessous est sortie du moteur de Nordic Layers à partir du JSON qui l'accompagne. Les photos sont des images de test ; asset_id est l'ID que POST /v1/assets renvoie pour chaque import.

• 

  Zone de travail 1200×628 · 8 calques

  Bannière produit pour e-commerce

  Une photo de produit avec ombre portée sur un dégradé, une pastille de prix et l'offre. Changez l'image et le texte pour chaque produit du catalogue et exportez-les tous avec un script.

  Afficher le JSON qui l'a produit

  // POST /v1/projects
  {
    "name": "Serum banner",
    "width": 1200,
    "height": 628,
    "background": "#F4EDE4",
    "steps": [
      {"op": "layer.addFill", "name": "Backdrop", "gradient": {"colors": ["#F7F1E8", "#E6D6C1"], "angle": 0}},
      {"op": "shape.add", "shape": "ellipse", "rect": [700, 64, 500, 500], "color": "#DCC5A6", "name": "Disc"},
      {"op": "layer.addImage", "asset_id": "serum_bottle", "rect": [806, 70, 288, 480], "fit": "contain", "name": "Product"},
      {"op": "effects.set", "layer": "Product", "shadow": {"color": "#3B2A1A", "opacity": 0.35, "angle": 120, "distance": 22, "size": 34}},
      {"op": "text.add", "content": "Vitamin C serum", "fontName": "Georgia", "fontSize": 66, "bold": true, "color": "#2B2118", "origin": [72, 150], "name": "Title"},
      {"op": "text.add", "content": "Brightening daily formula · 30 ml", "fontName": "Segoe UI", "fontSize": 30, "color": "#6B5A4A", "origin": [75, 245], "name": "Subtitle"},
      {"op": "shape.add", "shape": "rectangle", "rect": [72, 340, 300, 84], "cornerRadius": 42, "color": "#1E3A5F", "name": "Badge"},
      {"op": "text.add", "content": "−30% this week", "fontName": "Segoe UI", "fontSize": 34, "bold": true, "color": "#FFFFFF", "alignment": "center", "boxWidth": 300, "origin": [72, 357], "name": "Offer"},
      {"op": "text.add", "content": "Free delivery from €30", "fontName": "Segoe UI", "fontSize": 24, "color": "#6B5A4A", "origin": [75, 460], "name": "Note"}
    ]
  }

• 

  Zone de travail 1080×1080 · 5 calques

  Publication carrée pour les réseaux sociaux

  Une photo avec niveaux, saturation et vignettage, et un aplat sombre en fondu grâce à un masque de dégradé pour que le titre reste lisible sur n'importe quelle image.

  Afficher le JSON qui l'a produit

  // POST /v1/projects
  {
    "name": "Weekend guide post",
    "width": 1080,
    "height": 1080,
    "background": "#0B1F33",
    "steps": [
      {"op": "layer.addImage", "asset_id": "photo_lake", "fitCanvas": "cover", "name": "Photo"},
      {"op": "adjust.levels", "layer": "Photo", "black": 8, "white": 245, "gamma": 1.05},
      {"op": "adjust.hueSaturation", "layer": "Photo", "saturation": 18},
      {"op": "filter.vignette", "layer": "Photo", "amount": -35, "midpoint": 55, "feather": 60},
      {"op": "layer.addFill", "color": "#0B1F33", "name": "Shade", "opacity": 0.9},
      {"op": "mask.add", "layer": "Shade", "from": [540, 1080], "to": [540, 560]},
      {"op": "text.add", "content": "WEEKEND GUIDE · ISSUE 12", "fontName": "Segoe UI", "fontSize": 28, "bold": true, "color": "#9CC7EC", "origin": [84, 724], "name": "Kicker"},
      {"op": "text.add", "content": "Slow mornings\nby the lake", "fontName": "Georgia", "fontSize": 92, "color": "#FFFFFF", "leading": 1.05, "origin": [80, 770], "name": "Headline"},
      {"op": "shape.add", "shape": "line", "from": [86, 1000], "to": [300, 1000], "color": "#FFFFFF", "lineWidth": 4, "name": "Rule"}
    ]
  }

• 

  Zone de travail 1080×1920 · 7 calques

  Story en arabe

  Une story 9:16 avec du texte arabe mis en forme de droite à gauche, un arrière-plan flouté et la photo détourée dans une carte aux coins arrondis grâce à un masque d'écrêtage.

  Afficher le JSON qui l'a produit

  // POST /v1/projects
  {
    "name": "Sale story (Arabic)",
    "width": 1080,
    "height": 1920,
    "background": "#120A1E",
    "steps": [
      {"op": "layer.addImage", "asset_id": "photo_ribbons", "fitCanvas": "cover", "name": "Backdrop"},
      {"op": "filter.gaussianBlur", "layer": "Backdrop", "radius": 28},
      {"op": "adjust.brightnessContrast", "layer": "Backdrop", "brightness": -20, "contrast": -10},
      {"op": "shape.add", "shape": "rectangle", "rect": [90, 230, 900, 1000], "cornerRadius": 48, "color": "#FFFFFF", "name": "Card"},
      {"op": "effects.set", "layer": "Card", "shadow": {"color": "#000000", "opacity": 0.55, "angle": 90, "distance": 24, "size": 60}},
      {"op": "layer.addImage", "asset_id": "photo_ribbons", "rect": [90, 230, 900, 1000], "fit": "cover", "name": "Photo"},
      {"op": "layer.clip", "layer": "Photo"},
      {"op": "text.add", "content": "تخفيضات نهاية الموسم", "fontName": "Segoe UI", "fontSize": 92, "bold": true, "color": "#FFFFFF", "alignment": "right", "boxWidth": 900, "origin": [90, 1310], "name": "Headline"},
      {"op": "text.add", "content": "خصم حتى ٤٠٪ على المجموعة كاملة", "fontName": "Segoe UI", "fontSize": 50, "color": "#E9D8FF", "alignment": "right", "boxWidth": 900, "origin": [90, 1460], "name": "Offer"},
      {"op": "shape.add", "shape": "rectangle", "rect": [610, 1610, 380, 110], "cornerRadius": 55, "color": "#FFFFFF", "name": "Button"},
      {"op": "text.add", "content": "تسوّق الآن", "fontName": "Segoe UI", "fontSize": 46, "bold": true, "color": "#120A1E", "alignment": "center", "boxWidth": 380, "origin": [610, 1628], "name": "Button label"}
    ]
  }

• 

  Zone de travail 1280×720 · 4 calques

  Miniature vidéo

  Grandes lettres avec contour et ombre portée sur une photo retournée, agrandie et éclaircie, et une étiquette inclinée. Le genre de miniature que vous créez chaque semaine.

  Afficher le JSON qui l'a produit

  // POST /v1/projects
  {
    "name": "Tutorial thumbnail",
    "width": 1280,
    "height": 720,
    "background": "#0D1117",
    "steps": [
      {"op": "layer.addImage", "asset_id": "photo_glow", "fitCanvas": "cover", "name": "Photo"},
      {"op": "transform.flip", "layer": "Photo", "axis": "horizontal"},
      {"op": "transform.scale", "layer": "Photo", "factor": 1.4},
      {"op": "transform.move", "layer": "Photo", "dx": 240},
      {"op": "adjust.exposure", "layer": "Photo", "exposure": 0.4},
      {"op": "text.add", "content": "COLOUR\nGRADING", "fontName": "Impact", "fontSize": 168, "leading": 0.98, "color": "#FFFFFF", "origin": [70, 110], "name": "Title"},
      {"op": "effects.set", "layer": "Title", "stroke": {"color": "#0D1117", "size": 10, "position": "outside"}, "shadow": {"color": "#000000", "opacity": 0.7, "angle": 120, "distance": 14, "size": 20}},
      {"op": "shape.add", "shape": "rectangle", "rect": [70, 520, 470, 92], "cornerRadius": 14, "color": "#FFCC00", "name": "Tag"},
      {"op": "transform.rotate", "layer": "Tag", "angle": -3},
      {"op": "text.add", "content": "IN 5 MINUTES", "fontName": "Impact", "fontSize": 66, "color": "#0D1117", "alignment": "center", "boxWidth": 470, "origin": [70, 526], "name": "Tag text"},
      {"op": "transform.rotate", "layer": "Tag text", "angle": -3}
    ]
  }

• 

  Zone de travail 1200×630 · 7 calques

  Aperçu de lien Open Graph

  Une carte de 1200×630 pour un article de blog : fond en dégradé, une photo en fondu avec un masque de dégradé et un calque de réglage de courbe de dégradé par-dessus le tout.

  Afficher le JSON qui l'a produit

  // POST /v1/projects
  {
    "name": "Blog link preview",
    "width": 1200,
    "height": 630,
    "background": "#1E3A5F",
    "steps": [
      {"op": "layer.addFill", "name": "Backdrop", "gradient": {"colors": ["#24476F", "#0F2238"], "angle": 120}},
      {"op": "layer.addImage", "asset_id": "photo_shore", "rect": [560, 0, 640, 630], "fit": "cover", "name": "Photo"},
      {"op": "mask.add", "layer": "Photo", "from": [900, 315], "to": [580, 315]},
      {"op": "adjustmentLayer.add", "kind": "gradientMap", "shadows": "#0F2238", "highlights": "#E8F1FA", "name": "Duotone", "opacity": 0.35},
      {"op": "text.add", "content": "THE NORDIC NOTEBOOK", "fontName": "Segoe UI", "fontSize": 24, "bold": true, "color": "#64B5F6", "origin": [72, 96], "name": "Kicker"},
      {"op": "text.add", "content": "Five quiet lakes for a long weekend", "fontName": "Georgia", "fontSize": 62, "color": "#FFFFFF", "boxWidth": 560, "leading": 1.12, "origin": [70, 150], "name": "Title"},
      {"op": "shape.add", "shape": "ellipse", "rect": [72, 470, 64, 64], "color": "#64B5F6", "name": "Avatar"},
      {"op": "text.add", "content": "A. Writer · 6 min read", "fontName": "Segoe UI", "fontSize": 26, "color": "#D6E2EF", "origin": [156, 484], "name": "Byline"}
    ]
  }

• 

  Zone de travail 1080×1080 · 5 calques

  Un modèle, toutes les langues

  Un projet, quatre exports. Chaque appel d'export contient deux étapes text.set : l'anglais, l'espagnol, l'hindi et le japonais sortent donc du même design, sans enregistrer de copies.

  Afficher le JSON qui l'a produit

  // POST /v1/projects
  {
    "name": "Collection launch",
    "width": 1080,
    "height": 1080,
    "background": "#1E3A5F",
    "steps": [
      {"op": "layer.addImage", "asset_id": "photo_dunes", "fitCanvas": "cover", "name": "Photo"},
      {"op": "adjustmentLayer.add", "kind": "gradientMap", "shadows": "#1E3A5F", "highlights": "#F6E7D8", "name": "Brand tone", "opacity": 0.55},
      {"op": "layer.addFill", "color": "#0F2238", "name": "Shade", "opacity": 0.75},
      {"op": "mask.add", "layer": "Shade", "from": [540, 0], "to": [540, 520]},
      {"op": "text.add", "content": "New collection", "fontName": "Segoe UI", "fontSize": 96, "bold": true, "color": "#FFFFFF", "alignment": "center", "boxWidth": 960, "origin": [60, 120], "name": "Title"},
      {"op": "text.add", "content": "Available from 1 November", "fontName": "Segoe UI", "fontSize": 54, "bold": true, "color": "#D6E2EF", "alignment": "center", "boxWidth": 960, "origin": [60, 250], "name": "Subtitle"}
    ]
  }
  
  // POST /v1/projects/{id}/export  (es)
  {
    "format": "webp",
    "steps": [
      {"op": "text.set", "layer": "Title", "content": "Nueva colección"},
      {"op": "text.set", "layer": "Subtitle", "content": "Disponible desde el 1 de noviembre"}
    ]
  }
  
  // POST /v1/projects/{id}/export  (hi)
  {
    "format": "webp",
    "steps": [
      {"op": "text.set", "layer": "Title", "content": "नया कलेक्शन"},
      {"op": "text.set", "layer": "Subtitle", "content": "1 नवंबर से उपलब्ध"}
    ]
  }
  
  // POST /v1/projects/{id}/export  (ja)
  {
    "format": "webp",
    "steps": [
      {"op": "text.set", "layer": "Title", "content": "新コレクション"},
      {"op": "text.set", "layer": "Subtitle", "content": "11月1日から発売"}
    ]
  }

À quoi ça sert

• Images produit en masse

  Bannières et visuels de catalogue pour chaque produit : un modèle, et un script remplace la photo et le prix.

• Publications et stories pour les réseaux sociaux

  Publications et stories dans toutes les langues à partir d'un seul design, avec un texte correctement mis en forme en arabe, en hindi ou en japonais.

• Miniatures vidéo

  Un modèle de miniature par chaîne ou par série : changez le titre et la photo, gardez le style.

• Images Open Graph

  Cartes d'aperçu de lien générées à la publication d'une page, avec le titre de l'article.

• Variantes marketing par langue

  La même campagne sur chaque marché : texte traduit, prix locaux, autre photo, le tout depuis un seul projet.

• Agents et automatisations

  n8n, Make, Zapier, un script cron ou un agent IA : tout ce qui peut envoyer une requête HTTP avec du JSON peut modifier des images.

• Édition dans le navigateur

  Retouchez une photo, composez une mise en page ou corrigez un modèle à la main quand il le faut, sans installer d'éditeur.

Forfaits et tarifs

Commencez gratuitement, sans carte bancaire. Les aperçus sont toujours gratuits ; seuls les exports comptent. Prix hors TVA, facturés en livres au Royaume-Uni et en euros ailleurs.

• Free

  0 € par mois

  Gratuit, sans carte bancaire

  • 50 rendus par mois
  • Zone de travail jusqu'à 4 mégapixels
  • Jusqu'à 10 calques par projet
  • 3 projets enregistrés
  • 250 MB de stockage
  • Exports conservés 3 jours
  • Clés d'API : 1
  • Rendus simultanés : 1
  • Petit filigrane sur les exports
  Commencer gratuitement

• Starter

  19 € par mois

  £17 UK

  • 1,000 rendus par mois
  • Zone de travail jusqu'à 12 mégapixels
  • Jusqu'à 30 calques par projet
  • 50 projets enregistrés
  • 2 GB de stockage
  • Exports conservés 14 jours
  • Clés d'API : 2
  • Rendus simultanés : 2
  • Sans filigrane
  Choisir Starter

• Pro

  49 € par mois

  £43 UK

  • 5,000 rendus par mois
  • Zone de travail jusqu'à 25 mégapixels
  • Jusqu'à 100 calques par projet
  • 500 projets enregistrés
  • 10 GB de stockage
  • Exports conservés 30 jours
  • Clés d'API : 5
  • Rendus simultanés : 4
  • Sans filigrane
  Choisir Pro

• Business

  129 € par mois

  £112 UK

  • 20,000 rendus par mois
  • Zone de travail jusqu'à 50 mégapixels
  • Jusqu'à 200 calques par projet
  • 5,000 projets enregistrés
  • 50 GB de stockage
  • Exports conservés 60 jours
  • Clés d'API : 20
  • Rendus simultanés : 8
  • Sans filigrane
  • Rendu prioritaire
  Choisir Business