Cách thực hiện

PNG, JPG hay WebP — Chọn định dạng nào và cách chuyển đổi giữa chúng

K bởi Kevin Feng4 thg 7, 20267 phút đọc
PNG, JPG hay WebP — Chọn định dạng nào và cách chuyển đổi giữa chúng

Hầu hết các hướng dẫn đều bắt đầu bằng các bước: tải file lên, nhấn chuyển đổi, tải xuống. Phần đó mất ba mươi giây. Phần quan trọng hơn là chọn đúng định dạng ngay từ đầu — vì chọn sai đồng nghĩa với file phình to, mất transparency, hoặc ảnh bị xuống chất lượng mỗi lần lưu lại.

Chọn định dạng trước đã

Bảng so sánh thực chất dưới đây, một hàng cho mỗi định dạng, không vòng vo:

Định dạngThích hợp nhất choTransparencyKích thước file thông thườngHỗ trợ trình duyệt
PNGLogo, screenshot, icon, bất cứ thứ gì có cạnh sắc hoặc chữCó (alpha channel)Lớn — một logo 1200px dễ đạt 200–400 KBPhổ quát
JPGẢnh chụp, gradient, những thứ cần file nhỏ hơn là độ nét tuyệt đốiKhôngNhỏ — cùng ảnh đó có thể chỉ 40–80 KB ở quality 80Phổ quát
WebPẢnh web khi bạn muốn file nhỏ nhất có thể mà không mất chất lượng rõ rệtNhỏ nhất — thường nhỏ hơn JPG 25–35% ở chất lượng tương đươngTất cả trình duyệt hiện đại; IE đã chết, nên điều này hiếm khi là vấn đề

Quy tắc thực tế: dùng PNG khi ảnh có transparency hoặc cần độ nét tuyệt đối (tài nguyên UI, logo). Dùng JPG cho ảnh chụp đặt ở những nơi không hỗ trợ WebP. Còn nếu có thể, hãy dùng WebP cho mọi thứ trên website — phần tiết kiệm dung lượng là có thật và các trình duyệt hiện đại xử lý tốt.

Một cạm bẫy phổ biến: chuyển screenshot từ PNG sang JPG để tiết kiệm dung lượng. Screenshot có màu phẳng và chữ sắc nét — đúng kiểu mà nén JPG xử lý kém nhất. Bạn thường kết thúc với chữ bị nhòe viền và file không nhỏ hơn PNG gốc là bao.

Cách chuyển đổi giữa các định dạng trên Filuni

Công cụ chuyển đổi định dạng ảnh của Filuni hỗ trợ PNG, JPG và WebP theo mọi chiều — kể cả chuyển hàng loạt nếu bạn có cả thư mục ảnh cần xử lý. Không cần tài khoản, không watermark, và quá trình chuyển đổi chạy phía server với tự động xóa sau khi xong.

  1. Mở công cụ và kéo thả ảnh vào (hoặc nhiều ảnh — tối đa 10 cái cùng lúc).
  2. Chọn định dạng đích từ menu thả xuống: JPG, PNG hoặc WebP.
  3. Nếu xuất JPG, bạn có thể đặt chất lượng (80 là mặc định tốt; chỉ giảm xuống khi làm thumbnail).
  4. Nhấn Convert và tải xuống. Xong.

Một ảnh đơn mất chưa đến một phút. Một lô hai mươi ảnh sản phẩm có thể mất hai đến ba phút tổng cộng.

Ba cạm bẫy cần chú ý

1. Transparency biến mất khi chuyển PNG sang JPG

JPG không có alpha channel. Chuyển một PNG có nền trong suốt — logo, ảnh cắt ghép, icon — và phần trong suốt đó sẽ bị lấp đầy bằng màu trắng hoặc đen đặc. Trên trang nền trắng bạn có thể không nhận ra; nhưng đặt lên nền tối là sẽ thấy ngay một hình chữ nhật xấu xí. Hãy giữ PNG, hoặc dùng WebP thay thế (WebP hỗ trợ transparency).

2. Lưu lại JPG dưới dạng JPG làm ảnh xấu hơn

JPG dùng nén có mất dữ liệu. Mỗi lần bạn mở JPG, chỉnh sửa rồi lưu lại thành JPG, bạn mất thêm một chút chất lượng — và điều này tích lũy dần. Nếu đang làm việc với ảnh sẽ chỉnh nhiều lần, hãy giữ bản gốc PNG hoặc WebP và chỉ xuất sang JPG ở bước cuối. Đừng bao giờ dùng JPG làm file nguồn để chỉnh sửa lặp lại.

