Thêm viền cho ảnh

Thêm viền màu, khoảng đệm bên trong, bo góc và đổ bóng cho bất kỳ ảnh nào ngay trong trình duyệt, với nền bên ngoài trong suốt hoặc có màu.

Thả ảnh vào đây hoặc bấm để chọn ảnh
Bạn cũng có thể dán ảnh từ clipboard (Ctrl+V / ⌘V)

Chạy hoàn toàn trong trình duyệt. Dữ liệu của bạn không bao giờ bị tải lên.

Thêm viền ảnh là gì?

Công cụ này đóng khung ảnh bằng viền đặc với độ dày và màu tùy ý, khoảng đệm trong tùy chọn với màu riêng, bo góc và đổ bóng mềm. Vùng bên ngoài khung có thể để trong suốt (hữu ích với bo góc và đổ bóng) hoặc tô màu nền.

Cách sử dụng Thêm viền ảnh

  1. Thả, chọn hoặc dán ảnh.
  2. Đặt Độ dày viền và Màu viền, và tùy chọn Khoảng đệm trong cùng màu của nó.
  3. Thêm Bo góc và Độ lớn bóng / độ lệch nếu muốn.
  4. Giữ Trong suốt bên ngoài viền hoặc chọn màu nền, rồi tải xuống (PNG giữ độ trong suốt).

Ví dụ

Đầu vào
Ảnh 40×20, viền 20 px #ff00ff, không khoảng đệm, bán kính 0
Đầu ra
PNG 80×60 có điểm ảnh trên cùng bên trái màu #FF00FF

Khi nào nên dùng Thêm viền ảnh

Dùng để ảnh chụp màn hình nổi bật trong tài liệu, thêm viền trắng kiểu “ảnh in” cho ảnh chụp, hoặc tạo ảnh bo góc có bóng cho bài đăng mạng xã hội và slide. Hãy dùng đầu ra PNG khi muốn góc bo và bóng đổ trong suốt; JPEG sẽ tô chúng màu trắng.

Thêm viền ảnh hoạt động như thế nào

Một canvas mới được tạo, lớn hơn ảnh hai lần viền cộng khoảng đệm, cộng thêm chỗ cho bóng đổ. Một hình chữ nhật bo góc được tô màu viền (kèm thiết lập bóng của canvas khi bật bóng đổ), một hình chữ nhật bo góc bên trong được tô màu khoảng đệm, và ảnh được vẽ cắt theo hình chữ nhật bo góc trong cùng, nên bán kính bo góc cũng áp dụng cho ảnh.

Các Trường Hợp Sử Dụng Phổ Biến

  • Thêm khung trắng cho ảnh đăng Instagram.
  • Thêm viền xám mảnh cho ảnh chụp màn hình trong tài liệu.
  • Tạo ảnh bo góc kiểu icon ứng dụng có bóng đổ.
  • Thêm khoảng đệm đồng đều quanh ảnh sản phẩm.

Lưu Ý Bảo Mật

Ảnh được giải mã, xử lý và mã hóa cục bộ trong trình duyệt bằng Canvas API. Không có gì được tải lên máy chủ.

Câu Hỏi Thường Gặp

Vì sao góc bo của tôi màu trắng?

JPEG không lưu được độ trong suốt. Hãy chọn PNG hoặc WebP làm định dạng đầu ra để giữ góc và bóng đổ trong suốt.

Kích thước đầu ra được tính thế nào?

Chiều rộng = chiều rộng ảnh + 2 × (viền + khoảng đệm), cộng thêm chỗ ở mỗi bên khi bật bóng đổ. Chiều cao tính tương tự.

Tôi có dùng viền bán trong suốt được không?

Ô màu nhận mã HEX 6 chữ số, nên viền luôn đục. Hãy đặt viền bằng 0 và chỉ dùng khoảng đệm nếu bạn cần khung khớp với nền của mình.

Bước tiếp theo nên làm

Khám phá thêm danh mục