图层式图片编辑，手动或用 API 都行。

真正的图层编辑器，而不是模板填充器

大多数横幅生成 API 只是在固定设计上替换文字和图片。Nordic Layers 提供桌面图片编辑器的全套工具，而且每一项都是一次 API 调用。

• 图层与混合模式

  图片、文字、形状、纯色填充、线性或径向渐变以及调整图层。二十种混合模式，从正片叠底、滤色到柔光、颜色和明度，每个图层还可单独设置不透明度。

• 非破坏性调整

  色阶、曲线、色相/饱和度、曝光度、亮度/对比度、渐变映射、黑白、色彩平衡、反相和颗粒。随时修改或移除，原始像素不会被改动。

• 蒙版与剪贴

  可用矩形、椭圆、渐变淡出或另一张图片创建图层蒙版，支持羽化和反转。把照片剪贴到下方图形里，和桌面编辑器的做法完全一样。

• 任意文字系统的文本

  从右到左书写的阿拉伯语和乌尔都语，字形正确的印地语、孟加拉语和泰米尔语，以及中文、日语和韩语。可设置文本框宽度、对齐、行距、粗体和斜体，提供 12 个字体家族。

• 滤镜与图层效果

  高斯模糊与动感模糊、噪点、暗角、锐化和像素化。任意图层（包括文字）都可添加投影、描边、外发光和颜色叠加。

• 同一份文档，两种入口

  在浏览器编辑器中做出的内容就是一份 JSON 文档，API 可以打开、修改和导出；反过来也一样。设计师画模板，代码来填充。

由真实引擎渲染的示例

下面每张图片都是 Nordic Layers 引擎根据旁边的 JSON 生成的。照片为测试图片；asset_id 是 POST /v1/assets 为每次上传返回的 ID。

• 

  画布 1200×628 · 8 个图层

  电商商品横幅

  渐变背景上带投影的商品照片、价格标签和促销信息。为目录中的每个商品替换素材和文字，一个脚本就能全部导出。

  查看生成它的 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 个图层

  方形社交媒体图

  照片经过色阶、饱和度和暗角处理，再用渐变蒙版淡入深色填充，让标题在任何图片上都清晰易读。

  查看生成它的 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 个图层

  一个模板，所有语言

  一个项目，四次导出。每次导出调用带两个 text.set 步骤，英语、西班牙语、印地语和日语都出自同一个设计，无需保存副本。

  查看生成它的 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日から発売"}
    ]
  }

适用场景

• 批量商品图

  为每个商品生成横幅和目录图片：一个模板，由脚本替换商品照片和价格。

• 社交媒体图与快拍

  一个设计生成各语言的图文和快拍，阿拉伯语、印地语或日语文字都能正确排版。

• 视频封面

  为每个频道或系列做一个封面模板：只改标题和照片，风格保持不变。

• Open Graph 图片

  发布页面时自动生成链接预览卡片，上面印有文章标题。

• 按地区区分的营销版本

  同一场活动投放到各个市场：翻译文案、本地价格、不同照片，全部来自一个项目。

• 智能体与自动化

  n8n、Make、Zapier、定时脚本或 AI 智能体：任何能发送带 JSON 的 HTTP 请求的工具都能编辑图片。

• 在浏览器中编辑

  需要时可手动修饰照片、搭建版式或修改模板，无需安装编辑器。

套餐与价格

免费开始，无需银行卡。预览始终免费，只有导出才计数。价格不含增值税，英国以英镑结算，其他地区以欧元结算。

• Free

  0 € 每月

  免费，无需银行卡

  • 每月 50 次渲染
  • 画布最高 4 兆像素
  • 每个项目最多 10 个图层
  • 3 个已保存项目
  • 250 MB 存储空间
  • 导出文件保留 3 天
  • API 密钥：1
  • 同时渲染：1
  • 导出带小水印
  免费开始

• Starter

  19 € 每月

  £17 UK

  • 每月 1,000 次渲染
  • 画布最高 12 兆像素
  • 每个项目最多 30 个图层
  • 50 个已保存项目
  • 2 GB 存储空间
  • 导出文件保留 14 天
  • API 密钥：2
  • 同时渲染：2
  • 无水印
  选择 Starter

• Pro

  49 € 每月

  £43 UK

  • 每月 5,000 次渲染
  • 画布最高 25 兆像素
  • 每个项目最多 100 个图层
  • 500 个已保存项目
  • 10 GB 存储空间
  • 导出文件保留 30 天
  • API 密钥：5
  • 同时渲染：4
  • 无水印
  选择 Pro

• Business

  129 € 每月

  £112 UK

  • 每月 20,000 次渲染
  • 画布最高 50 兆像素
  • 每个项目最多 200 个图层
  • 5,000 个已保存项目
  • 50 GB 存储空间
  • 导出文件保留 60 天
  • API 密钥：20
  • 同时渲染：8
  • 无水印
  • 优先渲染
  选择 Business