Bạn nên sử dụng định dạng hình ảnh nào?

JPEG

JPEG chia hình ảnh thành các khối và loại bỏ chi tiết nhỏ mà mắt bạn ít có khả năng nhận thấy nhất. Tính năng này hoạt động cực kỳ hiệu quả trên những bức ảnh có chi tiết không đều và nhiễu, đồng thời hoạt động kém trên bất kỳ thứ gì có các cạnh cứng, trong đó chi tiết bị loại bỏ chính xác là những gì xác định đường viền.

Nó bị mất ở mọi cài đặt chất lượng, kể cả mức cao nhất. Không có tùy chọn JPEG không mất dữ liệu ở đây. Nó không thể lưu trữ độ trong suốt: một hình ảnh có các vùng trong suốt sẽ được tô màu đồng nhất khi nó trở thành JPEG.

Sử dụng nó cho: ảnh, bản quét ảnh, bất kỳ bức ảnh nào chủ yếu có tông màu liên tục. Tránh dùng nó cho: ảnh chụp màn hình, văn bản, nghệ thuật đường nét, biểu tượng và bất kỳ thứ gì sẽ được chỉnh sửa lại sau.

PNG

PNG không bị mất dữ liệu. Nó lưu trữ chính xác các pixel mà nó được cung cấp, vì vậy nó không bao giờ giới thiệu các đồ tạo tác và nó hỗ trợ độ trong suốt alpha đầy đủ. Tính năng nén của nó khai thác sự lặp lại, đó là lý do tại sao nó có hiệu quả đáng kể đối với màu phẳng và các cạnh sắc nét, đồng thời không hiệu quả đối với nhiễu ảnh.

Một bức ảnh được lưu dưới dạng PNG thường lớn hơn vài lần so với bức ảnh tương tự như JPEG mà không có lợi ích rõ ràng. Đây là lỗi định dạng hình ảnh phổ biến nhất và cần kiểm tra trước khi đổ lỗi trang chậm cho bất kỳ nguyên nhân nào khác.

Sử dụng nó cho: ảnh chụp màn hình, ảnh chụp giao diện người dùng, logo, sơ đồ, biểu đồ, bất kỳ thứ gì có văn bản trong ảnh và bất kỳ bản sao hoạt động nào của hình ảnh mà bạn định chỉnh sửa lại.

WebP

WebP thường là định dạng nhỏ nhất trong ba định dạng có chất lượng hình ảnh tương đương và hỗ trợ độ trong suốt, khiến nó trở thành định dạng duy nhất bao gồm cả hai công việc.

Một lưu ý quan trọng ở đây: trình duyệt của bạn mã hóa WebP ở chế độ mất dữ liệu ngay cả ở chất lượng 100. Định dạng này xác định chế độ không mất dữ liệu nhưng canvas API mà công cụ này sử dụng không hiển thị chế độ đó. Vì vậy, việc xuất WebP từ trang web này là xuất bị mất dữ liệu và nó được mô tả theo cách đó thay vì được gọi là không mất dữ liệu vì về nguyên tắc định dạng này hỗ trợ nó.

Hỗ trợ trình duyệt để hiển thị WebP hiện đã trở nên phổ biến một cách hiệu quả. Hỗ trợ mã hóa không hoàn toàn thống nhất, do đó, trình duyệt không thể mã hóa WebP sẽ báo lỗi ở đây thay vì lặng lẽ chuyển cho bạn một định dạng khác.

AVIF và HEIC — quan điểm trung thực

AVIF nén tốt hơn cả ba định dạng trên, thường là nén tốt hơn rất nhiều. HEIC là những gì iPhone hiện đại sử dụng cho ảnh theo mặc định. ToolAcre Image Converter cũng không thể đọc được và đó là một hạn chế của trình duyệt chứ không phải là một lựa chọn.

Các trình duyệt thường có thể DISPLAY AVIF, nhưng chúng không cung cấp cách đáng tin cậy để giải mã các tệp AVIF hoặc HEIC tùy ý để xử lý và việc giải mã HEIC nói riêng phụ thuộc vào một codec nền tảng không có ở mọi nơi. Một công cụ chấp nhận những tệp này sẽ hoạt động trên một số máy và bị lỗi một cách khó hiểu trên những máy khác, vì vậy thay vào đó chúng bị từ chối một cách rõ ràng.

