hermoso
Đăng nhập Đăng ký
MCP & CLI
APIBảng giá
Đăng nhập Đăng ký

Collage lưới ảnh

Một bảng cảm hứng tự lắp ráp lấy.

Ảnh sản phẩm và lifestyle thật rơi vào từng ô một với một nhịp nảy nhẹ, rồi kết thúc thành một lưới hoàn chỉnh dưới một logo thương hiệu.

Đây là một trong 13 mẫu quảng cáo HTML gốc trong Hermoso, các định dạng được render từ markup thật bởi trình duyệt thay vì được tạo bởi mô hình. Mẫu này xuất ra video, có 4 ô nội dung để bạn điền, và cần 4 ảnh sản phẩm từ thương hiệu của bạn trước khi chạy được.

Khi nào nên dùng

Dành cho bộ sưu tập, dải sản phẩm, bộ trước và sau, và bất kỳ thương hiệu nào có thư viện ảnh đẹp không có chỗ dùng. Nó biến một thư mục ảnh thành một video được thiết kế.

Điều cần làm đúng

Cần bốn ảnh. Định dạng là sự lắp ráp của một lưới, nên các ô phải là những bức ảnh thực sự khác nhau chứ không phải các phần cắt của một ảnh.

Tổng quan định dạng

  • Đầu ra: một video.
  • Ô nội dung: 4, mỗi ô có ngân sách ký tự riêng được suy ra từ bố cục thay vì ước đoán.
  • Tài nguyên cần có: 4 ảnh sản phẩm.
  • Mã mẫu: photo-grid.

Mẫu này được render như thế nào

Không có gì ở đây được tạo bởi mô hình ảnh hay video. Định dạng là một trang HTML tự đủ với hoạt ảnh là hàm thuần của thời gian, không có keyframe CSS, bộ hẹn giờ hay tính ngẫu nhiên. Bộ render bước trang đó từng khung trong Chrome headless, chụp ảnh từng khung, và ghép chúng bằng ffmpeg thành tệp H.264 kết thúc bằng hiệu ứng chuyển mờ sang thẻ kết thúc thương hiệu của bạn.

Từ đó suy ra hai điều. Việc render có tính xác định: cùng đầu vào cho cùng một tệp, nên một định dạng trông đúng hôm qua sẽ trông đúng hôm nay. Và mọi chữ trên màn hình là văn bản thật do trình duyệt render, nghĩa là nội dung chính xác và sắc nét ở mọi độ phân giải. Toàn bộ chỉ tốn vài credit thay vì một lần tạo video, và đó là điều khiến các định dạng này khả thi để chạy với khối lượng lớn.

Tôi có thể dùng các phần cắt của cùng một bức ảnh không?

Không. Định dạng là sự lắp ráp của một lưới, nên cần bốn bức ảnh thực sự khác nhau. Các phần cắt của một ảnh sẽ lắp thành một lưới không có gì để hé lộ, và đó là điều duy nhất mà hoạt ảnh tồn tại để làm.

Cả 13 mẫu được liệt kê tại chỉ mục mẫu quảng cáo gốc, và danh mục rộng hơn nằm ở chỉ mục công thức sáng tạo.

Mẫu collage lưới ảnh có thể truy cập từ Claude, Cursor, Codex hoặc bất kỳ client MCP nào khác cũng như từ studio web, với cùng nền tảng thương hiệu. Điều khiển một định dạng từ tác tử giải thích cách thiết lập.

Render một quảng cáo định dạng gốc chỉ với vài credit. Gói miễn phí không cần thẻ.

Bắt đầu miễn phí →   Xem giá