So sánh

JPG vs WebP: Kiểm tra chất lượng và kích thước tệp thực

Các tệp WebP chạy nhỏ hơn khoảng 30% so với JPG ở chất lượng phù hợp. Đây là điểm khác biệt của các hiện vật, kết quả kiểm tra kích thước cho thấy và khi nào JPG vẫn là lựa chọn an toàn hơn.

JPG vs WebP: Kiểm tra chất lượng và kích thước tệp thực

WebP nén một bức ảnh về Nhỏ hơn 25 đến 34 phần trăm so với JPG với cùng chất lượng hình ảnh, theo nghiên cứu của chính Google về 1.000 hình ảnh trên web. Cả hai đều là định dạng lossy được xây dựng cho ảnh, vì vậy câu hỏi thực sự không phải là cái nào trông đẹp hơn mà là sự cân bằng về kích thước, khả năng tương thích và tính năng nào phù hợp với công việc của bạn. JPG có từ năm 1992 và mở được trên mọi thiết bị từng được sản xuất. WebP xuất hiện vào năm 2010 và bổ sung thêm độ trong suốt, hoạt ảnh và chế độ lossless mà JPG thiếu. Sự so sánh này bao gồm nguồn gốc của hai định dạng, kiểm tra kích thước, mỗi định dạng không nén như thế nào, các tính năng mà WebP bổ sung, hỗ trợ trình duyệt, ảnh hưởng đến tốc độ trang và các trường hợp trong đó JPG vẫn là lựa chọn an toàn hơn.

Không có định dạng nào là người chiến thắng rõ ràng. WebP thắng về kích thước và tính năng của tệp; JPG giành chiến thắng trên phạm vi tiếp cận toàn cầu. Hầu hết các trang web hiện đại hiện nay đều phục vụ WebP với dự phòng JPG, mang lại lợi thế về kích thước cho các trình duyệt mới và sự an toàn cho phần còn lại. Cuối cùng, bạn sẽ biết nên sử dụng cái nào cho ảnh, phân phối web, tải lên và lưu trữ.

JPG là gì

JPG đến từ Nhóm chuyên gia chụp ảnh chung, ủy ban đã xác định nó vào năm 1992 và nó được xây dựng cho một công việc: tạo ra những bức ảnh nhỏ. Nó sử dụng tính năng nén có mất dữ liệu, chia hình ảnh thành Khối 8 x 8 pixel và loại bỏ những chi tiết nhỏ mà tầm nhìn của con người hầu như không ghi nhận được. Quay số chất lượng từ 0 đến 100 kiểm soát mức độ loại bỏ tích cực đó. Sau hơn ba thập kỷ, hỗ trợ JPG đã trở nên phổ biến: mọi hệ điều hành, trình duyệt, máy ảnh, máy in và ứng dụng ảnh đều đọc nó mà không cần thiết lập. Tầm với đó là sức mạnh xác định của nó.

Tuy nhiên, JPG có giới hạn thực sự. Nó không có độ trong suốt nên mọi vùng nhìn xuyên qua đều được làm phẳng thành một màu đồng nhất. Nó xuống cấp một chút sau mỗi lần lưu lại, hiện tượng này gọi là mất thế hệ. Và nó làm nhòe văn bản sắc nét và các cạnh cứng ở chất lượng thấp hơn, vì đó là những chi tiết tần số cao mà quá trình nén của nó sẽ loại bỏ trước tiên. Đối với những bức ảnh được chia sẻ rộng rãi, những điều này không quan trọng lắm, đó là lý do tại sao JPG tồn tại lâu dài.

WebP là gì

WebP là định dạng hình ảnh được Google phát hành năm 2010, được xây dựng dựa trên tính năng nén từ codec video VP8. Mục tiêu rất rõ ràng: làm cho hình ảnh trên web nhỏ hơn để tải trang nhanh hơn. Google đã thiết kế nó để thay thế ba định dạng cùng một lúc, phù hợp Tính năng nén ảnh của JPG, độ trong suốt của PNG và hoạt ảnh của GIF trong một thùng chứa duy nhất. Nó cung cấp cả chế độ lossless cho ảnh và chế độ lossless tương đương với PNG.