Kết quả thực tế: chuyển đổi HEIC thành JPEG trên thiết bị tạo ra nó — mọi điện thoại hiện tại và cả hai hệ điều hành máy tính để bàn chính đều có thể thực hiện việc này — rồi sử dụng các công cụ trình duyệt trên JPEG. Đối với AVIF, hãy giữ JPEG hoặc PNG cái chính và tạo AVIF làm đầu ra tại thời điểm xuất bản bằng công cụ xây dựng.

Ghi chú về GIF

GIF bị giới hạn ở 256 màu trên mỗi khung hình và là lựa chọn không tốt cho mọi thứ ngoại trừ hoạt ảnh ngắn. Trình chuyển đổi Hình ảnh đọc GIF nhưng chỉ sử dụng khung hình đầu tiên và không cung cấp GIF làm đầu ra — việc tạo ra một hình ảnh tĩnh có phần mở rộng .gif sẽ gây hiểu lầm hơn là hữu ích.

Đối với hoạt ảnh ngắn, câu trả lời hiện đại là MP4 hoặc video WebM hoặc hoạt ảnh WebP. Không ai trong số đó được sản xuất ở đây.

Ví dụ hoạt động: bốn nội dung cho một bài viết

Một bài viết cần có một bức ảnh chính, ảnh chụp màn hình giao diện, logo có nền trong suốt và biểu đồ được xuất từ ​​bảng tính.

• Bức ảnh nổi bật — JPEG ở chất lượng mặc định, được đổi kích thước thành khoảng gấp đôi chiều rộng hiển thị. Âm thanh liên tục, không cần độ trong suốt.
• Ảnh chụp màn hình giao diện — PNG. Nó chứa đầy văn bản và các cạnh cứng, chính xác là những gì JPEG xử lý tệ nhất và PNG nén các màn hình phẳng của nó một cách hiệu quả.
• Biểu trưng — WebP hoặc PNG. Cả hai đều giữ được tính minh bạch; WebP sẽ nhỏ hơn, PNG sẽ chính xác. Đối với một biểu tượng sẽ được đặt trên các nền khác nhau, độ chính xác có giá trị hơn vài kilobyte.
• Biểu đồ — PNG. Lý do tương tự như ảnh chụp màn hình: nền phẳng, đường mảnh và nhãn trục.

Result: Bốn tệp, ba định dạng, mỗi tệp được chọn theo nội dung trong ảnh chứ không phải theo thói quen. Chế độ lỗi thường gặp nhất — xuất cả bốn dưới dạng PNG hoặc cả bốn dưới dạng JPEG — làm cho ảnh quá lớn gấp nhiều lần hoặc ảnh chụp màn hình và biểu đồ bị nhòe rõ ràng xung quanh văn bản của chúng.

Mở công cụ

Chuyển đổi giữa JPEG, PNG và WebP

Trình chuyển đổi hình ảnh cho biết liệu chuyển đổi có bị mất hay không trước khi bạn chạy nó và báo cáo kích thước thực được đo sau đó.

Điều này không bao gồm những gì

• Trình chuyển đổi hình ảnh ToolAcre đọc JPEG, PNG, WebP và GIF, đồng thời ghi JPEG, PNG và WebP. HEIC, AVIF, TIFF và máy ảnh RAW bị từ chối.
• WebP đầu ra từ trang web này bị mất dữ liệu vì đó là những gì canvas trình duyệt API hiển thị.
• Cấu hình màu không được giữ nguyên thông qua chuyển đổi canvas, do đó, hình ảnh có cấu hình được nhúng bất thường có thể thay đổi đôi chút.
• So sánh kích thước tệp phụ thuộc vào hình ảnh. Bất kỳ quy tắc ngón tay cái nào ở đây đều là điểm khởi đầu để đo lường chứ không phải là con số để trích dẫn.