Chuyển tới nội dung chính
Platform/Tools/Image / Dev tools/Photo Editor
IMAGE / DEV TOOLS UNIQUE · CHƯA ĐỐI THỦ NÀO LÀM

Chỉnh sửa ảnh online (Photoshop mini)

Photoshop mini chạy trên trình duyệt

Brightness · Contrast · 8 filter · Crop preset · Rotate · Text overlay — không cần Photoshop

FilterCropText overlay
Photo Editor
Brightness · Contrast · Filters · Crop · Rotate · Text overlay
100% xử lý trên máy bạn — file không upload lên server
Bấm hoặc kéo ảnh để bắt đầu chỉnh sửa
Brightness · Contrast · Filters · Crop · Rotate · Text overlay
JPG · PNG · WebP — kết quả lưu thành JPG hoặc PNG

Hướng dẫn photo editor

Chỉnh sáng/tương phản, áp bộ lọc màu, xoay hoặc cắt ảnh, và chèn thêm 1 dòng chữ lên ảnh là những việc chủ shop hay cần khi không có phần mềm chỉnh ảnh chuyên dụng. Công cụ này gộp 4 việc đó vào 1 trang chỉnh ảnh đơn giản: tải 1 ảnh lên, xem preview thay đổi ngay lập tức, xuất file khi ưng ý.

Đây là công cụ chỉnh từng ảnh một (không xử lý hàng loạt nhiều ảnh cùng lúc như Image Toolkit) — phù hợp khi cần chăm kỹ 1 tấm ảnh đại diện, ảnh bìa hay ảnh sản phẩm chính, thay vì xử lý số lượng lớn ảnh giống nhau.

Mọi thao tác chỉnh sửa — điều chỉnh màu, áp filter, xoay/lật/crop, chèn chữ — đều dựng trên Canvas API ngay trong trình duyệt, không có bước tải ảnh lên máy chủ nào trong suốt quá trình chỉnh sửa.

Bảng màu thương hiệu trên bàn thiết kế
Ảnh sản phẩm và bộ màu thống nhất là phần khách nhìn thấy trước khi đọc bất kỳ dòng chữ nào.

4 nhóm chỉnh sửa

TabNội dungPhạm vi chỉnh
Chỉnh màuSáng, tương phản, bão hoà màu, hue, độ mờ (blur)Sáng/tương phản/bão hoà 20-200%, hue −180° đến 180°, blur 0-20px
Filter8 bộ lọc dựng sẵn: Gốc, Đen trắng, Sepia, Vintage, Lạnh, Ấm, Sắc nét, Điện ảnhChọn 1 filter, có thể kết hợp thêm với tab Chỉnh màu
Xoay & CropXoay 90°/-90°, lật ngang/dọc, cắt theo 6 tỷ lệ dựng sẵnTỷ lệ: Tự do, 1:1, 4:5 (Instagram), 16:9 (banner), 9:16 (Reels), 3:4 (in A4)
Chữ overlayChèn 1 dòng chữ lên ảnhNội dung chữ, cỡ chữ 20-120px, màu, vị trí trên/giữa/dưới, in đậm, bóng đổ
Đúng 4 tab trong PhotoEditor.tsx — các chỉnh sửa ở tab khác nhau có thể dùng cùng lúc trên 1 ảnh.

Cắt theo tỷ lệ hoạt động thế nào

Phần cắt theo tỷ lệ là cắt canh giữa (center-crop): công cụ tự cắt phần thừa ở giữa ảnh theo đúng tỷ lệ đã chọn, không có khung crop để tự kéo chọn vùng cắt. Nếu chủ thể chính không nằm giữa ảnh gốc, nên tự cắt sơ ảnh trước cho chủ thể vào giữa rồi mới tải lên đây.

Xuất file

  • Tải JPG (nhẹ) — phù hợp đăng mạng xã hội, dung lượng nhỏ hơn.
  • Tải PNG (nét) — giữ chất lượng cao hơn, phù hợp khi cần in ấn hoặc lưu bản gốc đã chỉnh.
  • Nút "Reset chỉnh sửa" đưa mọi thông số về mặc định (100%, filter Gốc, không xoay/lật/crop, không chữ) mà không cần tải lại ảnh.
  • Nút "Đổi ảnh khác" thay ảnh mới và tự reset toàn bộ chỉnh sửa của ảnh cũ.

