Thay đổi kích thước ảnh theo phần trăm hoặc kích thước cố định, giữ nguyên tỷ lệ hoặc tùy chỉnh theo nhu cầu.
Features
- Đa chế độ resize: Tùy chọn nhập kích thước theo pixel cố định hoặc phóng/thu theo phần trăm cho từng ảnh.
- Khóa tỷ lệ thông minh: Giữ đúng tỉ lệ gốc khi thay đổi một chiều, tránh méo hình và cho phép bật tắt linh hoạt.
- Điều chỉnh thông số chính xác: Nhập chiều rộng, chiều cao mong muốn và xem ngay kết quả để điều chỉnh phù hợp mục tiêu sử dụng.
- Bảo toàn chất lượng: Sử dụng nội suy Canvas và tùy chọn nén phù hợp để giữ chi tiết khi phóng to hoặc thu nhỏ.
Usage Guide
- Tải ảnh lên: Nhấp hoặc kéo thả tệp ảnh vào công cụ.
- Chọn chế độ resize: Chọn đơn vị pixel hoặc phần trăm, bật/tắt giữ tỷ lệ và nhập kích thước mong muốn.
- Xem trước kết quả: Kiểm tra ảnh đã thay đổi kích thước và so sánh dung lượng.
- Tải xuống: Nhấn tải xuống để lưu ảnh mới về thiết bị.
Technical Details
Thuật toán phóng/thu ảnh
Thay đổi kích thước dùng nội suy để tính pixel mới. Phương pháp: nearest-neighbor (nhanh nhưng răng cưa), bilinear (mượt, trung bình 4 pixel), bicubic (chất lượng hơn, trung bình 16 pixel), Lanczos (tốt nhất, dùng sinc). Canvas drawImage() dùng bilinear mặc định. Khi giữ tỷ lệ, chiều cao = chiều rộng × (tỷ lệ gốc).
Độ phân giải và dung lượng
Độ phân giải cao = nhiều pixel = tệp lớn. Tối ưu web: giảm ảnh về kích thước hiển thị (full màn hình ~1920px, nội dung ~800px, thumbnail ~400px). Màn hình Retina cần mật độ 2x. Ước tính kích thước: width × height × byte/pixel (RGB 24-bit = 3 byte).
Ứng dụng
Ứng dụng thay đổi kích thước: tối ưu web, tạo thumbnail, tuân thủ kích thước mạng xã hội (Twitter 1200×675, Facebook 1200×630), giới hạn email, ứng dụng di động (nhiều độ phân giải), chuẩn bị in ấn (300 DPI). Xử lý hàng loạt giúp thống nhất kích thước cho gallery, catalogue.
Frequently Asked Questions
- Các chế độ thay đổi kích thước khác nhau nào có sẵn?
- Công cụ cung cấp hai chế độ thay đổi kích thước: Pixel (kích thước cố định) - đặt chiều rộng và chiều cao chính xác bằng pixel, và Phần trăm (thay đổi tỷ lệ) - thay đổi kích thước theo phần trăm (ví dụ: 50% làm cho hình ảnh bằng một nửa kích thước, 200% nhân đôi nó). Bạn cũng có thể chọn duy trì tỷ lệ khung hình để ngăn chặn biến dạng hình ảnh khi thay đổi kích thước.
- Làm thế nào để tôi duy trì tỷ lệ khung hình khi thay đổi kích thước?
- Bật tùy chọn "Duy trì tỷ lệ khung hình". Khi được bật, thay đổi chiều rộng sẽ tự động điều chỉnh chiều cao (hoặc ngược lại) để duy trì tỷ lệ ban đầu. Điều này ngăn chặn kéo dài hoặc nén. Nếu tắt, bạn có thể đặt chiều rộng và chiều cao độc lập, điều này có thể làm biến dạng hình ảnh.
- Thay đổi kích thước có làm giảm chất lượng hình ảnh không?
- Thay đổi kích thước có thể ảnh hưởng đến chất lượng tùy thuộc vào hướng: Thu nhỏ (làm cho nhỏ hơn) thường duy trì chất lượng tốt. Phóng to (làm cho lớn hơn) có thể gây ra một số mờ vì công cụ nội suy các pixel mới. Để có kết quả tốt nhất, hãy bắt đầu với hình ảnh độ phân giải cao và thu nhỏ thay vì phóng to. Công cụ sử dụng nội suy song tuyến tính để có kết quả mượt mà.
- Sự khác biệt giữa thay đổi kích thước theo pixel và phần trăm là gì?
- Chế độ Pixel đặt kích thước tuyệt đối (ví dụ: 800x600px) - hữu ích khi bạn cần kích thước cụ thể cho bố cục web hoặc in. Chế độ Phần trăm thay đổi tỷ lệ tương đối với kích thước ban đầu (ví dụ: 50% = một nửa kích thước) - hữu ích để tạo hình thu nhỏ hoặc giảm kích thước tệp theo tỷ lệ. Cả hai chế độ đều có thể duy trì tỷ lệ khung hình.
- Tôi có thể thay đổi kích thước hình ảnh cho các trường hợp sử dụng khác nhau không?
- Có! Các trường hợp sử dụng phổ biến: Hình ảnh web (chiều rộng 800-1200px cho nội dung, 400px cho hình thu nhỏ), Mạng xã hội (Instagram 1080x1080px, Twitter 1200x675px), Tệp đính kèm email (giữ dưới 1MB, thường là chiều rộng 600-800px), In (300 DPI, tính: inch × 300 = pixel). Công cụ giúp bạn đạt được những kích thước này trong khi duy trì chất lượng.
Related Documentation
- MDN - Canvas drawImage() - Hàm Canvas vẽ và scale ảnh với nội suy
- Image Scaling - Wikipedia - Tổng quan các thuật toán nội suy khi scale ảnh
- MDN - imageSmoothingEnabled - Thuộc tính Canvas điều khiển làm mượt khi scale
- Image Resampling Techniques - Tài liệu kỹ thuật về bilinear, bicubic và thuật toán resample khác
- MDN - Canvas Image Manipulation - Hướng dẫn thao tác ảnh nâng cao với Canvas