Công cụ thay đổi độ mờ ảnh

Công cụ thay đổi độ mờ ảnh ghi lại kênh alpha của bất kỳ ảnh nào để toàn bộ ảnh trở nên trong suốt một phần đúng theo tỷ lệ phần trăm bạn chọn — sau đó trả lại ảnh dưới dạng PNG vẫn trong suốt ở bất cứ đâu bạn dán ảnh. Vì độ mờ không có hình thức riêng, bản xem trước được đặt trên nền có thể chuyển đổi giữa nền caro, trắng, đen và bất kỳ màu nào bạn muốn; thang hình thu nhỏ trực tiếp cũng hiển thị cùng lúc nhiều mức độ mờ trên chính ảnh của bạn. Mọi thao tác đều diễn ra trong thẻ trình duyệt này; tệp không bao giờ được tải lên máy chủ.

Điều gì làm công cụ thay đổi độ mờ này khác biệt

Cách sử dụng Công cụ thay đổi độ mờ ảnh

1. Mở ảnh: thả tệp JPG, PNG, WebP hoặc GIF vào vùng tải ảnh lên, nhấn để duyệt tệp hoặc nhấn Ctrl+V để dán ảnh. Ảnh được giải mã trong trình duyệt và không bao giờ được tải lên máy chủ.
2. Đặt độ mờ: kéo thanh trượt Độ mờ, nhập tỷ lệ phần trăm chính xác hoặc nhấp vào một hình thu nhỏ trong thang độ mờ để xem từng mức trên ảnh thật.
3. Chọn nền xem trước: chuyển nền xem trước giữa nền caro, trắng, đen hoặc màu tùy chọn để đánh giá độ mờ trên nền mà ảnh sẽ thực sự được đặt lên.
4. Thêm hiệu ứng mờ dần nếu muốn: chọn Tuyến tính, Hướng tâm hoặc Làm mềm viền để tạo dải chuyển tiếp độ trong suốt trên ảnh, sau đó đặt góc, độ rộng hiệu ứng mờ dần và độ mờ tối thiểu.
5. Tải kết quả xuống: chọn PNG hoặc WebP để giữ kênh alpha và tải ảnh ở độ phân giải gốc, hoặc chọn JPG rồi chọn màu nền để ghép phần trong suốt lên.

Nên chọn độ mờ nào?

Đây là những mức thường gặp trong công việc thực tế. Mỗi mức chỉ là điểm bắt đầu, không phải quy tắc — hãy đặt nền xem trước gần với nền cuối cùng trước khi quyết định.

Ba kiểu mờ dần

• Tuyến tính tạo dải chuyển tiếp độ mờ theo một hướng do Góc mờ dần quyết định. Ở 90°, ảnh mờ dần xuống dưới; đây là cách phổ biến để hòa ảnh vào phần trang bên dưới. Độ rộng mờ dần quyết định phần ảnh mà dải chuyển tiếp chiếm: mức hẹp 25% giữ phần lớn ảnh ở trạng thái đậm, còn 100% làm mờ toàn bộ ảnh từ cạnh này sang cạnh kia.
• Hướng tâm giữ phần giữa đậm rồi làm mờ dần ra ngoài theo hình elip, nhờ đó chủ thể vẫn rõ nét còn vùng xung quanh mờ đi. Kiểu này phù hợp để tạo hiệu ứng tối viền mềm hoặc ảnh đại diện hình tròn không có viền cứng.
• Làm mềm viền tạo hiệu ứng mờ dần đồng đều từ cả bốn phía. Vì mức mờ phụ thuộc vào khoảng cách đến cạnh gần nhất, ảnh ngang và ảnh dọc có độ dày viền nhìn thấy như nhau — rất hữu ích khi cần giữ một bộ ảnh nhất quán.

Cả ba dải chuyển tiếp đều dùng đường cong smoothstep thay vì đường thẳng. Dải alpha tuyến tính thực ra trông như bắt đầu và kết thúc đột ngột, vì mắt rất nhạy với sự gián đoạn của tốc độ thay đổi; smoothstep làm chuyển tiếp vào và ra từ từ, tạo cảm giác tan biến tự nhiên.

Mọi người thường dùng công cụ này ở đâu

• Hình mờ: giảm logo xuống 20%, xuất dưới dạng PNG rồi đặt lên ảnh trong bất kỳ trình chỉnh sửa nào mà không cần thiết lập lại độ trong suốt mỗi lần.
• Nền trang trình chiếu và tài liệu: đặt ảnh ở mức 12% phía sau khối văn bản để tạo chiều sâu mà không làm tỷ lệ tương phản thấp hơn ngưỡng trợ năng.
• Thiết kế web và ứng dụng: tạo sẵn tài nguyên trong suốt một phần cho lớp phủ, trạng thái bị tắt và lớp khi rê chuột, dùng được với CSS không có độ mờ riêng.
• Lớp phủ video và phát trực tiếp: OBS và các công cụ tương tự ghép alpha của PNG trực tiếp, nên huy hiệu ở mức 35% có thể xuất hiện trên luồng mà không cần bộ lọc riêng.
• In ấn và đồ thủ công: tạo nền ảnh mờ cho thiệp mời, sổ lưu niệm và chứng chỉ; ảnh được lưu ở độ phân giải gốc nên không bị lấy mẫu lại.
• Ảnh chụp so sánh làm mờ: phủ một lần phơi sáng lên lần khác để căn chỉnh ảnh kiến trúc hoặc ảnh sản phẩm.

Độ mờ, độ trong suốt và alpha — cùng một khái niệm nhìn theo ba cách