Ví dụ: ảnh sản phẩm cần tăng sáng nhẹ và cắt vuông cho Instagram

  1. Tải ảnh lên: Ảnh hiện ngay trên khung preview
  2. Tab Chỉnh màu — kéo Sáng lên: 115% (tăng 15% so với gốc)
  3. Tab Chỉnh màu — kéo Tương phản lên: 110%
  4. Tab Xoay & Crop — chọn tỷ lệ: 1:1 vuông
  5. Tải JPG: Ra file ảnh vuông, sáng và tương phản đã tăng theo đúng % đã kéo

Không có công thức tính sẵn — mọi thay đổi hiển thị trực tiếp trên preview ngay khi kéo thanh trượt, đúng bằng giá trị % hiển thị cạnh mỗi thanh.

Lỗi thường gặp khi tính tay

  • Kéo tương phản hoặc bão hoà lên quá cao (gần 200%) cho ảnh sản phẩm cần giữ đúng màu sắc thật — dễ làm màu sản phẩm trong ảnh lệch so với hàng thật, gây hiểu lầm cho khách khi nhận hàng.
  • Chọn tỷ lệ crop rồi thắc mắc vì sao chủ thể chính bị cắt mất — công cụ cắt canh giữa ảnh, không nhận diện chủ thể, cần bố cục ảnh gốc có chủ thể ở giữa trước khi crop theo tỷ lệ hẹp (ví dụ 9:16).
  • Chèn chữ overlay không bật bóng đổ trên ảnh nền sáng màu — chữ dễ bị chìm vào nền, khó đọc; bật "Bóng đổ" giúp chữ nổi rõ hơn trên mọi nền.
  • Tải PNG cho ảnh cần đăng lên mạng xã hội — PNG thường nặng hơn JPG nhiều lần cho cùng 1 ảnh, nên chỉ dùng PNG khi thật sự cần giữ chất lượng cao nhất (ví dụ để in), còn đăng bài nên chọn JPG.
  • Chỉnh xong không bấm "Reset chỉnh sửa" mà chọn "Đổi ảnh khác" rồi lại quay về ảnh cũ — công cụ không lưu lịch sử chỉnh sửa theo từng ảnh, đổi ảnh là mất toàn bộ chỉnh sửa của ảnh trước đó.

Cần làm tiếp việc gì sau khi tính xong

// Câu hỏi thường gặp

Bạn có thắc mắc về Photo Editor?

Photo Editor có xử lý hàng loạt nhiều ảnh cùng lúc như Image Toolkit không?+

Không. Đây là công cụ chỉnh từng ảnh một, phù hợp khi cần chăm kỹ 1 tấm ảnh đại diện hoặc ảnh bìa — xử lý nhiều ảnh cùng lúc nên dùng Image Toolkit.

Ảnh tải lên Photo Editor có gửi lên máy chủ không?+

Không. Mọi chỉnh sửa (màu sắc, filter, xoay/crop, chữ overlay) đều dựng trên Canvas API ngay trong trình duyệt, không có bước tải ảnh lên máy chủ.

Crop theo tỷ lệ có cho kéo chọn vùng cắt tự do không?+

Không. Đây là cắt canh giữa (center-crop) tự động theo tỷ lệ đã chọn, không có khung để tự kéo chọn vùng — cần bố cục chủ thể ở giữa ảnh gốc trước khi crop tỷ lệ hẹp.

Nên tải kết quả dạng JPG hay PNG?+

JPG (nhẹ) phù hợp đăng mạng xã hội vì dung lượng nhỏ hơn. PNG (nét) phù hợp khi cần giữ chất lượng cao nhất, ví dụ để in ấn hoặc lưu bản gốc đã chỉnh.

Đổi sang ảnh khác thì chỉnh sửa của ảnh cũ có giữ lại không?+

Không. Bấm "Đổi ảnh khác" sẽ tự động reset toàn bộ chỉnh sửa — công cụ không lưu lịch sử chỉnh sửa riêng cho từng ảnh.

Chèn được bao nhiêu dòng chữ lên ảnh?+

Công cụ hỗ trợ 1 dòng chữ overlay mỗi lần, với cỡ chữ, màu, vị trí (trên/giữa/dưới), in đậm và bóng đổ tuỳ chỉnh.

// Tools liên quan
// CẦN HƠN TOOL?

Web cho doanh nghiệp của bạn?

Webchốt là studio thiết kế web Next.js. Tools miễn phí. Service chuyên nghiệp khi cần.

Demo