WebP theo sau JPG là độ tuổi. Nó mới hơn mười bốn năm, vì vậy một số chương trình cũ hơn, một số ứng dụng email và một số biểu mẫu tải lên nhất định vẫn không đọc được nó. Trên web mở, khoảng cách đó đã được thu hẹp vì mọi trình duyệt hiện tại đều hỗ trợ WebP. Nhưng đối với một tệp nằm ngoài tầm kiểm soát của bạn, định dạng trẻ hơn có một rủi ro nhỏ mà định dạng cũ thì không.

Kích thước tệp ở chất lượng phù hợp

Kích thước tệp là nơi WebP chiếm ưu thế trên giấy. Ở cùng chất lượng cảm nhận, chế độ mất dữ liệu của WebP giữ một bức ảnh khoảng một phần ba không gian ít hơn hơn JPG, vì nó sử dụng tính năng dự đoán và mã hóa entropy mới hơn. Khoảng cách mở rộng trên các hình ảnh có vùng phẳng và các cạnh rõ ràng, đồng thời thu hẹp trên các bức ảnh chi tiết, nhiễu hạt trong đó cả hai định dạng đều gặp khó khăn trong việc tìm ra sự dư thừa. Nghiên cứu 1.000 hình ảnh của Google cho thấy mức tiết kiệm trung bình là 25 đến 34%.

Trên một trang web có nhiều hình ảnh, một phần ba mỗi bức ảnh là thật. Một trang chứa 3 MB JPG giảm xuống còn khoảng 2 MB dưới dạng WebP, tức là thời gian tải là vài giây khi kết nối di động chậm. Nhân con số đó lên mỗi trang trên một trang web và việc tiết kiệm băng thông là đáng kể, cho cả khách truy cập và chi phí lưu trữ.

Chất lượng khác biệt ở đâu

Chất lượng khác nhau nhất ở chỗ mỗi định dạng không thành công dưới áp lực. JPG đột nhập vào nó 8 x 8 khối và phân tán các tạo tác tạo tiếng chuông mờ xung quanh các cạnh cứng khi bị ấn mạnh. WebP có xu hướng làm mờ các chi tiết nhỏ thành kết quả mềm mại, hơi mờ thay vì chặn. Về mặt khách quan thì không tốt hơn. Việc chặn khiến một số mắt mất tập trung hơn; sự mềm mại làm phiền người khác.

Ở cài đặt chất lượng cao, sự khác biệt biến mất. Cả hai định dạng đều trông giống hệt bản gốc ở chất lượng 90, vì vậy sự lựa chọn hoàn toàn là về kích thước và tính năng. Sự khác biệt chỉ xuất hiện khi nén nhiều, trong đó bạn đang đánh đổi chất lượng để lấy kích thước một cách có chủ ý, và thậm chí sau đó nó vẫn rất tinh tế trên hầu hết các bức ảnh.

WebP bổ sung những gì mà JPG thiếu

WebP thực hiện được ba điều mà JPG không thể thực hiện được và mỗi điều đều quan trọng đối với những công việc khác nhau:

  • Minh bạch: WebP giữ một kênh alpha đầy đủ, do đó, logo hoặc ảnh chụp sản phẩm bị cắt bỏ vẫn có thể nhìn xuyên qua, trong đó JPG lấp đầy nền bằng một màu đồng nhất.
  • Hoạt hình: WebP hỗ trợ các clip hoạt hình, thay thế GIF bằng các tệp có kích thước nhỏ và có hàng triệu màu thay vì 256.
  • Chế độ không mất dữ liệu: WebP có thể khớp chính xác PNG, pixel với pixel, trong khi trọng lượng ít hơn, do đó, nó tăng gấp đôi khi thay thế PNG.

JPG không cung cấp những thứ này. Đây là định dạng ảnh có mục đích duy nhất, giúp nó đơn giản nhưng thu hẹp.

