Bildbearbeitung mit Ebenen, von Hand oder per API.

Ein echter Ebenen-Editor, kein Vorlagen-Ausfüller

Die meisten Banner-Generator-APIs tauschen in einem festen Design nur Text und Bild aus. Nordic Layers bietet Ihnen die Werkzeuge eines Desktop-Bildeditors, und jedes davon ist ein API-Aufruf.

• Ebenen und Füllmethoden

  Bild-, Text- und Formebenen, Farbfüllung, linearer oder radialer Verlauf und Einstellungsebenen. Zwanzig Füllmethoden, von Multiplizieren und Negativ multiplizieren bis Weiches Licht, Farbe und Luminanz, dazu Deckkraft auf jeder Ebene.

• Nicht-destruktive Korrekturen

  Tonwerte, Kurven, Farbton/Sättigung, Belichtung, Helligkeit/Kontrast, Verlaufsumsetzung, Schwarzweiß, Farbbalance, Umkehren und Körnung. Jederzeit änderbar oder entfernbar: Die Quellpixel bleiben unangetastet.

• Masken und Schnittmasken

  Ebenenmasken aus einem Rechteck, einer Ellipse, einem Verlauf oder einem anderen Bild, mit weicher Kante und Umkehrung. Schneiden Sie ein Foto an der Form der darunterliegenden Ebene aus, genau wie in einem Desktop-Editor.

• Text in jeder Schrift

  Arabisch und Urdu von rechts nach links, Hindi, Bengali und Tamil mit korrektem Schriftsatz, Chinesisch, Japanisch und Koreanisch. Boxbreite, Ausrichtung, Zeilenabstand, Fett und Kursiv in 12 Schriftfamilien.

• Filter und Ebeneneffekte

  Gaußscher Weichzeichner und Bewegungsunschärfe, Rauschen, Vignette, Schärfen und Mosaik. Schlagschatten, Kontur, äußeres Leuchten und Farbüberlagerung auf jeder Ebene, auch auf Textebenen.

• Dasselbe Dokument, zwei Zugänge

  Was Sie im Browser-Editor bauen, ist ein JSON-Dokument, das die API öffnen, ändern und exportieren kann, und umgekehrt. Designer zeichnen die Vorlage, Code füllt sie.

Beispiele, gerendert von der echten Engine

Jedes Bild unten stammt aus der Nordic-Layers-Engine und wurde aus dem JSON daneben erzeugt. Die Fotos sind Testbilder; asset_id ist die ID, die POST /v1/assets bei jedem Upload zurückgibt.

• 

  Arbeitsfläche 1200×628 · 8 Ebenen

  Produktbanner für den Onlinehandel

  Ein Produktfoto mit Schlagschatten auf einem Verlauf, ein Preis-Badge und das Angebot. Tauschen Sie Bild und Text für jedes Produkt des Katalogs aus und exportieren Sie alle mit einem Skript.

  JSON anzeigen, aus dem das Bild entstand

  // 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"}
    ]
  }

• 

  Arbeitsfläche 1080×1080 · 5 Ebenen

  Quadratischer Social-Media-Beitrag

  Ein Foto mit Tonwerten, Sättigung und Vignette sowie eine dunkle Fläche, die per Verlaufsmaske eingeblendet wird, damit die Überschrift auf jedem Bild lesbar bleibt.

  JSON anzeigen, aus dem das Bild entstand

  // 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"}
    ]
  }

• 

  Arbeitsfläche 1080×1920 · 7 Ebenen

  Story auf Arabisch

  Eine 9:16-Story mit arabischem Text im Rechts-nach-links-Satz, einem unscharfen Hintergrund und dem Foto, per Schnittmaske in eine Karte mit abgerundeten Ecken geschnitten.

  JSON anzeigen, aus dem das Bild entstand

  // 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"}
    ]
  }

• 

  Arbeitsfläche 1280×720 · 4 Ebenen

  Video-Thumbnail

  Große Schrift mit Kontur und Schlagschatten über einem gespiegelten, skalierten und aufgehellten Foto sowie ein gedrehtes Label. Genau das Thumbnail, das Sie jede Woche brauchen.

  JSON anzeigen, aus dem das Bild entstand

  // 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}
    ]
  }

