sử dụng JPG cho ảnh và PNG cho đồ họa, ảnh chụp màn hình và độ trong suốt. Quy tắc duy nhất đó giải quyết hầu hết các quyết định về định dạng. Lý do đằng sau nó nằm ở các con số: một bức ảnh 12 megapixel được lưu dưới dạng PNG nặng từ 2 đến 8 MB, trong khi cùng một bức ảnh ở định dạng JPG có kích thước từ 200 đến 800KB mà mắt bạn không thể phát hiện ra sự khác biệt nào. Tuy nhiên, hãy lật ngược nội dung và lợi thế cũng sẽ theo đó. Một logo màu phẳng được lưu dưới dạng JPG sẽ phát triển các quầng sáng mờ xung quanh các cạnh mà PNG không bao giờ tạo ra. Hướng dẫn này giải thích chức năng thực sự của từng định dạng, vị trí ngắt quãng của mỗi định dạng và lựa chọn nào cho ảnh, biểu trưng, ảnh chụp màn hình, bản in và web.

Tệp PNG là gì?

PNG là viết tắt của Đồ họa mạng di động, một định dạng được phát hành vào năm 1996 dưới dạng thay thế miễn phí bằng sáng chế cho GIF. Nó nén không mất dữ liệu bằng thuật toán DEFLATE, cùng một phương pháp mà các kho lưu trữ ZIP sử dụng, vì vậy mỗi pixel vẫn tồn tại khi được lưu và lưu lại mà không thay đổi. PNG cũng mang một kênh alpha, giá trị thứ tư cho mỗi pixel kiểm soát độ mờ từ hoàn toàn vô hình đến hoàn toàn đặc. Có hai biến thể phổ biến: PNG-8 giới hạn bảng màu ở 256 màu và giữ các tệp nhỏ cho đồ họa đơn giản, trong khi PNG-24 lưu trữ hàng triệu màu để có hình ảnh phong phú hơn. Ảnh chụp màn hình, logo, biểu tượng, biểu đồ và mô hình giao diện đều phát huy thế mạnh của PNG. Những bức ảnh thì không, và đó là lúc đối thủ của nó chiếm lĩnh.

Tệp JPG là gì?

JPG (giống với JPEG, viết tắt của Nhóm chuyên gia nhiếp ảnh chung) xuất hiện vào năm 1992 và được thiết kế cho một công việc: tạo ra những bức ảnh nhỏ. Nó chia hình ảnh thành các khối 8 x 8 pixel và loại bỏ chi tiết màu sắc mà thị giác con người hầu như không ghi nhận được, một quá trình được gọi là nén mất dữ liệu. Quay số chất lượng từ 0 đến 100 kiểm soát mức độ tích cực của việc loại bỏ. Ở đầu mặt số đó, sự mất mát là vô hình; ở phía dưới, hình ảnh chuyển sang hình khối. Giao dịch có một chi phí khó khăn: JPG không có kênh alpha, vì vậy nó không thể giữ nền trong suốt và dữ liệu mà nó vứt đi sẽ không bao giờ quay trở lại. Giao dịch đó thực sự làm cho tập tin của bạn nhỏ hơn bao nhiêu? Những con số thật ấn tượng.

Kích thước tệp: số trong thế giới thực

Kích thước tệp là nơi hai định dạng phân kỳ rõ ràng nhất và người chiến thắng phụ thuộc hoàn toàn vào nội dung:

Một bức ảnh điện thoại thông minh: khoảng 4 MB dưới dạng PNG, 300 đến 500KB dưới dạng JPG ở chất lượng 90. JPG thắng gấp 10 lần.
Ảnh chụp màn hình toàn màn hình máy tính để bàn: 2 đến 5 MB dưới dạng PNG, khoảng 400KB dưới dạng JPG. JPG chiếm ưu thế về kích thước, mặc dù các cạnh văn bản hơi mềm.
Logo hai màu, 500 x 500 pixel: khoảng 8KB dưới dạng PNG-8, 25KB trở lên dưới dạng JPG với nhiễu cạnh rõ ràng. PNG thắng cả về kích thước và hình thức.
Biểu đồ có nhiều độ dốc: kết quả khác nhau và đáng để thử nghiệm cả hai.

