Xoay ảnh online theo góc tùy ý — Image Rotator

Công cụ xoay ảnh online theo góc tùy ý là gì?

Ảnh chụp bị nằm ngang, tài liệu bị ngược đầu hoặc đường chân trời hơi nghiêng thường cần một phép xoay để dễ xem hơn. Công cụ xoay ảnh online giúp thay đổi hướng của một ảnh quanh tâm, hiển thị bản xem trước và tạo tệp ảnh để tải xuống. Phạm vi được xác nhận trong mã là xử lý từng ảnh mà trình duyệt đọc thành công, không phải chỉnh sửa hàng loạt hay bảo toàn chuyển động của ảnh động.

Kết quả phụ thuộc vào ba nhóm lựa chọn. Thứ nhất là góc xoay, quyết định hướng ảnh. Thứ hai là cách xử lý khung: mở rộng để chứa ảnh sau xoay hoặc giữ kích thước gốc và bỏ phần vượt ra ngoài. Thứ ba là nền cùng định dạng xuất, quyết định diện mạo vùng trống và khả năng giữ độ trong suốt.

“Góc tùy ý” ở đây cần hiểu đúng phạm vi triển khai: người dùng điều chỉnh theo từng độ nguyên, chẳng hạn 2°, 3° hay 17°, không phải độ chính xác thập phân như 0,5°. Các nút xoay nhanh phục vụ thay đổi 90° hoặc 180°; điều khiển góc cho phép tinh chỉnh hướng theo bước nhỏ hơn.

Đầu vào là một tệp ảnh cùng các lựa chọn xử lý. Đầu ra gồm bản xem trước, kích thước khung sau xoay và tệp được yêu cầu xuất dưới dạng PNG, JPG hoặc WebP. Khả năng đọc và mã hóa từng định dạng vẫn phụ thuộc trình duyệt. Đây là công cụ đổi hướng ảnh, không có căn cứ để coi là chức năng tự làm thẳng, khôi phục chi tiết hay sửa phối cảnh.

Năm thuật ngữ cần hiểu khi xoay ảnh

Góc xoay

Góc xoay là mức thay đổi hướng của ảnh, tính bằng độ; một vòng đầy đủ bằng 360°. Trong công cụ này, góc dương xoay thuận chiều kim đồng hồ, góc âm xoay ngược chiều kim đồng hồ. Góc quyết định hướng nhìn chứ không trực tiếp quyết định dung lượng tệp. Điểm dễ nhầm là nhiều giá trị có thể chỉ cùng một hướng: −90° tương đương 270°. Ngoài ra, “góc lẻ” có thể chỉ góc không vuông như 3°, không có nghĩa công cụ nhận góc thập phân.

Khung bao sau xoay

Khung bao là hình chữ nhật có các cạnh ngang, dọc đủ chứa ảnh sau khi xoay. Khi ảnh nghiêng, những góc ảnh nhô ra khiến khung cần rộng hoặc cao hơn để không cắt nội dung. Đây là cơ sở của chế độ mở rộng khung. Tuy nhiên, khung lớn hơn không có nghĩa vật thể trong ảnh được phóng lớn hoặc có thêm chi tiết. Phần diện tích tăng thêm chủ yếu là nền bao quanh hình ảnh đã đổi hướng.

Pixel và kích thước ảnh

Pixel là đơn vị điểm ảnh; kích thước thường được ghi theo thứ tự chiều rộng × chiều cao, chẳng hạn 1200 × 800 px. Thông tin này cho biết số điểm ảnh theo hai chiều, khác với dung lượng đo bằng KB hoặc MB. Nó cũng khác kích thước nhìn thấy trên màn hình: bản xem trước có thể được thu nhỏ để vừa khu vực hiển thị. Vì vậy, cần đọc số pixel được công cụ ghi riêng thay vì ước lượng đầu ra bằng mắt.

Độ trong suốt và kênh alpha

