Trình lật hình ảnh miễn phí

Cách Lật Ảnh Hoạt Động

Lật là gương hoàn hảo từng pixel: hình học của ảnh được phản chiếu qua một trục mà không có resampling, nội suy hay mất mát. Trình duyệt vẽ ảnh đã tải lên Canvas ngoài màn hình, áp dụng ctx.scale(-1, 1) để lật ngang hoặc ctx.scale(1, -1) để lật dọc, rồi vẽ lại. Vì phép biến đổi chỉ đảo ngược hệ tọa độ trước khi vẽ, mỗi pixel đầu ra ánh xạ đến chính xác một pixel đầu vào, không mất chất lượng trong bitmap.

Chỗ duy nhất có thể mất chất lượng là bước mã hóa cuối cùng. PNG và WebP hỗ trợ mã hóa không mất dữ liệu và truyền ảnh đã lật mà không suy giảm. JPEG là định dạng có mất dữ liệu; mã hóa lại canvas sang JPEG luôn tạo ra một chút nhiễu lượng tử hóa, ngay cả ở chất lượng tối đa. Nếu bạn bắt đầu từ JPEG và cần JPEG trả về, thao tác lật cộng nén lại là không thể tránh. Các phép biến đổi JPEG-sang-JPEG không mất dữ liệu là có thể (công cụ dòng lệnh jpegtran -flip horizontal hoạt động trên các hệ số discrete cosine transform mà không giải nén) nhưng không có trình duyệt nào hiển thị trực tiếp thao tác đó.

Khi Nào Bạn Cần Lật Ảnh

• Chỉnh selfie. Hầu hết điện thoại hiển thị bản xem trước camera trước như ảnh gương (để bạn thấy những gì quen thuộc từ gương phòng tắm) nhưng lưu ảnh chụp không ảnh gương, nghĩa là ảnh trông «sai» với bạn khi xem lại. iOS gọi điều này trong Settings → Camera → Mirror Front Camera. Lật ngang khôi phục phiên bản ảnh gương mà mắt bạn quen thuộc.
• Bố cục thiết kế đối xứng. Xây dựng bố cục cân bằng từ một tài sản đơn: logo có mũi tên trỏ trái cần trỏ phải, ảnh ghế để gương qua ranh giới, bộ icon chỉ có một hướng.
• Phát hiện bố cục trong nghệ thuật. Họa sĩ và nhiếp ảnh gia truyền thống lật tác phẩm trong khi xem xét vì «mỏi mắt» che giấu sự mất cân bằng trên hình ảnh quen thuộc. Phiên bản lật ngang của ảnh hoặc tranh của bạn tiết lộ lỗi bố cục trong vài giây, cùng thủ thuật được Leonardo da Vinci sử dụng, người nổi tiếng viết sổ tay bằng chữ gương và hiểu giá trị của việc nhìn công việc của mình ở góc độ mới.
• Chuẩn bị in. Một số quy trình in (giấy chuyển nhiệt, in lụa, ủi áo, khắc dấu nhất định) yêu cầu tác phẩm được lật trước để xuất hiện đúng sau khi chuyển. Không lật trước tạo ra văn bản ngược và logo bị đảo.
• Ảnh tham khảo cho designer. Nghiên cứu cách bố cục đọc theo hướng viết RTL, hoặc cách thiết kế cờ hoạt động ở vị trí gương.
• Kiểm tra khả năng tiếp cận cho dyslexia / công cụ xử lý thị giác. Một số công nghệ hỗ trợ hiển thị phiên bản gương; kiểm tra giao diện trông như thế nào khi lật có thể phát hiện vấn đề đọc.

Tại Sao Selfie Trông Lạ

Có một lý do tâm lý nhỏ đáng biết: người ta thích hình ảnh gương của khuôn mặt họ hơn là phiên bản không gương mà mọi người khác nhìn thấy. Nghiên cứu gốc năm 1977 (Mita, Dermer, & Knight, «Reversed facial images and the mere-exposure hypothesis») cho các đối tượng xem cả hai phiên bản chân dung của họ và phát hiện ra họ nhất quán đánh giá phiên bản gương là hấp dẫn hơn. Giải thích đơn giản: đó là phiên bản bạn nhìn thấy mỗi ngày trong gương và cửa sổ cửa hàng; nó quen thuộc, và sự quen thuộc (hiệu ứng «mere-exposure») thúc đẩy sở thích.