Hỗ trợ trình duyệt và phần mềm

Hỗ trợ là lợi thế còn lại của JPG và nó đang bị thu hẹp. JPG mở trong mọi trình duyệt, ứng dụng email, máy in và chương trình cũ từng được thực hiện. WebP hiện được đọc bởi Chrome, Firefox, Safari và Edge, vì vậy trên web mở, câu hỏi về tính tương thích về cơ bản đã được giải quyết. Những lỗ hổng còn tồn tại ở những nơi khác: một số phần mềm máy tính để bàn cũ hơn, một số ứng dụng email và nhiều biểu mẫu tải lên vẫn chỉ chấp nhận JPG hoặc PNG.

Đây là lý do tại sao cả hai cùng tồn tại chứ không phải cái này thay thế cái kia. Trên trang web bạn kiểm soát, WebP an toàn. Đối với tệp bạn gửi email, in hoặc tải lên hệ thống không xác định, JPG sẽ tránh mọi câu hỏi về tính tương thích chỉ trong một bước.

Ảnh hưởng đến tốc độ trang web

Lựa chọn định dạng ảnh hưởng đến tốc độ và tốc độ ảnh hưởng đến thứ hạng. Hình ảnh thường là phần nặng nhất của trang web và trọng lượng trang được cung cấ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à là tín hiệu xếp hạng đã được xác nhận. Việc cắt mỗi bức ảnh đi một phần ba sẽ cải thiện đáng kể thời gian tải, điểm LCP và tỷ lệ thoát. Các trang nhanh hơn cũng có khả năng chuyển đổi tốt hơn, do đó công việc này sẽ mang lại lợi ích gấp đôi.

Mô hình thực tế mà hầu hết các trang web sử dụng là tiến bộ: cung cấp WebP cho các trình duyệt chấp nhận nó và quay lại JPG cho phần còn lại. Phần tử hình ảnh HTML và hầu hết các hệ thống quản lý nội dung đều tự động xử lý việc này, vì vậy khách truy cập hiện đại nhận được tệp nhỏ và những người cũ hơn vẫn nhìn thấy hình ảnh.

Khi JPG vẫn là lựa chọn an toàn hơn

JPG chiến thắng bất cứ khi nào phạm vi tiếp cận quan trọng hơn kích thước. Đối với ảnh bạn đính kèm vào email, gửi đến cửa hàng in hoặc tải lên cổng chỉ liệt kê JPG và PNG, định dạng cũ giúp tránh nguy cơ người nhận không thể mở WebP. Đây cũng là chế độ mặc định an toàn cho tệp mà bạn sẽ không tự quản lý vì bạn không thể đảm bảo phần mềm ở đầu bên kia.

Để lưu trữ, cả hai đều hoạt động, mặc dù nhiều nhiếp ảnh gia giữ các bản gốc ở định dạng không mất dữ liệu và xuất bản sao JPG hoặc WebP để chia sẻ. Quy tắc rất đơn giản: WebP cho trang web của riêng bạn, JPG cho bất kỳ thứ gì lọt vào tay những người không xác định.

Làm thế nào để chuyển đổi giữa hai

Chuyển đổi một trong hai hướng không cần cài đặt. Trình chuyển đổi trình duyệt sẽ mã hóa lại tệp trên thiết bị của bạn để không có gì tải lên khi bạn chuyển đổi định dạng. của chúng tôi Công cụ chuyển đổi PNG sang JPGCông cụ chuyển đổi PNG sang WebP cả hai đều chạy qua API HTML5 Canvas, xử lý nhiều tệp cùng lúc và không thêm hình mờ. Đặt chất lượng, chuyển đổi và tải xuống. Đối với trang web, hãy giữ nguyên bản gốc và tạo cả dự phòng WebP và JPG.

Tại sao các nhiếp ảnh gia vẫn tiếp cận với JPG