Độ trong suốt thể hiện mức có thể nhìn xuyên qua một điểm ảnh; kênh alpha lưu thông tin đó trong định dạng có hỗ trợ. PNG và WebP có khả năng chứa độ trong suốt, còn JPG không có kênh này. Trong vùng xem trước, nền caro giúp nhận biết phần trong suốt; caro không phải họa tiết được thêm vào tệp. Cần phân biệt vùng trống mới xuất hiện khi xoay với những vùng trong suốt vốn đã có trong ảnh nguồn.

Chất lượng mã hóa ảnh

Chất lượng mã hóa là tham số hướng dẫn bộ mã hóa cân đối mức nén và độ trung thực của ảnh. Với công cụ này, lựa chọn chất lượng phục vụ bước xuất JPG/WebP, không phải bộ lọc làm nét hay tăng độ phân giải. Mức 92% không có nghĩa chắc chắn giữ 92% chi tiết, cũng không dự báo một dung lượng cụ thể. Tương tự, 100% không đồng nghĩa mọi trường hợp đều không mất dữ liệu; cách mã hóa còn phụ thuộc định dạng và trình duyệt.

Đầu vào và kết quả: cần kiểm tra những thông tin nào?

Ảnh nguồn và các lựa chọn đầu vào

Tệp cần được nhận diện với loại MIME thuộc nhóm ảnh, sau đó được trình duyệt giải mã thành công. JPG, PNG, WebP và GIF được nhắc trên giao diện, nhưng không phải lời bảo đảm mọi tệp mang các đuôi này đều đọc được. Chọn hoặc kéo nhiều tệp cũng không tạo xử lý hàng loạt: phần xử lý chỉ lấy tệp đầu tiên.

Điều khiển trực tiếp nhận góc từ −180° đến 180° theo bước 1°; các lệnh xoay nhanh có thể cộng dồn thành tổng góc lớn hơn. Mặc định, công cụ mở rộng khung, dùng nền trắng, chọn PNG và đặt chất lượng ở 92%. Nền còn có đen, trong suốt hoặc màu tự chọn; khung có lựa chọn giữ kích thước gốc; định dạng còn có JPG và WebP.

Đọc kích thước và bản xem trước

Thông tin nguồn gồm tên tệp, chiều rộng × chiều cao và dung lượng của tệp đã chọn. Dung lượng này không phải dung lượng ảnh sắp tải xuống. Thông tin kết quả ghi kích thước khung sau xoay theo pixel, góc tương đương và chế độ khung đang dùng.

Bản xem trước cập nhật khi đổi góc, nền, khung hoặc định dạng. Trên màn hình nhỏ, ảnh có thể được hiển thị thu gọn mà không thay đổi kích thước pixel đầu ra đã tính. Vì vậy, ảnh nhìn nhỏ trong trang không chứng minh tệp tải xuống bị giảm kích thước; hãy căn cứ vào số chiều rộng và chiều cao được ghi.

Hiểu tệp tải xuống và chất lượng xuất

PNG, JPG và WebP là các định dạng công cụ yêu cầu trình duyệt mã hóa. Tham số chất lượng dành cho JPG/WebP; PNG không sử dụng nó theo cách tương tự. Chất lượng chỉ được áp dụng ở bước tạo tệp, nên không có bản xem trước riêng mô phỏng ảnh sau nén.

Không thể suy ra dung lượng cuối từ phần trăm chất lượng hoặc số pixel. Mã cũng không kiểm tra lại loại MIME của tệp sau khi xuất; khả năng mã hóa và việc có dùng định dạng thay thế hay không còn phụ thuộc trình duyệt. Nếu định dạng là yêu cầu quan trọng, nên kiểm tra tệp thực tế nhận được.

Góc xoay, kích thước khung và màu nền được tính thế nào?

Góc tích lũy và góc tương đương

Các lệnh xoay nhanh cộng hoặc trừ vào tổng góc hiện tại. Khi tính hướng ảnh, công cụ quy góc về một vòng 360°: −90° và 270° đều cho cùng hướng. Tổng góc có thể vượt 360°, nhưng thêm một vòng đầy đủ không tạo hướng mới.

