Chuyển đến nội dung chính

Xoay & Lật Ảnh miễn phí

Xoay ảnh 90°, 180°, 270° hoặc bất kỳ góc tùy chỉnh nào. Lật ngang hoặc dọc. Xuất sang JPEG, PNG hoặc WebP.

Hoạt động ngoại tuyến sau khi tải

Thả tệp vào đây hoặc nhấp để chọn

JPG, PNG, WebP, HEIC, HEIF · được xử lý trên thiết bị của bạn

hoặc nhấn Ctrl+V để dán từ bảng nhớ tạm

Duyệt tệp

Mẹo: bạn có thể dán ảnh chụp màn hình bằng Ctrl+V

Tệp của bạn không bao giờ rời khỏi thiết bị. Toàn bộ xử lý diễn ra cục bộ trong trình duyệt của bạn.

Công dụng phổ biến

  • Sửa Ảnh Điện Thoại NghiêngXoay ảnh bị lệch từ điện thoại hoặc máy ảnh của bạn - mà không tải lên bất cứ đâu.
  • Kéo Thẳng Các Tài Liệu Được QuétSửa chữa quay nhẹ trong quét tài liệu bằng cách sử dụng thanh trượt góc chính xác.
  • Bỏ Gương các Ảnh Tự Chụp GươngẢnh tự chụp của máy ảnh phía trước thường được gương - lật ngang để sửa.
  • Xoay để Tạo Hiệu Ứng Sáng TạoSử dụng các góc tùy ý để nghiêng ảnh để tạo hiệu ứng kiểu tạp chí bìa.
  • Xoay để Bố Cục InĐiều chỉnh hướng của hình ảnh trước khi đặt chúng trong bố cục in (Word, InDesign, Canva).

Cách hoạt động

Xoay, lật và chỉnh góc ở đây chạy hoàn toàn trong trình duyệt bằng HTML Canvas API — không tệp nào được gửi đến máy chủ. Công cụ vẽ ảnh của bạn lên canvas ngoài màn hình với phép biến đổi góc và tỷ lệ đã chọn, rồi mã hóa kết quả sang JPEG, PNG hoặc WebP bằng codec của chính trình duyệt.

  1. 1
    Ảnh được giải mã cục bộ
    Tệp JPEG, PNG hoặc WebP của bạn được tải vào HTMLImageElement qua object URL cục bộ — một tham chiếu bộ nhớ trình duyệt không bao giờ rời khỏi thiết bị. Kích thước điểm ảnh gốc được đọc trực tiếp từ bitmap đã giải mã.
  2. 2
    Áp dụng biến đổi canvas
    Canvas ngoài màn hình được đặt kích thước vừa với khung bao đã xoay (width·cos + height·sin cho mỗi trục). Ngữ cảnh Canvas 2D sau đó được dịch về tâm, xoay theo góc đã chọn tính bằng radian, và co giãn -1 theo trục ngang hoặc dọc để lật — tất cả là các thao tác ctx.rotate / ctx.scale chuẩn, không dùng thư viện bên ngoài.
  3. 3
    Tự động cắt góc (tùy chọn)
    Với góc xoay không vuông, một hàm hình học tự viết — largestInnerRect — tính hình chữ nhật thẳng trục lớn nhất theo tỷ lệ khung hình gốc vừa bên trong khung bao đã xoay, để các góc trống hình tam giác bị loại bỏ mà không làm méo ảnh.
  4. 4
    Codec trình duyệt mã hóa kết quả
    canvas.toBlob() giao dữ liệu điểm ảnh cho bộ mã hóa ảnh tích hợp của trình duyệt, tạo ra Blob JPEG (với chất lượng có thể chọn và màu nền tô cho các góc trong suốt), PNG hoặc WebP để bạn tải về trực tiếp.

Ảnh của bạn được xử lý hoàn toàn trong thẻ trình duyệt — không bao giờ được tải lên máy chủ nào.

Công cụ liên quan

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