Bỏ qua đến nội dung
LeedyBox
Ủng hộ

Đổi kích thước ảnh: pixel, tỷ lệ khung hình và DPI

Đổi kích thước ảnh trông có vẻ đơn giản, nhưng các lựa chọn phía sau quyết định ảnh có giữ được độ nét, đúng hình dạng và có dung lượng hợp lý hay không. Hướng dẫn này giải thích kích thước pixel, tỷ lệ khung hình, chất lượng lấy mẫu lại, DPI và cách chọn kích thước cho màn hình.

Pixel, kích thước và dung lượng tệp

Ảnh kỹ thuật số là một lưới pixel. Kích thước của ảnh, chẳng hạn 4000 × 3000, cho biết số pixel theo chiều ngang và chiều dọc; nhân hai số này với nhau sẽ ra tổng số pixel, ở đây là 12 triệu pixel (12 megapixel). Khi đổi kích thước, lưới đó được thay bằng một lưới mới và mỗi pixel mới được tính từ các pixel cũ; quá trình này gọi là lấy mẫu lại (resampling).

Số pixel tăng theo bình phương của các cạnh: giảm một nửa cả chiều rộng lẫn chiều cao thì chỉ còn một phần tư số pixel. Vì vậy, giảm kích thước thường là cách làm tệp nhỏ đi nhiều nhất, dù định dạng, thiết lập chất lượng và lượng chi tiết nhỏ trong ảnh cũng có ảnh hưởng. Để hiển thị hoặc chỉnh sửa ảnh, các chương trình giải mã ảnh thành pixel không nén, thường là 4 byte mỗi pixel, nên một ảnh 12 megapixel cần khoảng 48 MB bộ nhớ dù tệp nhỏ đến đâu.

Giữ tỷ lệ khung hình hoặc cắt ảnh trước

Tỷ lệ khung hình là quan hệ giữa chiều rộng và chiều cao: 4000 × 3000 là 4:3, còn 1920 × 1080 là 16:9. Nếu giữ tỷ lệ, bạn chọn một cạnh và cạnh kia tự điều chỉnh theo, nên một ảnh 4000 × 3000 khi đổi sang chiều rộng 1.200 pixel sẽ thành 1200 × 900. Nếu đặt tự do cả hai cạnh, ảnh có tỷ lệ khác sẽ bị kéo giãn hoặc bị ép lại, và hình tròn biến thành hình bầu dục.

Để có kích thước chính xác với một hình dạng khác mà không bị méo, hãy cắt ảnh theo tỷ lệ khung hình mong muốn trước, rồi mới đổi kích thước. Trong một loạt ảnh dọc và ảnh ngang, một chiều rộng cố định sẽ khiến ảnh dọc trở nên cao: ảnh 3000 × 4000 ở chiều rộng 1.200 pixel sẽ thành 1200 × 1600.

Thu nhỏ hoặc phóng to ảnh

Khi thu nhỏ ảnh, mỗi pixel mới nên tổng hợp nhiều pixel gốc. Một phương pháp nhanh chỉ lấy mẫu vài pixel lân cận sẽ bỏ sót chi tiết khi thu nhỏ nhiều, biểu hiện thành cạnh răng cưa và các hoa văn lấp lóa (aliasing hoặc moiré) trên vải, đường mảnh và chữ. Cách lấy mẫu lại tốt hơn sẽ tính đến nhiều pixel nguồn hơn. Công cụ đổi kích thước của LeedyBox thu nhỏ theo từng bước một nửa, mỗi bước lấy trung bình các pixel lân cận, nhờ đó cho kết quả mượt hơn khi dùng tính năng co giãn ảnh của trình duyệt. Ảnh bị thu nhỏ nhiều vẫn có thể trông hơi mềm; LeedyBox không làm nét chúng.

Khi phóng to, các pixel mới được ước tính từ pixel lân cận, nên các cạnh trở nên mềm hoặc vỡ khối và không có chi tiết mới nào xuất hiện. Phần mềm phóng to chuyên dụng có thể thêm chi tiết trông hợp lý, nhưng đó là chi tiết được tạo ra chứ không phải được khôi phục. Nếu cần ảnh lớn hơn, hãy quay lại dùng ảnh gốc lớn hơn nếu có thể.

DPI, PPI và kích thước in

DPI (số điểm trên mỗi inch), hay chính xác hơn là PPI (số pixel trên mỗi inch), là một con số được lưu trong một số tệp ảnh. Nó cho phần mềm in và dàn trang biết cần in các pixel lớn đến mức nào; nó không thay đổi các pixel. Kích thước in (inch) = số pixel ÷ PPI (nhân với 2,54 để đổi sang centimet).