Ô điều khiển hiển thị góc tương đương có dấu, trong khoảng lớn hơn −180° đến 180°. Vì thế, −180° có thể được biểu diễn thành 180° mà không thay đổi hình ảnh. Tên tệp tải xuống dùng góc quy về từ 0° đến dưới 360°, nên cách ghi góc trong tên có thể khác ô nhập. Đây là khác biệt biểu diễn, không phải phép xoay bổ sung.

Công thức khung bao và làm tròn pixel

Gọi W là chiều rộng, H là chiều cao ảnh nguồn, đều tính bằng pixel; θ là góc xoay. Trong chế độ mở rộng, kích thước khung bao được xác định bằng:

Chiều rộng = W × |cos θ| + H × |sin θ|
Chiều cao = W × |sin θ| + H × |cos θ|

Dấu giá trị tuyệt đối giúp tính độ rộng, cao bất kể ảnh nghiêng về phía nào. Kết quả được làm tròn lên thành pixel nguyên để khung chứa được ảnh. Phép tính có xử lý sai số rất nhỏ ở các góc vuông, tránh phát sinh một pixel thừa chỉ do sai số số học.

Chế độ giữ khung không dùng kích thước bao mới: đầu ra vẫn là W × H. Ảnh vẫn xoay quanh tâm, nhưng phần vượt biên không xuất hiện. Với ảnh chữ nhật, ngay cả xoay 90° cũng có thể mất nội dung nếu giữ khung cũ; không nên chỉ dựa vào việc góc xoay là góc vuông để kết luận an toàn.

Nền ảnh và cách vẽ lại từ nguồn

Công cụ đặt nền lên toàn bộ khung trước, rồi vẽ ảnh đã xoay lên trên. Vì vậy, nền không chỉ lấp các góc trống mới xuất hiện: nó còn hiện qua vùng trong suốt sẵn có trong ảnh nguồn. Nếu chọn trong suốt nhưng xuất JPG, nền được đổi thành trắng trước khi vẽ.

Mỗi lần cập nhật, ảnh được vẽ lại từ ảnh nguồn đang nạp, không lấy bản xem trước vừa xoay làm nguồn cho lượt tiếp theo. Điều này tránh việc xoay chồng liên tục các bản trung gian. Tuy nhiên, không thể suy ra ảnh luôn giữ nguyên chất lượng: xoay góc không vuông có thể cần nội suy điểm ảnh, còn bước mã hóa có ảnh hưởng riêng.

Ví dụ xoay ảnh và cách đọc kết quả

Xoay 90° để sửa hướng ảnh

Các tình huống dưới đây là ví dụ giả định được tính theo logic của công cụ. Giả sử ảnh nguồn rộng 1200 px, cao 800 px, được xoay +90° trong chế độ mở rộng. Ở góc này, hai chiều đổi vai trò, nên khung kết quả là 800 × 1200 px.

Ảnh quay thuận chiều kim đồng hồ. Đây là lựa chọn phù hợp nếu nội dung hiện tại cần quay theo hướng đó để đứng đúng chiều. Dù số pixel theo hai chiều được hoán đổi, chưa thể kết luận tệp có dung lượng bằng ảnh cũ: định dạng, nền và cách mã hóa vẫn ảnh hưởng. Quyết định thực tế nên dựa vào chiều đọc của nội dung, không chỉ nhãn ngang hay dọc.

Xoay 45°: mở rộng hay giữ khung?

Giả sử ảnh vuông có kích thước 1000 × 1000 px và xoay +45°. Trong chế độ mở rộng, mỗi chiều của khung bằng 1000 × √2, xấp xỉ 1414,214 px. Sau khi làm tròn lên, kết quả là 1415 × 1415 px. Phần ngoài hình vuông đã nghiêng trở thành vùng nền.

