レイヤー画像編集を、手作業でも API でも。

テンプレートの穴埋めではない、本物のレイヤーエディタ

多くのバナー生成 API は、固定デザインの文字と画像を差し替えるだけです。Nordic Layers はデスクトップ画像エディタと同じ道具を備え、そのすべてが API 呼び出しになります。

• レイヤーと描画モード

  画像、テキスト、シェイプ、べた塗り、線形・円形グラデーション、調整レイヤー。乗算、スクリーンからソフトライト、カラー、輝度まで 20 種類の描画モードに加え、すべてのレイヤーで不透明度を指定できます。

• 非破壊の色調補正

  レベル補正、トーンカーブ、色相・彩度、露出、明るさ・コントラスト、グラデーションマップ、白黒、カラーバランス、階調の反転、粒状感。いつでも変更や削除ができ、元のピクセルには一切触れません。

• マスクとクリッピング

  長方形、楕円、グラデーションのフェード、別の画像からレイヤーマスクを作成。ぼかしと反転も可能です。デスクトップのエディタと同じように、写真を下のシェイプでクリッピングできます。

• あらゆる文字体系のテキスト

  右から左に書くアラビア語とウルドゥー語、正しく字形が組まれるヒンディー語・ベンガル語・タミル語、そして中国語・日本語・韓国語。ボックス幅、配置、行間、太字、斜体を 12 のフォントファミリーで指定できます。

• フィルターとレイヤー効果

  ガウスぼかし、モーションぼかし、ノイズ、ビネット、シャープ、モザイク。テキストを含むどのレイヤーにも、ドロップシャドウ、境界線、光彩（外側）、カラーオーバーレイを追加できます。

• 同じドキュメントに、2 つの入口

  ブラウザのエディタで作ったものは、API が開いて変更し書き出せる JSON ドキュメントです。その逆も同じ。デザイナーがテンプレートを作り、コードが中身を埋めます。

本物のエンジンで描画したサンプル

以下の画像はすべて、横に示した JSON から Nordic Layers エンジンが生成したものです。写真はテスト用の画像で、asset_id は POST /v1/assets がアップロードごとに返す ID です。

• 

  キャンバス 1200×628 · 8 レイヤー

  EC の商品バナー

  グラデーション上にドロップシャドウ付きの商品写真、価格バッジ、オファーを配置。カタログの商品ごとに素材とテキストを差し替え、1 本のスクリプトで全点を書き出せます。

  生成に使った JSON を表示

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

• 

  キャンバス 1080×1080 · 5 レイヤー

  正方形の SNS 投稿

  レベル補正、彩度、ビネットをかけた写真に、グラデーションマスクで暗い塗りをフェードイン。どんな写真でも見出しが読みやすく保たれます。

  生成に使った JSON を表示

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

• 

  キャンバス 1080×1920 · 7 レイヤー

  アラビア語のストーリーズ

  右から左に正しく組まれたアラビア語テキストを使った 9:16 のストーリーズ。ぼかした背景と、クリッピングマスクで角丸カードに切り抜いた写真。

  生成に使った JSON を表示

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

• 

  キャンバス 1280×720 · 4 レイヤー

  動画のサムネイル

  反転・拡大・明るく調整した写真の上に、境界線とドロップシャドウ付きの大きな文字と、回転したタグ。毎週作るようなサムネイルです。

  生成に使った JSON を表示

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

• 

  キャンバス 1200×630 · 7 レイヤー

  Open Graph のリンクプレビュー

  ブログ記事用の 1200×630 カード。グラデーション背景、グラデーションマスクでフェードインした写真、全体に重ねたグラデーションマップの調整レイヤー。

  生成に使った JSON を表示

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

• 

  キャンバス 1080×1080 · 5 レイヤー

  1 つのテンプレートで、すべての言語に

  1 つのプロジェクトから 4 回の書き出し。各呼び出しに text.set ステップを 2 つ加えるだけで、英語、スペイン語、ヒンディー語、日本語が、コピーを保存せず同じデザインから生まれます。

  生成に使った JSON を表示

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

使い道

• 商品画像の一括作成

  全商品のバナーとカタログ画像を、1 つのテンプレートからスクリプトで商品写真と価格を差し替えて作成。

• SNS 投稿とストーリーズ

  1 つのデザインから各言語の投稿とストーリーズを作成。アラビア語、ヒンディー語、日本語も正しく組版されます。

• 動画のサムネイル

  チャンネルやシリーズごとにサムネイルのテンプレートを用意。タイトルと写真だけ変えて、スタイルは維持。

• Open Graph 画像

  ページ公開時に、記事タイトル入りのリンクプレビューカードを自動生成。

• 地域ごとのマーケティング用バリエーション

  同じキャンペーンを各市場向けに。翻訳したテキスト、現地価格、別の写真を、1 つのプロジェクトから。

• エージェントと自動化

  n8n、Make、Zapier、cron スクリプト、AI エージェント。JSON 付きの HTTP リクエストを送れるものなら何でも画像を編集できます。

• ブラウザでの編集

  写真のレタッチ、レイアウト作成、テンプレートの手直しを、エディタをインストールせずに必要なときに手作業で。

プランと料金

カード不要で無料から始められます。プレビューは常に無料で、数えられるのは書き出しだけです。表示価格は VAT 別。英国ではポンド、その他の地域ではユーロで請求します。

• Free

  0 € 月額

  無料、カード不要

  • 月 50 レンダリング
  • キャンバス最大 4 メガピクセル
  • 1 プロジェクトあたり最大 10 レイヤー
  • 保存できるプロジェクト 3 件
  • ストレージ 250 MB
  • 書き出しファイルを 3 日間保管
  • API キー：1
  • 同時レンダリング：1
  • 書き出しに小さな透かしが入ります
  無料で始める

• Starter

  19 € 月額

  £17 UK

  • 月 1,000 レンダリング
  • キャンバス最大 12 メガピクセル
  • 1 プロジェクトあたり最大 30 レイヤー
  • 保存できるプロジェクト 50 件
  • ストレージ 2 GB
  • 書き出しファイルを 14 日間保管
  • API キー：2
  • 同時レンダリング：2
  • 透かしなし
  Starter を選ぶ

• Pro

  49 € 月額

  £43 UK

  • 月 5,000 レンダリング
  • キャンバス最大 25 メガピクセル
  • 1 プロジェクトあたり最大 100 レイヤー
  • 保存できるプロジェクト 500 件
  • ストレージ 10 GB
  • 書き出しファイルを 30 日間保管
  • API キー：5
  • 同時レンダリング：4
  • 透かしなし
  Pro を選ぶ

• Business

  129 € 月額

  £112 UK

  • 月 20,000 レンダリング
  • キャンバス最大 50 メガピクセル
  • 1 プロジェクトあたり最大 200 レイヤー
  • 保存できるプロジェクト 5,000 件
  • ストレージ 50 GB
  • 書き出しファイルを 60 日間保管
  • API キー：20
  • 同時レンダリング：8
  • 透かしなし
  • 優先レンダリング
  Business を選ぶ