Các nhiếp ảnh gia dựa vào JPG vì những lý do ngoài khả năng tương thích. Mọi máy ảnh đều chụp JPG trực tiếp từ cảm biến, vì vậy đây là định dạng chuyển giao gốc cho ảnh chụp. Các phòng thí nghiệm ảnh, thư viện lưu trữ và hệ thống phân phối khách hàng đều mong đợi JPG và phần mềm chỉnh sửa trong nhiều thập kỷ coi nó là đường cơ sở. Một nhiếp ảnh gia gửi thư viện cho khách hàng chọn JPG vì khách hàng có thể mở nó ở bất cứ đâu, trên mọi thiết bị mà không cần đắn đo.

WebP đang len lỏi vào thế giới này thông qua các phòng trưng bày web và danh mục đầu tư, nơi kích thước nhỏ hơn của nó sẽ tăng tốc độ duyệt web. Nhưng đối với việc phân phối và lưu trữ, tính phổ biến của JPG vẫn vượt trội so với lợi thế về kích thước của WebP. Mẫu nổi lên nhất quán: WebP cho bản sao hiển thị trên web, JPG cho tệp nằm ngoài tầm kiểm soát của nhiếp ảnh gia.

Cách cài đặt chất lượng thay đổi so sánh

Mặt số chất lượng thay đổi định dạng trông đẹp hơn. Tại chất lượng 90 trở lên, JPG và WebP giống hệt nhau về mặt hình ảnh, do đó, điểm khác biệt duy nhất là kích thước tệp, trong đó WebP chiếm ưu thế. Giảm xuống chất lượng 60 hoặc thấp hơn và hai chất lượng này khác nhau: JPG hiển thị các ô vuông hình khối và viền xung quanh, trong khi WebP chuyển sang độ mềm mại. Cả hai đều không dễ chịu, nhưng họ thất bại theo những cách khác nhau.

Đây là lý do tại sao sự so sánh công bằng luôn phù hợp với chất lượng chứ không phải kích thước tệp. So sánh JPG chất lượng 90 với WebP chất lượng 60 chẳng chứng minh được điều gì vì bạn đã thay đổi hai biến. Với chất lượng phù hợp, WebP đáng tin cậy là tệp nhỏ hơn với khả năng xử lý các cạnh bằng nhau hoặc tốt hơn, đây là cách đọc trung thực của hai định dạng.

Bản án

WebP thắng nhờ các ưu điểm kỹ thuật: tệp nhỏ hơn, độ trong suốt, hoạt ảnh và chế độ không mất dữ liệu, tất cả đều có hỗ trợ trình duyệt hiện đại đầy đủ. JPG chiến thắng ở một điều vẫn còn quan trọng, đó là khả năng mở hoàn toàn ở mọi nơi mà không cần thắc mắc. Sử dụng WebP cho trang web của bạn và JPG cho bất kỳ nội dung nào bạn gửi vào nơi chưa xác định và phân phối WebP với dự phòng JPG khi bạn muốn cả hai.

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

Tôi nên sử dụng cài đặt chất lượng nào cho WebP?

Chất lượng 80 đến 90 đối với ảnh, trong đó sự khác biệt so với ảnh gốc là vô hình. Chỉ hạ thấp nó khi bạn cần một tập tin nhỏ hơn nhiều và có thể chấp nhận được độ mềm.

Máy ảnh có quay trong WebP không?

Không. Máy ảnh chụp JPG hoặc raw, không phải WebP, vì vậy JPG vẫn là định dạng gốc cho quy trình chỉnh sửa và phân phối ảnh.

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

Về kích thước, vâng. WebP nhỏ hơn khoảng 30 phần trăm với chất lượng phù hợp và thêm độ trong suốt và hình ảnh động. JPG chiếm ưu thế về khả năng tương thích phổ quát, đó là lý do tại sao cả hai vẫn được sử dụng.

WebP nhỏ hơn JPG bao nhiêu?

Thông thường Nhỏ hơn 25 đến 34 phần trăm cho cùng một bức ảnh có chất lượng như nhau, theo nghiên cứu của Google trên 1.000 hình ảnh, với khoảng cách tùy thuộc vào nội dung.