Một điểm ảnh RGBA có bốn byte: đỏ, lục, lam và alpha. Alpha biểu thị mức che phủ chứ không phải màu — nó cho biết bao nhiêu nội dung phía sau điểm ảnh này sẽ hiện xuyên qua. Độ mờ là giá trị đó được biểu thị dưới dạng phần trăm, còn độ trong suốt là giá trị bù của nó; vì vậy độ mờ 30%, alpha 77 và độ trong suốt 70% đều mô tả cùng một điểm ảnh. Công cụ này thao tác trực tiếp trên byte alpha và không đụng đến các kênh đỏ, lục hay lam, nên khi giảm độ mờ rồi tăng lại, màu ban đầu được khôi phục chính xác.

Có một điểm cần biết: ImageData của canvas được lưu ở dạng chưa nhân trước, nghĩa là các kênh màu giữ nguyên giá trị đầy đủ còn alpha được lưu riêng. Một số quy trình xử lý ảnh dùng dạng nhân trước, tức là lưu màu đã được nhân với alpha; khi đó, việc chỉnh độ mờ nhiều lần sẽ khiến viền ảnh tối dần. Dạng chưa nhân trước giúp thao tác này có thể đảo ngược chính xác.

Chọn định dạng xuất

Cách đạt kết quả gọn đẹp hơn

• Trước tiên, hãy chọn nền xem trước giống thực tế. Chọn mức 25% trên nền caro rồi đặt ảnh lên trang nền tối là nguyên nhân phổ biến nhất khiến hình mờ khó đọc.
• Hãy dùng thang độ mờ trước thanh trượt. So sánh sáu mức trên ảnh của bạn cạnh nhau giúp quyết định nhanh hơn việc nhích thanh trượt rồi cố nhớ mức trước đó trông ra sao.
• Độ rộng mờ dần trên 80% thường trông như một lỗi. Giữ lại vùng giữa đậm ít nhất 20% giúp mắt có điểm để tập trung.
• Tăng độ mờ tối thiểu cho văn bản. Hiệu ứng mờ dần xuống 0 sẽ làm một phần chú thích biến mất; giữ mức tối thiểu 15–25% giúp chữ mờ nhưng vẫn đọc được.
• Nếu chưa chắc, hãy xuất PNG. PNG không mất dữ liệu, được hỗ trợ rộng rãi và là định dạng duy nhất trong ba định dạng không gây bất ngờ về sau.

Quyền riêng tư

Ảnh được giải mã, ghi lại alpha và mã hóa lại trong trình duyệt của bạn thông qua API canvas của HTML5. Không byte dữ liệu ảnh nào được gửi đến miniwebtool hay bên thứ ba, không có gì được lưu trữ và trang vẫn hoạt động sau khi bạn ngắt mạng. Điều này đặc biệt quan trọng với những tệp mọi người thường muốn thêm hình mờ: ảnh sản phẩm chưa công bố, tác phẩm của khách hàng và ảnh cá nhân.

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

Làm cách nào để thay đổi độ mờ của ảnh?

Mở ảnh, kéo thanh trượt Độ mờ đến tỷ lệ phần trăm mong muốn rồi tải ảnh xuống dưới dạng PNG. Công cụ ghi lại kênh alpha của từng điểm ảnh; vì vậy, độ mờ 40% sẽ lưu giá trị alpha là 102 trên 255, còn các kênh đỏ, lục và lam vẫn giữ nguyên. Ảnh không bị ghép lên nền trắng, nên tệp vẫn thực sự trong suốt một phần ở bất cứ đâu bạn đặt ảnh.

Tại sao ảnh trong suốt của tôi lại trông đục trở lại?

Gần như luôn là do ảnh được lưu dưới dạng JPG. Định dạng JPG không có kênh alpha, vì vậy mọi điểm ảnh trong suốt đều phải được ghép lên một màu khi ghi tệp. Hãy chọn PNG hoặc WebP để giữ độ trong suốt. Nếu PNG vẫn trông đục, hãy kiểm tra xem chương trình bạn dùng có hiển thị phần trong suốt bằng cách ghép nền hay đang đặt ảnh lên một vùng vẽ màu trắng đục.

Nên dùng độ mờ bao nhiêu cho hình mờ?

Với logo làm hình mờ trên ảnh, mức thường dùng là 15% đến 30%: đủ rõ khi người xem chú ý tìm nhưng không lấn át bức ảnh. Hình mờ dạng chữ cần độ mờ cao hơn một chút, khoảng 25% đến 40%, vì nét mảnh mờ đi nhanh hơn mảng đặc. Trước khi quyết định, hãy đặt nền xem trước gần với màu ảnh của bạn, vì cùng một hình mờ sẽ nổi bật hơn nhiều trên nền trắng so với ảnh tối.

Giảm độ mờ có làm giảm chất lượng ảnh không?

Việc thay đổi độ mờ chỉ ghi vào kênh alpha và giữ nguyên các kênh màu, nên thao tác này không làm mất chi tiết. Mọi thay đổi về chất lượng đều đến từ định dạng xuất: PNG và WebP không mất dữ liệu được mã hóa lại mà không giảm chất lượng, còn JPG nén lại ảnh và loại bỏ độ trong suốt. Hãy xuất PNG nếu sau này bạn sẽ chỉnh sửa ảnh tiếp.

Ảnh của tôi có được tải lên máy chủ không?

Không. Tệp được giải mã, cập nhật kênh alpha rồi mã hóa lại ngay trong trình duyệt của bạn thông qua API canvas, vì vậy các điểm ảnh không rời khỏi thiết bị và không có bản sao nào được lưu ở nơi khác. Trang vẫn hoạt động nếu bạn ngắt mạng sau khi tải xong, nên an toàn khi xử lý tác phẩm chưa công bố, logo khách hàng và ảnh cá nhân.