Hậu quả thực tế: khi bạn xem lại selfie mà máy ảnh lưu không gương, các bất đối xứng của khuôn mặt bạn xuất hiện «bị đổi chỗ» so với cách bạn thường thấy mình. Lật ảnh ngang đặt bạn trở lại phiên bản mà não bộ nhận ra. Ảnh chụp để gửi cho người khác không cần lật: họ đang nhìn bạn lần đầu và không có «phiên bản gương» để so sánh.

Thẻ Hướng EXIF: Cạm Bẫy Ẩn

Ảnh JPEG từ máy ảnh và điện thoại mang thẻ metadata EXIF gọi là Orientation (giá trị 1-8) cho trình xem biết cách hiển thị tệp. Một số kết quả «lật» có thể được mã hóa dưới dạng thay đổi thẻ hướng mà không sửa đổi bất kỳ pixel nào, nhanh hơn nhiều và không mất dữ liệu. Hầu hết các công cụ trực tuyến, kể cả công cụ này, xử lý JPEG bằng cách đọc pixel qua Canvas và mã hóa lại, hoạt động đúng cho kết quả hiển thị nhưng loại bỏ thẻ hướng EXIF gốc trong quá trình.

Hậu quả thực tế: nếu JPEG đầu vào của bạn có thẻ hướng EXIF (ví dụ: ảnh chân dung từ điện thoại với orientation=6 nghĩa là «xoay 90° theo chiều kim đồng hồ để hiển thị»), JPEG đầu ra sẽ là bitmap phẳng đã xoay với orientation=1. Về mặt thị giác giống với đầu vào nhưng không có gợi ý hướng EXIF. Hầu hết phần mềm xử lý cả hai trường hợp đúng cách; một số trình xem ảnh cũ hơn có thể hiển thị đầu vào và đầu ra ở các góc xoay khác nhau.

Đầu Ra PNG vs JPG: Nên Chọn Gì

• Đầu ra PNG nếu nguồn là PNG, ảnh chụp màn hình, hoặc bất cứ thứ gì có cạnh sắc nét hoặc văn bản. PNG không mất dữ liệu, đầu ra lật giống hệt từng bit so với phiên bản lật thủ công của nguồn. Bảo toàn trong suốt.
• Đầu ra JPG chỉ khi nguồn là ảnh JPEG và bạn muốn kích thước tệp tương tự. Mã hóa lại JPG thêm một số artefact nén ngay cả ở chất lượng tối đa. JPG không hỗ trợ trong suốt, các kênh alpha được làm phẳng trên màu nền (thường là trắng).
• Đầu ra WebP (khi công cụ cung cấp tùy chọn này) để có sự đánh đổi tốt nhất giữa kích thước và chất lượng trong bối cảnh web hiện đại. WebP không mất dữ liệu nhỏ hơn PNG; WebP có mất dữ liệu nhỏ hơn JPG ở chất lượng thị giác tương đương.

Quyền Riêng Tư

Ảnh chứa nhiều hơn chỉ hình ảnh: metadata EXIF có thể bao gồm tọa độ GPS nơi chụp, số serial máy ảnh, dấu thời gian chụp gốc và dấu vân tay phần mềm. Ảnh chụp màn hình có thể chứa giao diện bảo mật, văn bản nháp, nhãn hiệu ứng dụng nội bộ. Ảnh cá nhân chứa khuôn mặt của những người chưa đồng ý được chia sẻ với bên thứ ba. Các công cụ lật phía máy chủ nhận tất cả điều đó. Công cụ này chạy hoàn toàn trong trình duyệt của bạn qua Canvas API, ảnh đi từ hệ thống tệp của bạn đến canvas trong bộ nhớ và trở lại thư mục tải xuống. Không có gì được tải lên.

Những Sai Lầm Phổ Biến