WebP trông tệ hơn JPG?

Không, chất lượng không cao. Cả hai đều trông giống hệt bản gốc ở các cài đặt hợp lý. Khi bị nén nặng, JPG sẽ chặn trong khi WebP mềm đi.

Có phải tất cả các trình duyệt đều hỗ trợ WebP không?

Những người hiện đại làm. Chrome, Firefox, Safari và Edge đều đọc được WebP. Một số phần mềm máy tính để bàn, ứng dụng email và biểu mẫu tải lên cũ hơn vẫn chỉ chấp nhận JPG.

WebP có giữ nền trong suốt không?

Đúng. WebP có kênh alpha đầy đủ, do đó, hình ảnh trong suốt vẫn có thể nhìn xuyên qua, không giống như JPG, làm phẳng độ trong suốt thành một màu đồng nhất.

Cái nào tốt hơn cho một trang web, JPG hoặc WebP?

WebP, cho tốc độ. Các tệp nhỏ hơn sẽ cải thiện Thời gian hiển thị nội dung lớn nhất, một tín hiệu xếp hạng. Phục vụ WebP với dự phòng JPG để khách hàng cũ vẫn nhìn thấy hình ảnh.

Tôi có thể gửi tệp WebP qua email không?

Rủi ro. Một số ứng dụng email không hiển thị WebP, vì vậy nó có thể hiển thị là bị hỏng. Chuyển đổi sang JPG cho email mà mọi khách hàng đều hiển thị.

Chuyển JPG sang WebP có bị giảm chất lượng không?

Một chút, vì cả hai đều thua lỗ. Mã hóa lại thêm một lần nén. Ở chất lượng 90, sự mất mát là không thể nhìn thấy được nhưng hãy tránh lặp đi lặp lại các lần lặp lại giữa các định dạng.

WebP có tốt cho việc in ấn không?

Không, hãy sử dụng JPG hoặc TIFF. Quy trình in yêu cầu JPG, TIFF hoặc PDFvà nhiều công cụ in không đọc WebP, vì vậy hãy chuyển đổi trước khi gửi tới máy in.

Tôi có thể chuyển đổi JPG sang WebP hoặc WebP sang JPG không?

Vâng, cả hai hướng. Trình chuyển đổi trình duyệt mã hóa lại theo một trong hai cách trên thiết bị của bạn, do đó các tập tin sẽ không bao giờ được tải lên khi bạn chuyển đổi định dạng.

JPG và WebP đều là các định dạng ảnh lossless, nhưng WebP giữ hình ảnh nhỏ hơn khoảng 30% và bổ sung thêm độ trong suốt, hoạt ảnh và chế độ lossless mà JPG thiếu. Câu trả lời JPG có khả năng tương thích phổ quát, mở trên mọi thiết bị và hộp thư đến mà không cần thắc mắc. Sử dụng WebP cho trang web của bạn để tăng tốc các trang và Core Web Vitals, giữ JPG cho email, bản in và các biểu mẫu tải lên không xác định, đồng thời phân phối WebP với dự phòng JPG để có được cả hai. Chuyển đổi theo một trong hai cách trong trình duyệt của bạn bằng các công cụ trên của chúng tôi, miễn phí và riêng tư.

Tham khảo nhanh: JPG hoặc WebP

Tiếp cận với WebP khi hình ảnh hiển thị trên trang web mà bạn kiểm soát, khi ảnh cần độ trong suốt hoặc khi tốc độ trang và Các chỉ số quan trọng về trang web quan trọng. Tiếp cận với JPG khi tệp nằm ngoài tầm kiểm soát của bạn: tệp đính kèm email, lệnh in, gửi kho hoặc biểu mẫu tải lên chỉ liệt kê JPG và PNG. Khi bạn muốn cả hai lợi ích, hãy cung cấp WebP với dự phòng JPG để các trình duyệt hiện đại nhận được tệp nhỏ và mọi người khác vẫn nhìn thấy hình ảnh. Quy tắc đó bao trùm hầu hết mọi quyết định thực sự giữa hai người.