Chỉnh sửa ảnh theo lớp, làm tay hay qua API.

Trình chỉnh sửa theo lớp thực thụ, không chỉ điền vào mẫu

Hầu hết API tạo banner chỉ thay một đoạn chữ và một bức ảnh trên thiết kế cố định. Nordic Layers mang đến bộ công cụ của trình chỉnh sửa ảnh trên máy tính, và mỗi công cụ đều là một lệnh gọi API.

• Lớp và chế độ hòa trộn

  Lớp ảnh, văn bản, hình, tô màu đặc, chuyển sắc tuyến tính hoặc tròn và lớp điều chỉnh. Hai mươi chế độ hòa trộn, từ multiply và screen đến soft light, color và luminosity, cùng độ trong suốt cho từng lớp.

• Điều chỉnh không phá hủy

  Levels, curves, hue/saturation, độ phơi sáng, độ sáng/tương phản, gradient map, đen trắng, cân bằng màu, đảo màu và hạt nhiễu. Đổi hoặc gỡ bất cứ lúc nào: điểm ảnh gốc không bao giờ bị đụng đến.

• Mặt nạ và cắt xén

  Mặt nạ lớp từ hình chữ nhật, hình elip, dải mờ chuyển sắc hoặc một ảnh khác, có làm mờ viền và đảo ngược. Cắt ảnh theo hình bên dưới, đúng như trong trình chỉnh sửa trên máy tính.

• Văn bản ở mọi hệ chữ

  Tiếng Ả Rập và Urdu viết từ phải sang trái, tiếng Hindi, Bengal và Tamil với hình dạng chữ chuẩn, cùng tiếng Trung, Nhật và Hàn. Chỉnh được chiều rộng khung, căn lề, giãn dòng, in đậm và in nghiêng trong 12 họ phông chữ.

• Bộ lọc và hiệu ứng lớp

  Làm mờ Gaussian và mờ chuyển động, nhiễu, vignette, làm nét và pixel hóa. Thêm bóng đổ, viền, quầng sáng ngoài và phủ màu lên bất kỳ lớp nào, kể cả văn bản.

• Một tài liệu, hai cách vào

  Những gì bạn dựng trong trình chỉnh sửa trên trình duyệt là một tài liệu JSON mà API có thể mở, sửa và xuất, và ngược lại. Nhà thiết kế vẽ mẫu, mã nguồn điền nội dung.

Ví dụ do công cụ thật kết xuất

Mỗi ảnh dưới đây được công cụ Nordic Layers tạo ra từ đoạn JSON bên cạnh. Ảnh chụp là ảnh thử; asset_id là ID mà POST /v1/assets trả về cho mỗi lần tải lên.

• 

  Khung vẽ 1200×628 · 8 lớp

  Banner sản phẩm thương mại điện tử

  Ảnh sản phẩm có bóng đổ trên nền chuyển sắc, huy hiệu giá và ưu đãi. Thay ảnh gốc và văn bản cho từng sản phẩm trong danh mục rồi xuất tất cả chỉ bằng một đoạn mã.

  Xem JSON đã tạo ra ảnh

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

• 

  Khung vẽ 1080×1080 · 5 lớp

  Bài đăng mạng xã hội hình vuông

  Ảnh được chỉnh levels, độ bão hòa và vignette, cùng lớp tô tối mờ dần bằng mặt nạ chuyển sắc để tiêu đề luôn dễ đọc trên mọi bức ảnh.

  Xem JSON đã tạo ra ảnh

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

• 

  Khung vẽ 1080×1920 · 7 lớp

  Story bằng tiếng Ả Rập

  Story 9:16 với văn bản tiếng Ả Rập hiển thị từ phải sang trái, nền mờ, và ảnh được cắt vào thẻ bo góc bằng mặt nạ cắt xén.

  Xem JSON đã tạo ra ảnh

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

• 

  Khung vẽ 1280×720 · 4 lớp

  Ảnh thu nhỏ video

  Chữ lớn có viền và bóng đổ trên ảnh đã lật, phóng to và tăng sáng, kèm một nhãn xoay nghiêng. Đúng loại ảnh thu nhỏ bạn làm mỗi tuần.

  Xem JSON đã tạo ra ảnh

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