Vì vậy, cả hai định dạng đều không phải là định dạng "nhỏ" phổ biến. Nội dung ảnh nén tốt hơn đáng kể dưới dạng JPG; đồ họa phẳng ít màu thường nén tốt hơn PNG. Kích thước chỉ là một nửa câu chuyện, vì mỗi định dạng cũng bị lỗi khác nhau.

Chất lượng hình ảnh: mỗi định dạng bị hỏng

Vấn đề về chất lượng xuất hiện ở những nơi trái ngược nhau. Điểm yếu của JPG là các cạnh sắc nét, độ tương phản cao: chữ đen trên nền trắng, đường mảnh, viền cứng. Việc nén mạnh sẽ làm phân tán các đốm mờ (được gọi là tạo tác vòng tròn) xung quanh các cạnh đó, đó là lý do tại sao ảnh chụp màn hình bị nén quá nhiều trông có vẻ bị nhòe ngay cả khi một bức ảnh ở cùng cài đặt trông vẫn ổn. JPG cũng bị ảnh hưởng mất mát thế hệ: mỗi chu kỳ chỉnh sửa và lưu sẽ nén lại hình ảnh và tích lũy thiệt hại mới lên cái cũ. PNG không có vấn đề gì. Điểm yếu của nó hoàn toàn là trọng lượng; sự hoàn hảo có giá hàng megabyte. Sự khác biệt thứ ba giữa các định dạng không phải ở chất lượng. Đó là về những gì xảy ra đằng sau hình ảnh.

Tính minh bạch và kênh alpha

Độ trong suốt chỉ thuộc về PNG trong so sánh này. Kênh alpha của nó cho phép logo nổi trên bất kỳ màu trang nào, đó là lý do tại sao các nhà thiết kế web xuất nội dung giao diện dưới dạng PNG theo mặc định. Chuyển đổi tệp đó sang JPG và vùng nhìn xuyên qua phải được làm phẳng thành một màu đồng nhất, màu trắng theo mặc định trong công cụ chuyển đổi của chúng tôi, với màu đen và màu tùy chỉnh có sẵn. Chúng tôi trình bày chi tiết về cơ chế trong hướng dẫn nền trong suốt. Với ba điểm khác biệt cốt lõi được thiết lập, việc lựa chọn bất kỳ tệp cụ thể nào đều trở nên máy móc.

Khi nào nên sử dụng PNG

Tiếp cận PNG trong những tình huống sau:

Logo và biểu tượng, trong đó các cạnh phải luôn sắc như dao cạo ở bất kỳ mức độ nén nào.
Ảnh chụp màn hình bạn sẽ chú thích hoặc chỉnh sửa lại, bởi vì việc tiết kiệm nhiều lần không tốn kém gì.
Hình ảnh cần độ trong suốt: hình mờ, lớp phủ, đồ họa nổi.
Biểu đồ, sơ đồ và đồ họa chứa nhiều văn bản, trong đó đốm nén sẽ ảnh hưởng đến khả năng đọc.
Bản sao chính về bất cứ điều gì bạn có thể sửa đổi sau này.

Khi nào nên sử dụng JPG

Chọn JPG cho những công việc này:

Hình ảnh hướng đến mọi nơi: web, email, mạng xã hội, bộ nhớ.
Tải biểu mẫu lên trên các cổng thông tin chính phủ và trang web việc làm, thường yêu cầu JPG và thực thi giới hạn như 100KB hoặc 200KB.
Tệp đính kèm email, trong đó một lô gồm 10 hình ảnh cần phải vừa với mức trần 25MB mà Gmail và Outlook áp đặt.
Hình ảnh nội dung trang web, vì các trang nhẹ hơn sẽ xếp hạng và chuyển đổi tốt hơn.
Lưu trữ ảnh đã hoàn thành ở chất lượng 90 trở lên, đánh đổi khoản lỗ vô hình để tiết kiệm dung lượng lưu trữ khổng lồ.

Cái nào tốt hơn cho trang web của bạn?