Nếu giữ khung gốc, đầu ra vẫn là 1000 × 1000 px, nhưng những phần nhô khỏi bốn cạnh bị cắt. Hai kết quả không chỉ khác số pixel: chúng khác cả lượng nội dung được giữ lại. Với ảnh có chữ hoặc chi tiết quan trọng sát viền, mở rộng khung giúp tránh mất phần đó về mặt hình học. Giữ khung phù hợp khi kích thước cũ quan trọng hơn và phần bị cắt có thể chấp nhận.

Cộng góc và xuất ảnh có vùng trong suốt

Với ảnh 1200 × 800 px, xoay −90° rồi thêm 180° cho tổng −90° + 180° = +90°. Ở chế độ mở rộng, khung cuối là 800 × 1200 px. Hai thao tác điều chỉnh không đồng nghĩa tệp đã qua hai lần nén: mỗi lần xem trước đều được vẽ từ nguồn, còn mã hóa xảy ra khi tạo tệp tải xuống.

Một trường hợp khác: ảnh 600 × 400 px, góc 0°, nền trong suốt nhưng định dạng JPG. Khung vẫn là 600 × 400 px; vùng alpha của nguồn được đặt trên trắng. Không có vùng góc mới do xoay, nhưng lựa chọn nền vẫn ảnh hưởng đến phần trong suốt sẵn có. Nếu mục tiêu là đặt ảnh lên nhiều nền khác nhau, cần cân nhắc định dạng hỗ trợ alpha thay vì JPG.

Khi nào nên dùng công cụ xoay ảnh?

Sửa hướng ảnh chụp và tài liệu

Ảnh tài liệu bị nằm ngang hoặc ngược đầu phù hợp với các phép xoay 90° hay 180°. Với trang chữ, nên lấy chiều đọc làm căn cứ: đầu trang, dòng chữ và các ký hiệu giúp xác định hướng mong muốn. Công cụ không có cơ chế nhận diện tự động đâu là chiều đúng, nên người dùng vẫn cần quan sát kết quả.

Ảnh chụp người, vật thể hoặc biển hiệu cũng có thể được đổi hướng theo cách này. Nếu nội dung trải sát mép ảnh, nên kiểm tra toàn bộ bốn cạnh thay vì chỉ nhìn chủ thể ở giữa. Mục tiêu là sửa hướng mà vẫn giữ những thông tin cần dùng, nhất là với hóa đơn, biểu mẫu hoặc ảnh dùng để đối chiếu.

Chỉnh độ nghiêng và chuẩn bị bố cục

Khi đường chân trời hoặc cạnh vật thể hơi nghiêng, góc nguyên nhỏ có thể giúp điều chỉnh thủ công. Người dùng tự xác định chiều xoay và mức phù hợp; công cụ không tự tìm đường chân trời. Nếu mức cần chỉnh nằm giữa hai độ nguyên, khả năng tinh chỉnh hiện tại có thể chưa đáp ứng.

Ảnh sản phẩm có chi tiết sát viền nên cân nhắc mở rộng khung. Ảnh phải giữ kích thước cũ cần kiểm tra phần bị cắt. Với nền trong suốt, PNG/WebP là các lựa chọn cần cân nhắc nếu trình duyệt hỗ trợ; với nền đồng màu, nhớ rằng màu còn hiện qua vùng alpha sẵn có.

Sau khi làm thẳng, nếu muốn bố cục gọn hơn, cắt ảnh để điều chỉnh vùng nội dung là một công việc riêng. Không nên coi lựa chọn giữ khung ở đây là thay thế cho việc chọn vùng cắt chủ động.

Phân biệt xoay ảnh, lật ảnh và đổi hướng EXIF

Xoay khác lật gương ra sao?

Xoay là đổi hướng ảnh quanh tâm. Lật gương là đổi quan hệ trái–phải hoặc trên–dưới. Hai phép biến đổi có thể tạo cảm giác tương tự với một số hình đối xứng, nhưng không tương đương về bản chất. Đặc biệt, xoay 180° không đồng nghĩa lật ngang: nó đảo cả vị trí trên–dưới lẫn trái–phải theo phép quay.