• 

  Khung vẽ 1200×630 · 7 lớp

  Xem trước liên kết Open Graph

  Thẻ 1200×630 cho bài blog: nền chuyển sắc, ảnh mờ dần bằng mặt nạ chuyển sắc và một lớp điều chỉnh gradient map phủ lên tất cả.

  Xem JSON đã tạo ra ảnh

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

• 

  Khung vẽ 1080×1080 · 5 lớp

  Một mẫu, mọi ngôn ngữ

  Một dự án, bốn bản xuất. Mỗi lệnh xuất mang hai bước text.set, nên tiếng Anh, Tây Ban Nha, Hindi và Nhật đều đến từ cùng một thiết kế mà không cần lưu bản sao.

  Xem JSON đã tạo ra ảnh

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

Bạn có thể dùng để làm gì

• Ảnh sản phẩm hàng loạt

  Banner và ảnh danh mục cho mọi sản phẩm: một mẫu, ảnh sản phẩm và giá được thay bằng một đoạn mã.

• Bài đăng và story mạng xã hội

  Bài đăng và story bằng mọi ngôn ngữ từ một thiết kế, với văn bản hiển thị đúng bằng tiếng Ả Rập, Hindi hay Nhật.

• Ảnh thu nhỏ video

  Một mẫu ảnh thu nhỏ cho mỗi kênh hoặc series: đổi tiêu đề và ảnh, giữ nguyên phong cách.

• Ảnh Open Graph

  Thẻ xem trước liên kết được tạo khi bạn đăng trang, in sẵn tiêu đề bài viết.

• Biến thể marketing theo thị trường

  Cùng một chiến dịch ở từng thị trường: văn bản đã dịch, giá địa phương, ảnh khác, tất cả từ một dự án.

• Tác tử và tự động hóa

  n8n, Make, Zapier, một đoạn mã cron hay một tác tử AI: bất cứ thứ gì gửi được yêu cầu HTTP kèm JSON đều có thể chỉnh sửa ảnh.

• Chỉnh sửa ngay trên trình duyệt

  Chỉnh ảnh, dựng bố cục hoặc sửa mẫu bằng tay khi cần, mà không phải cài trình chỉnh sửa.

Các gói và giá

Bắt đầu miễn phí, không cần thẻ. Bản xem trước luôn miễn phí; chỉ các lần xuất mới được tính. Giá chưa bao gồm VAT, thanh toán bằng bảng Anh tại Vương quốc Anh và bằng euro ở nơi khác.

• Free

  0 € mỗi tháng

  Miễn phí, không cần thẻ

  • 50 lượt kết xuất mỗi tháng
  • Khung vẽ tối đa 4 megapixel
  • Tối đa 10 lớp mỗi dự án
  • 3 dự án đã lưu
  • 250 MB dung lượng lưu trữ
  • Giữ bản xuất 3 ngày
  • Khóa API: 1
  • Kết xuất đồng thời: 1
  • Có watermark nhỏ trên bản xuất
  Bắt đầu miễn phí

• Starter

  19 € mỗi tháng

  £17 UK

  • 1,000 lượt kết xuất mỗi tháng
  • Khung vẽ tối đa 12 megapixel
  • Tối đa 30 lớp mỗi dự án
  • 50 dự án đã lưu
  • 2 GB dung lượng lưu trữ
  • Giữ bản xuất 14 ngày
  • Khóa API: 2
  • Kết xuất đồng thời: 2
  • Không có watermark
  Chọn Starter

• Pro

  49 € mỗi tháng

  £43 UK

  • 5,000 lượt kết xuất mỗi tháng
  • Khung vẽ tối đa 25 megapixel
  • Tối đa 100 lớp mỗi dự án
  • 500 dự án đã lưu
  • 10 GB dung lượng lưu trữ
  • Giữ bản xuất 30 ngày
  • Khóa API: 5
  • Kết xuất đồng thời: 4
  • Không có watermark
  Chọn Pro

• Business

  129 € mỗi tháng

  £112 UK

  • 20,000 lượt kết xuất mỗi tháng
  • Khung vẽ tối đa 50 megapixel
  • Tối đa 200 lớp mỗi dự án
  • 5,000 dự án đã lưu
  • 50 GB dung lượng lưu trữ
  • Giữ bản xuất 60 ngày
  • Khóa API: 20
  • Kết xuất đồng thời: 8
  • Không có watermark
  • Kết xuất ưu tiên
  Chọn Business