Hiệu suất trang web ưu tiên JPG cho mọi nội dung ảnh. Trọng lượng trang được nạp trực tiếp vào Sơn có nội dung lớn nhất, một trong những Core Web Vitals của Google và việc hoán đổi ảnh PNG lấy bản sao JPG thường là cách tiết kiệm một bước lớn nhất có sẵn trên một trang có nhiều hình ảnh. Giữ PNG cho những phần cần đến: logo, biểu tượng có độ trong suốt và các thành phần giao diện người dùng. Các trang web hiện đại ngày càng phục vụ WebP hoặc AVIF, đánh bại cả hai định dạng nén cổ điển, nhưng JPG vẫn là định dạng dự phòng phổ biến mở ở mọi nơi, từ các trình duyệt cũ hàng thập kỷ đến phần mềm văn phòng. Dù bạn chọn cách kết hợp nào thì cuối cùng bạn cũng sẽ cần phải chuyển hình ảnh từ định dạng này sang định dạng khác.

Cách chuyển đổi giữa PNG và JPG

Việc chuyển đổi thực hiện ba bước trong công cụ dựa trên trình duyệt miễn phí: thả tệp PNG của bạn vào, chọn mức chất lượng hoặc kích thước mục tiêu chính xác và tải xuống kết quả. Quá trình xử lý diễn ra trên thiết bị của riêng bạn mà không có gì được tải lên. Đi theo hướng khác (JPG sang PNG) không quan trọng về mặt kỹ thuật nhưng hiếm khi hữu ích, vì việc gói các pixel đã được nén vào một vùng chứa không mất dữ liệu sẽ không thu hồi được gì và làm tăng tệp. của chúng tôi hướng dẫn chất lượng bao gồm các cài đặt chính xác đáng sử dụng.

PNG có chất lượng cao hơn JPG không?

Có cho đồ họa, thực tế là không cho ảnh. PNG hoàn hảo về mặt toán học bởi vì không có gì bị loại bỏ, nhưng trên một bức ảnh được xem ở kích thước bình thường, một JPG được lưu ở chất lượng 90 trông giống hệt nhau trong khi nặng bằng một phần mười.

Nén lossless có nghĩa là gì?

Phương tiện nén không mất dữ liệu tập tin co lại mà không loại bỏ bất kỳ dữ liệu pixel nào, do đó việc giải nén sẽ khôi phục hình ảnh một cách chính xác. Tính năng nén tổn hao sẽ co lại hơn nữa bằng cách loại bỏ vĩnh viễn các chi tiết mà mắt thường khó có thể bỏ sót.

Tôi nên sử dụng định dạng nào cho biểu tượng, ảnh và ảnh chụp màn hình?

Logo lấy PNG, ảnh chụp JPG và ảnh chụp màn hình tùy thuộc vào đích đến: giữ PNG trong khi chỉnh sửa, chuyển đổi sang JPG để chia sẻ hoặc tải lên.

PNG hay JPG để in?

Hoặc in tốt ở độ phân giải cao, nhưng các cửa hàng in thường thích JPG bởi vì các tập tin truyền nhanh hơn và đường dẫn màu của chúng mong đợi điều đó. Xuất ở chất lượng 95 trở lên nên việc nén không hiển thị trên giấy.

Tại sao các tệp PNG của tôi lại lớn như vậy?

Bởi vì việc lưu trữ chi tiết ảnh không mất dữ liệu rất tốn kém. Hàng triệu màu sắc khác nhau một cách tinh tế khiến thuật toán DEFLATE hầu như không có gì để nén, do đó, định dạng này lưu trữ gần như dữ liệu pixel thô.

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

Không. Chi tiết JPG bị loại bỏ sẽ biến mất vĩnh viễnvà trình bao bọc PNG chỉ lưu giữ phiên bản bị hỏng trong một tệp lớn hơn.

Định dạng hình ảnh nào hỗ trợ độ trong suốt?

PNG, WebP, AVIF và GIF hỗ trợ tính minh bạch; JPG và BMP thì không. PNG cung cấp khả năng trộn alpha mượt mà nhất trong các định dạng cũ.

WebP có tốt hơn PNG và JPG không?

Về nén, có: Các tệp WebP chạy nhỏ hơn 25 đến 35 phần trăm hơn các JPG tương đương và cũng hỗ trợ tính minh bạch. JPG vẫn chiếm ưu thế về khả năng tương thích phổ biến với phần mềm cũ hơn, đó là lý do tại sao cả hai vẫn tồn tại ở mọi nơi.

Vẫn quyết định? Chạy một bản sao hình ảnh của bạn thông qua Công cụ chuyển đổi PNG sang JPG và so sánh kết quả với bản gốc. Câu trả lời đúng thường hiển thị rõ ràng trong vòng vài giây và không mất phí kiểm tra.