Tạo nền matte cho ảnh
Bao ảnh bất kỳ trong một nền matte gọn gàng — màu đơn, gradient hoặc nền làm mờ — kèm lề, bo góc và đổ bóng. Hoàn hảo để biến ảnh lệch kích thước thành bài đăng vuông vắn hoặc cỡ story.
Các bước sử dụng
- Tải ảnh lên.
- Chọn tỉ lệ khung (1:1, 4:5, 9:16 cho story, …).
- Chọn nền: gradient, màu đơn, hoặc bản làm mờ của chính ảnh.
- Chỉnh lề, bo góc và đổ bóng.
- Tuỳ chọn thêm khung cửa sổ và chọn độ phân giải xuất, rồi Tải PNG.
Khung cửa sổ (làm đẹp ảnh chụp màn hình)
Bọc ảnh trong một khung trình duyệt hoặc ứng dụng giả để ảnh chụp màn hình trông như ảnh sản phẩm:
- Cửa sổ macOS — thanh tiêu đề trung tính với ba nút đèn giao thông, không có thanh địa chỉ.
- Chrome / Safari / Arc — thanh tiêu đề có đèn giao thông và ô địa chỉ. Gõ gì tuỳ bạn ở Nội dung thanh địa chỉ (
example.com,app.thuonghieu.io, …). - Khung tối đổi thanh tiêu đề sang tông tối, hợp với ảnh chụp giao diện dark mode.
Khung và ảnh được canh như một khối duy nhất, nên cửa sổ không bao giờ tràn ra ngoài khung hình dù bạn chọn tỉ lệ nào.
Mẹo
- Nền ảnh làm mờ giúp ảnh chụp màn hình và ảnh sản phẩm trông chỉn chu mà không tốn công.
- Dùng 4:5 cho bài feed và 9:16 cho story/reels.
- Lề càng rộng thì ảnh càng "thở" hơn trong khung.
- Làm ảnh hero cho landing page hoặc bộ ảnh Product Hunt: khung Chrome + nền gradient + xuất 2x.
- Khi bật khung cửa sổ, hãy giảm bo góc xuống khoảng 8–12%; bo quá tròn sẽ không còn giống cửa sổ thật.
Câu hỏi thường gặp
Kết quả có độ phân giải bao nhiêu?
Cạnh dài nhất là 1400px ở mức 1x, 2800px ở 2x và 4200px ở 3x. Dùng 2x hoặc 3x khi cần in, cho màn hình retina, hoặc khi ảnh còn bị cắt lại sau này.
Ảnh có bị tải lên không?
Không — nền matte được ghép cục bộ trên canvas trong trình duyệt.