Edição de imagens em camadas, no manual ou por API.

Um editor de camadas de verdade, não um preenchedor de modelos

A maioria das APIs geradoras de banners troca um texto e uma imagem em um design fixo. O Nordic Layers entrega as ferramentas de um editor de imagens de desktop, e cada uma delas é uma chamada de API.

• Camadas e modos de mesclagem

  Camadas de imagem, texto, forma, preenchimento de cor, gradiente linear ou radial e camadas de ajuste. Vinte modos de mesclagem, de multiplicar e tela a luz suave, cor e luminosidade, com opacidade em cada camada.

• Ajustes não destrutivos

  Níveis, curvas, matiz/saturação, exposição, brilho/contraste, mapa de gradiente, preto e branco, balanço de cores, inverter e granulação. Altere ou remova a qualquer momento: os pixels originais nunca são tocados.

• Máscaras e recorte

  Máscaras de camada a partir de um retângulo, uma elipse, um degradê ou outra imagem, com suavização e inversão. Recorte uma foto no formato da camada abaixo, exatamente como em um editor de desktop.

• Texto em todos os alfabetos

  Árabe e urdu da direita para a esquerda, híndi, bengali e tâmil com a formatação correta, chinês, japonês e coreano. Largura da caixa, alinhamento, entrelinha, negrito e itálico em 12 famílias de fontes.

• Filtros e efeitos de camada

  Desfoque gaussiano e de movimento, ruído, vinheta, nitidez e pixelização. Sombra, contorno, brilho externo e sobreposição de cor em qualquer camada, inclusive nas de texto.

• O mesmo documento, duas formas de entrar

  O que você monta no editor do navegador é um documento JSON que a API pode abrir, alterar e exportar, e vice-versa. Designers desenham o modelo, o código preenche.

Exemplos renderizados pelo motor real

Cada imagem abaixo saiu do motor do Nordic Layers a partir do JSON ao lado. As fotos são imagens de teste; asset_id é o ID que POST /v1/assets devolve a cada upload.

• 

  Tela 1200×628 · 8 camadas

  Banner de produto para e-commerce

  Uma foto de produto com sombra sobre um degradê, uma etiqueta de preço e a oferta. Troque a imagem e o texto de cada produto do catálogo e exporte todos com um script.

  Mostrar o JSON que gerou a imagem

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

• 

  Tela 1080×1080 · 5 camadas

  Post quadrado para redes sociais

  Uma foto com níveis, saturação e vinheta, e um preenchimento escuro que surge com uma máscara de degradê para o título continuar legível em qualquer imagem.

  Mostrar o JSON que gerou a imagem

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

• 

  Tela 1080×1920 · 7 camadas

  Story em árabe

  Um story 9:16 com texto árabe formatado da direita para a esquerda, um fundo desfocado e a foto recortada em um cartão arredondado com uma máscara de recorte.

  Mostrar o JSON que gerou a imagem

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

• 

  Tela 1280×720 · 4 camadas

  Thumbnail de vídeo

  Letras grandes com contorno e sombra sobre uma foto espelhada, ampliada e clareada, e uma etiqueta girada. O tipo de thumbnail que você faz toda semana.

  Mostrar o JSON que gerou a imagem

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

• 

  Tela 1200×630 · 7 camadas

  Prévia de link Open Graph

  Um cartão de 1200×630 para um post de blog: fundo em degradê, uma foto que se dissolve com uma máscara de degradê e uma camada de ajuste de mapa de gradiente por cima de tudo.

  Mostrar o JSON que gerou a imagem

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

• 

  Tela 1080×1080 · 5 camadas

  Um modelo, todos os idiomas

  Um projeto, quatro exportações. Cada chamada de exportação leva dois passos text.set, então inglês, espanhol, híndi e japonês saem do mesmo design sem salvar cópias.

  Mostrar o JSON que gerou a imagem

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

Para que você pode usar

• Imagens de produto em lote

  Banners e imagens de catálogo para cada produto: um modelo, com a foto e o preço trocados por um script.

• Posts e stories para redes sociais

  Posts e stories em todos os idiomas a partir de um único design, com o texto formatado corretamente em árabe, híndi ou japonês.

• Thumbnails de vídeo

  Um modelo de thumbnail por canal ou série: mude o título e a foto, mantenha o estilo.

• Imagens Open Graph

  Cartões de prévia de link gerados quando você publica uma página, com o título do artigo.

• Variações de marketing por idioma

  A mesma campanha em cada mercado: texto traduzido, preços locais, outra foto, tudo a partir de um projeto.

• Agentes e automações

  n8n, Make, Zapier, um script cron ou um agente de IA: qualquer coisa que envie uma requisição HTTP com JSON pode editar imagens.

• Edição no navegador

  Retoque uma foto, monte um layout ou ajuste um modelo manualmente quando precisar, sem instalar um editor.

Planos e preços

Comece de graça, sem cartão. As prévias são sempre gratuitas; só as exportações contam. Preços sem impostos, cobrados em libras no Reino Unido e em euros nos demais lugares.

• Free

  0 € por mês

  Grátis, sem cartão

  • 50 renders por mês
  • Tela de até 4 megapixels
  • Até 10 camadas por projeto
  • 3 projetos salvos
  • 250 MB de armazenamento
  • Exportações guardadas por 3 dias
  • Chaves de API: 1
  • Renders simultâneos: 1
  • Pequena marca d'água nas exportações
  Começar grátis

• Starter

  19 € por mês

  £17 UK

  • 1,000 renders por mês
  • Tela de até 12 megapixels
  • Até 30 camadas por projeto
  • 50 projetos salvos
  • 2 GB de armazenamento
  • Exportações guardadas por 14 dias
  • Chaves de API: 2
  • Renders simultâneos: 2
  • Sem marca d'água
  Escolher Starter

• Pro

  49 € por mês

  £43 UK

  • 5,000 renders por mês
  • Tela de até 25 megapixels
  • Até 100 camadas por projeto
  • 500 projetos salvos
  • 10 GB de armazenamento
  • Exportações guardadas por 30 dias
  • Chaves de API: 5
  • Renders simultâneos: 4
  • Sem marca d'água
  Escolher Pro

• Business

  129 € por mês

  £112 UK

  • 20,000 renders por mês
  • Tela de até 50 megapixels
  • Até 200 camadas por projeto
  • 5,000 projetos salvos
  • 50 GB de armazenamento
  • Exportações guardadas por 60 dias
  • Chaves de API: 20
  • Renders simultâneos: 8
  • Sem marca d'água
  • Renderização prioritária
  Escolher Business