Dấu hiệu dễ nhận biết là chữ. Nếu chữ đứng thẳng nhưng bị ngược như nhìn qua gương, chỉ xoay thường không giải quyết được. Khi nhu cầu là đảo trái–phải hoặc trên–dưới, cần phân biệt với phép lật ảnh ngang hoặc dọc. Công cụ xoay đang được mô tả không triển khai phép lật, vì vậy không nên cố tìm một góc xoay để thay thế.

Hướng EXIF khác ảnh đã vẽ lại thế nào?

Trong kiến thức nền về ảnh số, EXIF Orientation là thông tin mô tả hướng hiển thị. Một ứng dụng đọc thông tin này có thể trình bày ảnh đúng chiều mà không cần người dùng xoay thủ công. Trình duyệt có thể đã áp dụng hướng đó khi nạp ảnh điện thoại; cách xử lý cụ thể chưa được xác minh trên mọi môi trường.

Công cụ này vẽ ảnh đã nạp lên một khung mới với góc được chọn, không phải chỉ chỉnh riêng thông tin hướng EXIF. Vì vậy, nên quyết định dựa trên hình đang thấy: nếu ảnh đã đứng đúng chiều, xoay thêm theo hướng nhớ từ trước có thể làm ảnh sai đi. Đồng thời, việc tạo tệp mới không phải bằng chứng các thông tin EXIF khác được bảo toàn; hướng hiển thị và metadata cần được xem là hai vấn đề riêng.

Giới hạn cần biết trước khi tải ảnh đã xoay

Chất lượng, metadata và ảnh động

Xoay góc không vuông có thể cần nội suy, ảnh hưởng đến cạnh chữ và chi tiết nhỏ. Xuất JPG/WebP cũng có thể nén mất dữ liệu; không có căn cứ hứa giữ chất lượng tuyệt đối. Không có bảo đảm giữ EXIF, hồ sơ màu hoặc metadata khác, nhưng thiếu bảo đảm không đồng nghĩa đã xác nhận mọi thông tin đều bị xóa.

Việc nhận được GIF không chứng minh giữ được chuyển động. Mã không xử lý chuỗi khung hình, nên không nên dùng công cụ khi cần bảo toàn ảnh động.

Ảnh lớn và tương thích trình duyệt

Không có trần MB hoặc megapixel được kiểm tra rõ trong mã. Ảnh lớn vẫn có thể gặp giới hạn bộ nhớ và khung vẽ canvas. Khả năng đọc, xuất ảnh phụ thuộc trình duyệt; nếu bộ mã hóa yêu cầu không được hỗ trợ, định dạng thực tế có thể được thay thế mà phần xử lý chưa kiểm tra lại.

Có thông báo cho loại tệp không phù hợp, lỗi đọc hoặc giải mã, chưa có ảnh và một số lỗi xuất. Tuy vậy, không thể coi đó là hệ thống nhận diện đầy đủ mọi nguyên nhân thất bại.

Phạm vi xác minh về dữ liệu và thiết lập

Công cụ dùng API trình duyệt và không thể hiện thao tác gửi ảnh đi. Điều này chưa đủ để kết luận toàn trang không truyền, lưu dữ liệu hoặc không có thành phần khác. Không nên diễn giải thành cam kết bảo mật tuyệt đối.

Ảnh mới giữ góc và các lựa chọn hiện tại. Đặt lại 0° chỉ đổi góc, không đặt lại nền, khung, định dạng hay chất lượng; cần kiểm tra các thiết lập trước ảnh tiếp theo.

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

Vì sao vùng trong suốt chuyển thành trắng khi tải JPG?

Vì JPG không hỗ trợ kênh trong suốt, và công cụ chủ động dùng nền trắng khi kết hợp lựa chọn trong suốt với JPG. Quy tắc này tác động cả vùng trống do xoay lẫn vùng alpha vốn có của ảnh. Nếu cần giữ khả năng nhìn xuyên nền, hãy cân nhắc PNG hoặc WebP khi trình duyệt hỗ trợ. Nếu cần một nền đồng màu cụ thể, chọn màu đó thay vì trông đợi JPG giữ trạng thái trong suốt.