3. WebP đã được hỗ trợ tốt trên trình duyệt, nhưng hãy kiểm tra email client

Mọi trình duyệt lớn từ năm 2020 đều hỗ trợ WebP ổn thỏa. Nơi duy nhất vẫn gây rắc rối là email: Gmail và hầu hết các email client trên desktop không hiển thị WebP inline. Nếu ảnh đặt trong newsletter hay template email, hãy dùng JPG hoặc PNG.

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

Chuyển JPG sang PNG có cải thiện chất lượng ảnh không?

Không. Chuyển sang PNG chỉ đơn giản là bọc các pixel hiện có vào container lossless. Các artifact đã có trong JPG vẫn còn nguyên đó. Bạn nhận được file lớn hơn với chất lượng nhìn thấy hoàn toàn như cũ. Lý do duy nhất để chuyển JPG sang PNG là nếu bạn định chỉnh sửa và xuất nhiều lần (để tránh mất chất lượng tích lũy), hoặc cần thêm lớp trong suốt.

WebP có luôn nhỏ hơn JPG không?

Gần như vậy — thường nhỏ hơn 25–35% ở chất lượng cảm nhận tương đương. Khoảng cách thu hẹp lại với ảnh rất nhỏ (thumbnail dưới 100px) và mở rộng ra với ảnh chụp lớn phức tạp. Dùng cho web, WebP hầu như luôn là lựa chọn đúng, trừ khi bạn có lý do cụ thể để dùng JPG (email, CMS cũ không tương thích, yêu cầu từ khách hàng).

Nên dùng mức quality nào khi chuyển sang JPG?

Quality 80 là điểm cân bằng tiêu chuẩn — bạn giữ được khoảng 95% chất lượng hình ảnh với chỉ khoảng 40–50% dung lượng so với quality 100. Xuống 70 cho ảnh nền và thumbnail khi bạn chấp nhận ảnh hơi mờ một chút. Dưới 60, artifact nén bắt đầu lộ rõ. Quality 100 hầu như không bao giờ xứng đáng; file phình to trong khi cải thiện nhìn thấy gần như không có.

Có thể chuyển đổi nhiều ảnh cùng lúc không?

Được. Công cụ chuyển đổi định dạng ảnh trên Filuni nhận tối đa 10 file trong một lần. Kéo thả tất cả vào, chọn định dạng đích và tải về file ZIP chứa toàn bộ ảnh đã chuyển đổi. Rất tiện khi bạn cần xử lý lại ảnh sản phẩm hoặc xuất bộ icon cho một dự án web.

#chuyển đổi ảnh #PNG #JPG #WebP #định dạng file

Dùng thử các công cụ miễn phí của Filuni

Mọi thứ trong bài viết này — cùng hơn 120 công cụ khác. Miễn phí, không cần đăng ký, ngay trên trình duyệt.

Thêm bài viết

Cách thực hiệnCách cắt ảnh theo bất kỳ kích thước nào (Hướng dẫn theo từng trường hợp)Hướng dẫn thực tế để cắt ảnh cho các mục đích phổ biến — ảnh đại diện, bài đăng mạng xã hội, ảnh in và ảnh hộ chiếu/CMND — sử dụng công cụ cắt ảnh trực tuyến miễn phí của Filuni.Cách thực hiệnCách thay đổi kích thước ảnh trực tuyến (Pixel so với Phần trăm — và khi nào dùng cái nào)Hướng dẫn thực tế về thay đổi kích thước ảnh trực tuyến — phân biệt giữa pixel và phần trăm, cách thực hiện trên Filuni, tỷ lệ khung hình, và lý do phóng to ảnh làm giảm chất lượng.Cách thực hiệnCách nén ảnh mà không làm giảm chất lượngẢnh nặng vì ba lý do cụ thể — kích thước pixel, định dạng sai, và metadata thừa — và cả ba đều có thể khắc phục được. Bài viết này giải thích rõ «lossless» thực sự có nghĩa gì trong thực tế, hướng dẫn nén ảnh trên Filuni, và đưa ra lời khuyên cụ thể cho từng định dạng kèm số liệu thực tế trước và sau nén.Cách thực hiệnCách xoay PDF và lưu vĩnh viễn — không phải chỉ xoay trên màn hìnhTrình xem PDF cho phép bạn xoay trang, nhưng lần sau mở lại vẫn bị nghiêng. Đây là lý do tại sao — và cách ghi góc xoay thẳng vào file để nó không bao giờ bị reset.