1. Quên rằng văn bản trở nên không đọc được sau khi lật ngang. Logo có chữ, biển hiệu, chú thích: bất cứ thứ gì đọc được trong nguồn trở thành chữ gương trong đầu ra. Hữu ích khi có chủ ý; gây khó chịu khi không.
2. Mất chất lượng do mã hóa lại JPEG. Lật JPEG và lưu dưới dạng JPEG luôn mã hóa lại. Đối với nhiều lần lật liên tiếp, các bước lưu-dưới-dạng-JPEG trung gian tích lũy mất mát. Lưu dưới dạng PNG giữa các bước nếu bạn sẽ lật nhiều lần.
3. Mất trong suốt khi xuất dưới dạng JPG. JPEG không có kênh alpha. PNG với nền trong suốt được làm phẳng thành nền JPG trắng (hoặc bất kỳ màu dự phòng nào).
4. Quên thẻ hướng EXIF. Nếu công cụ downstream của bạn phụ thuộc vào hướng EXIF, vòng xử lý này loại bỏ nó. Hình ảnh hiển thị đúng; metadata được đặt lại.
5. Cố lật GIF động và chỉ nhận được khung đầu tiên. Hầu hết Canvas API của trình duyệt chỉ nhìn thấy khung đầu tiên của GIF động. Lật đa khung yêu cầu thư viện GIF chuyên dụng có thể phân tách và lắp lại từng khung.
6. Nhấn Reset và mất công việc. Reset thay thế canvas bằng bản gốc. Nếu bạn xếp chồng nhiều lần lật và muốn hoàn tác chỉ một lần, không có tính năng hoàn tác tích hợp; hãy reset và áp dụng lại.
7. Giới hạn kích thước canvas trên Mobile Safari. iOS Safari giới hạn các canvas rất lớn (khoảng 4096×4096 trong thực tế). Ảnh độ phân giải rất cao có thể bị trình duyệt thu nhỏ trước khi lật. Để làm việc pixel-perfect trên ảnh lớn, hãy thực hiện trên desktop.

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

Ảnh lật có bị mất chất lượng không?

Bản thân thao tác lật không mất dữ liệu: mỗi pixel đầu ra ánh xạ đến chính xác một pixel đầu vào qua phép đảo ngược tọa độ. Chất lượng chỉ có thể bị mất ở bước mã hóa cuối: đầu ra PNG và WebP không mất dữ liệu và giống hệt pixel so với lật nguồn. Đầu ra JPG mã hóa lại bitmap và thêm một chút nhiễu lượng tử hóa. Nếu bạn bắt đầu từ JPG và không cần tệp nhỏ hơn, hãy lưu dưới dạng PNG để tránh lần nén thứ hai.

Công cụ này có hoạt động với GIF động không?

Canvas API của trình duyệt thường chỉ cung cấp cho bạn khung đầu tiên của GIF động. Vì vậy GIF được lật ở đây sẽ là ảnh tĩnh đơn của khung đầu tiên, không phải lật động. Để lật từng khung của GIF động, hãy dùng công cụ GIF chuyên dụng có thể phân tách hoạt ảnh, lật từng khung và lắp lại.

Tại sao dữ liệu EXIF của ảnh biến mất sau khi lật?

Vì quá trình lật xảy ra qua Canvas, chỉ nhìn thấy pixel chứ không phải metadata EXIF. Ảnh đầu ra được mã hóa mới, với hướng EXIF mặc định là 1 (không cần xoay) và không có GPS, model máy ảnh hay dấu thời gian của nguồn. Từ góc độ quyền riêng tư đây thường là điều tốt; từ góc độ lưu trữ thì có nghĩa là các công cụ downstream của bạn không thấy EXIF.

Có gì được tải lên không?

Không. Ảnh được tải vào Canvas trong trình duyệt của bạn qua FileReader + Image, lật được thực hiện qua ctx.scale + drawImage, và tải xuống được tạo cục bộ qua canvas.toBlob. Không có yêu cầu mạng nào mang các byte ảnh. Điều này quan trọng khi ảnh chứa GPS EXIF, khuôn mặt, ảnh chụp màn hình giao diện bảo mật, hoặc bất cứ thứ gì bạn không muốn giao cho bên thứ ba.

Tại sao kích thước ảnh tối đa là 50 MB?

Các thao tác Canvas tỷ lệ với diện tích pixel, không phải kích thước tệp, nhưng các tệp rất lớn gián tiếp có nghĩa là canvas rất lớn, và trình duyệt giới hạn kích thước canvas trên các thiết bị hạn chế bộ nhớ (đặc biệt là iOS Safari, giới hạn diện tích canvas ở khoảng 4096×4096 trong thực tế). Giới hạn 50 MB là lưới an toàn để ngăn tab bị crash. Đối với ảnh lớn hơn, hãy thu nhỏ trước bằng công cụ Image Resizer rồi lật.

Sự khác biệt giữa lật và xoay là gì?

Lật phản chiếu ảnh qua một trục (trái-phải hoặc trên-dưới) tạo ra ảnh gương. Xoay quay ảnh quanh tâm của nó (90°, 180°, 270°). Lật ngang cộng lật dọc giống như xoay 180°, nhưng chỉ lật ngang không giống với xoay 90°. Dùng công cụ xoay (hoặc kết hợp dọc + ngang của công cụ này cho 180°) khi bạn thực sự cần quay ảnh, không phải gương nó.