Tôi có thể xoay chính xác 0,5° hoặc 2,5° không?

Không, triển khai hiện tại điều chỉnh theo độ nguyên, không hỗ trợ chính xác các góc nửa độ. Ô nhập được xử lý theo phần nguyên và thanh trượt có bước 1°. Vì vậy, đừng hiểu cụm “góc tùy ý” là mọi mức chính xác thập phân. Với ảnh chỉ cần sửa nghiêng gần đúng, có thể so sánh những góc nguyên liền kề. Nếu yêu cầu bắt buộc là 0,5° hoặc 2,5°, cần một cách xử lý hỗ trợ độ chính xác đó.

Vì sao ảnh vẫn mất góc sau khi chọn giữ khung gốc?

Đó là hệ quả của việc giữ nguyên chiều rộng và chiều cao, không phải lời hứa giữ toàn bộ nội dung. Khi ảnh quay quanh tâm, phần vượt khỏi hình chữ nhật cũ không được đưa vào kết quả. Nếu ưu tiên bảo toàn các góc ảnh, hãy chọn mở rộng khung và chấp nhận vùng nền tăng thêm. Nếu bắt buộc giữ kích thước cũ, cần xem kỹ các chi tiết sát viền và cân nhắc liệu phần bị cắt có ảnh hưởng mục đích sử dụng không.

Tại sao đổi chất lượng JPG/WebP mà bản xem trước không khác?

Vì bản xem trước là ảnh được vẽ lên khung, không phải bản giải mã lại của tệp sau nén. Tham số chất lượng được chuyển cho bước mã hóa lúc tải xuống. Do đó, hình trên trang không cho biết đầy đủ chênh lệch dung lượng hoặc dấu vết nén giữa các mức. Muốn đánh giá mức phù hợp, cần xem tệp xuất thực tế, nhất là ở chữ nhỏ, đường viền và vùng chuyển màu; không nên chỉ dựa vào phần trăm đã chọn.

Công cụ có giữ chuyển động của ảnh GIF không?

Không có cơ chế được triển khai để bảo toàn toàn bộ chuyển động của GIF. Một tệp GIF có thể được trình duyệt đọc, nhưng quá trình vẽ ảnh lên khung và xuất ảnh không tương đương xử lý từng khung hình cùng thời gian chuyển cảnh. Cũng chưa thể khẳng định mọi môi trường sẽ lấy đúng cùng một khung hình. Nếu chuyển động là phần quan trọng của nội dung, không nên coi kết quả từ công cụ này là bản GIF động đã xoay.

Vì sao ảnh mới vẫn mang góc xoay của ảnh trước?

Vì nạp ảnh mới chỉ thay ảnh nguồn, không tự đưa các lựa chọn về mặc định. Hành vi này cũng áp dụng cho nền, chế độ khung, định dạng và chất lượng đang chọn. Nếu muốn ảnh tiếp theo bắt đầu ở hướng ban đầu, cần đưa góc về 0°. Tuy nhiên, thao tác đặt lại góc không xóa các lựa chọn còn lại. Nên kiểm tra cả nền và khung, đặc biệt khi chuyển từ ảnh thông thường sang ảnh có vùng trong suốt.

Vì sao tệp có đuôi ảnh nhưng công cụ vẫn không đọc được?

Đuôi tệp không đủ bảo đảm nội dung hợp lệ hoặc trình duyệt hỗ trợ. Công cụ kiểm tra loại MIME thuộc nhóm ảnh, rồi mới thử đọc và giải mã. Tệp có thể bị từ chối do MIME không phù hợp, dữ liệu hỏng hoặc định dạng chưa được hỗ trợ; chỉ từ đuôi tệp không thể xác định chắc nguyên nhân. Có thể thử một bản ảnh hợp lệ khác. Việc đổi tên phần đuôi đơn thuần không chuyển đổi được cấu trúc dữ liệu bên trong.