Chiều rộng ảnhIn ở 300 PPIIn ở 150 PPI
1.200 pixel4 inch (10,2 cm)8 inch (20,3 cm)
2.400 pixel8 inch (20,3 cm)16 inch (40,6 cm)
3.600 pixel12 inch (30,5 cm)24 inch (61 cm)

Chỉ thay đổi giá trị DPI sẽ làm thay đổi kích thước in, nhưng các pixel vẫn giữ nguyên, nên ảnh trông y hệt trên màn hình. Để in sắc nét, bạn cần đủ pixel: bản in 6 × 4 inch ở 300 PPI cần 1800 × 1200 pixel. Mức khoảng 300 PPI thường được khuyên dùng cho ảnh xem ở khoảng cách gần; bản in lớn xem từ xa có thể dùng mức thấp hơn. LeedyBox không giữ giá trị DPI của ảnh gốc, vì vậy hãy đặt kích thước in khi in.

Chọn kích thước cho trang web và màn hình

Trên trang web, điều quan trọng là chiều rộng mà ảnh được hiển thị. Bố cục được đo bằng pixel CSS, và màn hình mật độ cao dùng từ hai pixel thiết bị trở lên cho mỗi pixel CSS theo mỗi chiều. Vì vậy, một ảnh hiển thị rộng 600 pixel CSS cần khoảng 1.200 pixel để trông thật sắc nét trên màn hình “2×”, còn một ảnh 4.000 pixel ở cùng vị trí sẽ lãng phí băng thông và bộ nhớ.

Hãy đo chiều rộng hiển thị lớn nhất trong bố cục của bạn, chẳng hạn bằng công cụ dành cho nhà phát triển của trình duyệt. Với các thuộc tính srcset và sizes, bạn có thể cung cấp cùng một ảnh ở nhiều chiều rộng, chẳng hạn 600, 1200 và 1800 pixel, và trình duyệt sẽ tải phiên bản phù hợp với màn hình. Nếu biểu mẫu tải lên, cửa hàng trực tuyến hoặc mạng xã hội yêu cầu kích thước cụ thể, hãy xem tài liệu hiện hành của họ, vì các yêu cầu này khác nhau và có thể thay đổi.

Chọn định dạng và đổi kích thước hàng loạt với LeedyBox

Sau khi đổi kích thước, hãy chọn định dạng theo nội dung. Ảnh chụp thường nhỏ nhất khi lưu dưới dạng JPG hoặc WebP. Ảnh chụp màn hình, logo và ảnh có vùng trong suốt phù hợp với PNG, hoặc WebP, định dạng cũng hỗ trợ độ trong suốt. JPG không lưu được độ trong suốt nên các vùng trong suốt sẽ thành màu trắng, và một ảnh chụp lưu dưới dạng PNG có thể lớn hơn tệp JPG gốc. Xem JPG, PNG, WebP hay AVIF để biết chi tiết.

Công cụ Đổi kích thước ảnh của LeedyBox đổi kích thước nhiều ảnh cùng lúc ngay trong trình duyệt, không cần tải ảnh lên:

  • Chọn Pixel hoặc Phần trăm (1 đến 400%). Khi bật “Giữ tỷ lệ khung hình”, mỗi ảnh giữ tỷ lệ riêng của nó.
  • Ảnh nhỏ hơn kích thước đích sẽ không bị phóng to, trừ khi bạn tắt tùy chọn đó.
  • “Giữ định dạng gốc” giữ nguyên JPG, PNG và WebP, còn GIF, BMP và AVIF được lưu dưới dạng PNG. JPG và WebP dùng chất lượng 90 nếu bạn không thay đổi.
  • Hướng chụp của máy ảnh được áp dụng, siêu dữ liệu không được sao chép, và từ hai kết quả trở lên có thể được tải về dưới dạng một tệp ZIP.

Để tệp nhỏ hơn nữa, hãy dùng công cụ Nén ảnh và đọc Giải thích các thiết lập nén ảnh.

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

Giá trị DPI cao hơn có làm ảnh sắc nét hơn không?

Không. Giá trị này chỉ cho phần mềm biết cần in ảnh lớn đến mức nào. Độ sắc nét phụ thuộc vào số pixel và kích thước mà chúng được hiển thị.

Vì sao tệp sau khi đổi kích thước lại lớn hơn tệp gốc?

Thường là do ảnh chụp được lưu dưới dạng PNG, chất lượng cao hơn ảnh gốc, hoặc ảnh đã bị phóng to.

Ảnh dùng cho website nên có chiều rộng bao nhiêu?

Lấy chiều rộng hiển thị lớn nhất của ảnh rồi nhân đôi cho màn hình mật độ cao. Nếu ảnh còn được hiển thị ở kích thước nhỏ hơn, hãy cung cấp thêm các kích thước khác bằng srcset.