Edición de imágenes por capas, a mano o por API.

Un editor de capas de verdad, no un rellenador de plantillas

La mayoría de las API para generar banners cambian un texto y una imagen sobre un diseño fijo. Nordic Layers te da las herramientas de un editor de imágenes de escritorio, y cada una es una llamada a la API.

• Capas y modos de fusión

  Capas de imagen, texto, forma, relleno de color, degradado lineal o radial y capas de ajuste. Veinte modos de fusión, de multiplicar y trama a luz suave, color y luminosidad, con opacidad en cada capa.

• Ajustes no destructivos

  Niveles, curvas, tono/saturación, exposición, brillo/contraste, mapa de degradado, blanco y negro, equilibrio de color, invertir y grano. Cámbialos o quítalos cuando quieras: los píxeles originales nunca se tocan.

• Máscaras y recorte

  Máscaras de capa a partir de un rectángulo, una elipse, un degradado o de otra imagen, con suavizado e inversión. Recorta una foto con la forma de la capa inferior, igual que en un editor de escritorio.

• Texto en todos los alfabetos

  Árabe y urdu de derecha a izquierda, hindi, bengalí y tamil con el trazado correcto, chino, japonés y coreano. Ancho de caja, alineación, interlineado, negrita y cursiva en 12 familias tipográficas.

• Filtros y efectos de capa

  Desenfoque gaussiano y de movimiento, ruido, viñeta, enfoque y pixelado. Sombra, trazo, resplandor exterior y superposición de color en cualquier capa, también en las de texto.

• El mismo documento, dos formas de entrar

  Lo que montas en el editor del navegador es un documento JSON que la API puede abrir, modificar y exportar, y al revés. Los diseñadores dibujan la plantilla y el código la rellena.

Ejemplos renderizados por el motor real

Cada imagen de abajo salió del motor de Nordic Layers a partir del JSON que tiene al lado. Las fotos son imágenes de prueba; asset_id es el ID que devuelve POST /v1/assets en cada subida.

• 

  Lienzo 1200×628 · 8 capas

  Banner de producto para e-commerce

  Una foto de producto con sombra sobre un degradado, una etiqueta de precio y la oferta. Cambia la imagen y el texto de cada producto del catálogo y expórtalos todos con un script.

  Ver el JSON que la generó

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

• 

  Lienzo 1080×1080 · 5 capas

  Publicación cuadrada para redes

  Una foto con niveles, saturación y viñeta, y un relleno oscuro que aparece con una máscara de degradado para que el titular se lea sobre cualquier imagen.

  Ver el JSON que la generó

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

• 

  Lienzo 1080×1920 · 7 capas

  Story en árabe

  Una story 9:16 con texto árabe trazado de derecha a izquierda, un fondo desenfocado y la foto recortada en una tarjeta redondeada con una máscara de recorte.

  Ver el JSON que la generó

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

• 

  Lienzo 1280×720 · 4 capas

  Miniatura de vídeo

  Tipografía grande con trazo y sombra sobre una foto volteada, escalada y aclarada, y una etiqueta girada. El tipo de miniatura que haces cada semana.

  Ver el JSON que la generó

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

• 

  Lienzo 1200×630 · 7 capas

  Vista previa de enlace Open Graph

  Una tarjeta de 1200×630 para un artículo del blog: fondo con degradado, una foto que se funde con una máscara de degradado y una capa de ajuste de mapa de degradado por encima de todo.

  Ver el JSON que la generó

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

• 

  Lienzo 1080×1080 · 5 capas

  Una plantilla, todos los idiomas

  Un proyecto, cuatro exportaciones. Cada llamada de exportación lleva dos pasos text.set, así que el inglés, el español, el hindi y el japonés salen del mismo diseño sin guardar copias.

  Ver el JSON que la generó

  // 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 qué puedes usarlo

• Imágenes de producto en lote

  Banners e imágenes de catálogo para cada producto: una plantilla, y un script cambia la foto y el precio.

• Publicaciones y stories para redes

  Publicaciones y stories en todos los idiomas desde un solo diseño, con el texto bien trazado en árabe, hindi o japonés.

• Miniaturas de vídeo

  Una plantilla de miniatura por canal o serie: cambia el título y la foto, conserva el estilo.

• Imágenes Open Graph

  Tarjetas de vista previa de enlaces generadas al publicar una página, con el título del artículo.

• Variantes de marketing por idioma

  La misma campaña en cada mercado: texto traducido, precios locales, otra foto, todo desde un solo proyecto.

• Agentes y automatizaciones

  n8n, Make, Zapier, un script cron o un agente de IA: cualquier cosa que pueda enviar una petición HTTP con JSON puede editar imágenes.

• Edición en el navegador

  Retoca una foto, monta una composición o corrige una plantilla a mano cuando haga falta, sin instalar un editor.

Planes y precios

Empieza gratis, sin tarjeta. Las vistas previas son siempre gratuitas; solo cuentan las exportaciones. Precios sin IVA, facturados en libras en el Reino Unido y en euros en el resto.

• Free

  0 € al mes

  Gratis, sin tarjeta

  • 50 renders al mes
  • Lienzo de hasta 4 megapíxeles
  • Hasta 10 capas por proyecto
  • 3 proyectos guardados
  • 250 MB de almacenamiento
  • Exportaciones conservadas 3 días
  • Claves de API: 1
  • Renders simultáneos: 1
  • Pequeña marca de agua en las exportaciones
  Empezar gratis

• Starter

  19 € al mes

  £17 UK

  • 1,000 renders al mes
  • Lienzo de hasta 12 megapíxeles
  • Hasta 30 capas por proyecto
  • 50 proyectos guardados
  • 2 GB de almacenamiento
  • Exportaciones conservadas 14 días
  • Claves de API: 2
  • Renders simultáneos: 2
  • Sin marca de agua
  Elegir Starter

• Pro

  49 € al mes

  £43 UK

  • 5,000 renders al mes
  • Lienzo de hasta 25 megapíxeles
  • Hasta 100 capas por proyecto
  • 500 proyectos guardados
  • 10 GB de almacenamiento
  • Exportaciones conservadas 30 días
  • Claves de API: 5
  • Renders simultáneos: 4
  • Sin marca de agua
  Elegir Pro

• Business

  129 € al mes

  £112 UK

  • 20,000 renders al mes
  • Lienzo de hasta 50 megapíxeles
  • Hasta 200 capas por proyecto
  • 5,000 proyectos guardados
  • 50 GB de almacenamiento
  • Exportaciones conservadas 60 días
  • Claves de API: 20
  • Renders simultáneos: 8
  • Sin marca de agua
  • Renderizado prioritario
  Elegir Business