• 

  Arbeitsfläche 1200×630 · 7 Ebenen

  Open-Graph-Linkvorschau

  Eine 1200×630-Karte für einen Blogbeitrag: Verlaufshintergrund, ein per Verlaufsmaske eingeblendetes Foto und eine Einstellungsebene mit Verlaufsumsetzung über allem.

  JSON anzeigen, aus dem das Bild entstand

  // 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"}
    ]
  }

• 

  Arbeitsfläche 1080×1080 · 5 Ebenen

  Eine Vorlage, alle Sprachen

  Ein Projekt, vier Exporte. Jeder Export-Aufruf enthält zwei text.set-Schritte, sodass Englisch, Spanisch, Hindi und Japanisch aus demselben Design entstehen, ohne Kopien zu speichern.

  JSON anzeigen, aus dem das Bild entstand

  // 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日から発売"}
    ]
  }

Wofür Sie es einsetzen können

• Produktbilder in großen Mengen

  Banner und Katalogbilder für jedes Produkt: eine Vorlage, Produktfoto und Preis werden per Skript ausgetauscht.

• Social-Media-Beiträge und Stories

  Beiträge und Stories in jeder Sprache aus einem Design, mit korrekt gesetztem Text in Arabisch, Hindi oder Japanisch.

• Video-Thumbnails

  Eine Thumbnail-Vorlage pro Kanal oder Serie: Titel und Foto ändern, Stil beibehalten.

• Open-Graph-Bilder

  Linkvorschau-Karten, die beim Veröffentlichen einer Seite erzeugt werden, mit dem Titel des Artikels darauf.

• Marketing-Varianten pro Sprache

  Dieselbe Kampagne in jedem Markt: übersetzter Text, lokale Preise, ein anderes Foto, alles aus einem Projekt.

• Agenten und Automatisierungen

  n8n, Make, Zapier, ein Cron-Skript oder ein KI-Agent: Alles, was eine HTTP-Anfrage mit JSON senden kann, kann Bilder bearbeiten.

• Bearbeitung im Browser

  Ein Foto retuschieren, ein Layout bauen oder eine Vorlage von Hand korrigieren, wenn es nötig ist, ohne einen Editor zu installieren.

Tarife und Preise

Starten Sie kostenlos und ohne Karte. Vorschauen sind immer kostenlos; nur Exporte zählen. Preise ohne Mehrwertsteuer, im Vereinigten Königreich in Pfund und sonst in Euro abgerechnet.

• Free

  0 € pro Monat

  Kostenlos, keine Karte nötig

  • 50 Renders pro Monat
  • Arbeitsfläche bis 4 Megapixel
  • Bis zu 10 Ebenen pro Projekt
  • 3 gespeicherte Projekte
  • 250 MB Speicher
  • Exporte 3 Tage aufbewahrt
  • API-Schlüssel: 1
  • Gleichzeitige Renders: 1
  • Kleines Wasserzeichen auf Exporten
  Kostenlos starten

• Starter

  19 € pro Monat

  £17 UK

  • 1,000 Renders pro Monat
  • Arbeitsfläche bis 12 Megapixel
  • Bis zu 30 Ebenen pro Projekt
  • 50 gespeicherte Projekte
  • 2 GB Speicher
  • Exporte 14 Tage aufbewahrt
  • API-Schlüssel: 2
  • Gleichzeitige Renders: 2
  • Kein Wasserzeichen
  Starter wählen

• Pro

  49 € pro Monat

  £43 UK

  • 5,000 Renders pro Monat
  • Arbeitsfläche bis 25 Megapixel
  • Bis zu 100 Ebenen pro Projekt
  • 500 gespeicherte Projekte
  • 10 GB Speicher
  • Exporte 30 Tage aufbewahrt
  • API-Schlüssel: 5
  • Gleichzeitige Renders: 4
  • Kein Wasserzeichen
  Pro wählen

• Business

  129 € pro Monat

  £112 UK

  • 20,000 Renders pro Monat
  • Arbeitsfläche bis 50 Megapixel
  • Bis zu 200 Ebenen pro Projekt
  • 5,000 gespeicherte Projekte
  • 50 GB Speicher
  • Exporte 60 Tage aufbewahrt
  • API-Schlüssel: 20
  • Gleichzeitige Renders: 8
  • Kein Wasserzeichen
  • Priorisiertes Rendering
  Business wählen