Chuyển PNG sang WebP Portable Network Graphics ↔ WebP Miễn phí Trực tuyến An toàn

Vì sao người ta chuyển PNG sang WebP

PNG là định dạng ảnh của cạnh sắc và nền nhìn xuyên qua. Nó giữ mọi điểm ảnh đúng như lúc được vẽ, và đó là lý do logo, ảnh chụp màn hình, sơ đồ và bản mẫu giao diện được lưu trong đó. Cái giá là dung lượng. Một PNG của bức ảnh chụp hay của ảnh chụp màn hình lớn có thể nặng vài megabyte, và khi một trang web gồm hàng chục cái như vậy, nó tải chậm, ngốn gói dữ liệu của khách và kéo tụt điểm mà công cụ tìm kiếm dành cho các trang nhanh. WebP là một định dạng mới hơn được tạo ra để sửa đúng điều đó. Nó làm ra tệp nhỏ hơn, giữ độ trong suốt và được mọi trình duyệt hiện nay hiểu. Đó là lý do người ta chuyển PNG sang WebP: họ muốn những bức ảnh nhẹ hơn mà không mất nền nhìn xuyên qua.

Các tình huống rất phổ biến. Một chủ trang web được bảo rằng ảnh quá nặng. Một lập trình viên muốn một trang nhanh hơn. Một cửa hàng có hàng trăm ảnh sản phẩm trên nền trong suốt. Một blogger có ảnh chụp màn hình khiến bài viết mở chậm. Trong mọi trường hợp mục tiêu giống nhau: một bức ảnh trông đúng và nhẹ hơn.

Trang này chuyển PNG sang WebP ngay trong trình duyệt của bạn. Bức ảnh của bạn được vẽ lại một lần, ở cỡ gốc, và lưu thành WebP. Không gì bị đổi cỡ, và tệp không bao giờ rời thiết bị của bạn. Bên dưới bạn sẽ thấy nó hoạt động ra sao, cái gì được giữ, cái giá là gì, và khi nào bạn nên để PNG nguyên như vậy.

Phép chuyển đổi hoạt động thế nào

Vẽ lại một lần ở cỡ gốc

PNG của bạn được mở trong trình duyệt, vẽ lên một canvas với chiều rộng và chiều cao của chính nó rồi lưu thành WebP. Bức ảnh được vẽ lại một lần, và không gì bị đổi cỡ, nên một bức ảnh 1200 nhân 800 điểm ảnh sau đó vẫn là 1200 nhân 800 điểm ảnh. Không có gì được gửi tới máy chủ, nên không có gì để chờ và không có gì để xóa.

Vì sao WebP nhỏ hơn

WebP dùng cách nén ảnh hiện đại hơn các định dạng cũ. Với cùng vẻ ngoài, nó thường cần ít dữ liệu hơn nhiều. Với ảnh chụp, mức tiết kiệm có thể rất lớn; với đồ họa phẳng, nó nhỏ hơn. Định dạng này cũng hỗ trợ độ trong suốt, điều JPG không có, và đó là điều khiến nó thành sự thay thế tốt cho PNG nói riêng.

WebP có mất mát

WebP ở đây là loại có mất mát. Nó tiết kiệm chỗ bằng cách bỏ một chút chi tiết mà mắt ít có khả năng nhận ra nhất. Ngược lại, một PNG chưa mất gì. Điều này đáng hiểu trước khi bạn chuyển đổi: đó là khoảnh khắc đầu tiên bức ảnh nhường đi một phần chi tiết.

Cái gì được giữ

Kích thước chính xác

Chiều rộng và chiều cao của bức ảnh được giữ chính xác. WebP có cùng kích thước với PNG trên màn hình, nên nó vừa cùng chỗ trên một trang mà không thay đổi bố cục.

Độ trong suốt

Độ trong suốt được giữ. Khác với JPG, WebP giữ nền nhìn xuyên qua, nên một logo hay ảnh sản phẩm cắt nền vẫn cho thấy thứ phía sau. Đây là lý do chính để chọn WebP thay vì JPG khi bạn bắt đầu từ PNG.

Điều bạn nên biết trước khi chuyển PNG sang WebP

Đây là chi tiết đầu tiên bức ảnh nhường đi

WebP ở đây là loại có mất mát, và một PNG chưa mất gì, nên phép chuyển đổi này là lần đầu bức ảnh nhường đi một phần chi tiết. Với ảnh chụp thì khó thấy, và tệp co lại rất nhiều. Với ảnh chụp màn hình, sơ đồ hay bất cứ thứ gì có chữ sắc nét, các cạnh mềm đi và mức tiết kiệm nhỏ hơn. Nếu bức ảnh của bạn chủ yếu là màu phẳng và nét sắc, hãy thử một cái trước khi chuyển tất cả.

Hãy giữ PNG nếu bạn sẽ chỉnh sửa lại

Hãy giữ PNG nếu bạn sẽ chỉnh sửa bức ảnh lần nữa. Mỗi lần một bức ảnh có mất mát được lưu, nó mất thêm một chút. PNG là bản chủ của bạn, còn WebP là bản sao bạn đưa lên web. Đừng chỉnh WebP rồi lưu lại thành WebP nhiều lần.

Kiểm tra nơi nó sẽ được hiển thị

Mọi trình duyệt hiện nay đều đọc được WebP, và phần lớn chương trình chỉnh sửa và điện thoại cũng vậy. Một số phần mềm cũ, chương trình email và dịch vụ in vẫn mong PNG hoặc JPG. Nếu đích đến không phổ biến, hãy kiểm tra trước khi thay bản gốc.

Cách chuyển PNG sang WebP ở đây

Thêm ảnh của bạn

Thả PNG vào trang hoặc chọn từ thiết bị của bạn. Nó được mở trong trình duyệt và không được tải lên.

Chuyển đổi

Nhấn nút. Một bức ảnh mất chốc lát, và bức lớn mất lâu hơn một chút. Hãy để trang mở cho đến khi xong.

Tải về và so sánh

Tải WebP về và so với PNG. Nhìn các cạnh của chữ và những vùng mềm, rồi kiểm tra dung lượng tệp. Nếu nó trông đúng và nhẹ hơn nhiều, bạn đã có thứ mình muốn.

Nhìn kỹ hơn về PNG và WebP

Hai định dạng đến từ đâu

PNG xuất hiện vào giữa những năm chín mươi như một sự thay thế miễn phí cho một định dạng cũ hơn, và trở thành chuẩn cho những bức ảnh phải giữ chính xác. WebP được Google giới thiệu năm 2010 để làm web nhanh hơn, và qua các năm được mọi trình duyệt lớn chấp nhận. Cả hai đều có thể chứa độ trong suốt; chúng khác nhau ở cách lưu bức ảnh. PNG lưu nó không mất mát. WebP có thể làm cả hai, nhưng loại dùng ở đây lưu nó với một mất mát nhỏ để đổi lấy tệp nhỏ hơn nhiều.

Những ảnh nào được lợi nhất

Ảnh chụp được lợi nhất: tệp có thể co lại còn một phần nhỏ kích thước mà không thay đổi nhìn thấy được. Các ảnh có vùng phẳng lớn và nét sắc được lợi ít hơn, và lộ sự mất mát nhiều hơn. Ảnh chụp màn hình của chữ là trường hợp khó nhất, vì chữ cái có cạnh sắc mà định dạng có mất mát có xu hướng làm mềm đi một chút.

Độ trong suốt và cạnh mềm

Một nền nhìn xuyên qua vẫn còn, nhưng cạnh mềm của bóng đổ hay quầng sáng có thể lộ một quầng mờ nhẹ sau khi nén có mất mát. Nếu bạn thấy, hãy kiểm tra bức ảnh trên màu của trang nơi nó sẽ xuất hiện, vì quầng đó thường vô hình trên nền khớp.

Các tình huống thường gặp chi tiết

Làm trang web nhanh hơn

Ảnh thường là phần nặng nhất của một trang. Chuyển chúng sang WebP là một trong những cách đơn giản nhất để nó tải nhanh hơn. Hãy chuyển PNG sang WebP cho ảnh chụp và các banner lớn trước, vì đó là nơi mức tiết kiệm lớn nhất.

Cửa hàng trực tuyến có ảnh sản phẩm trong suốt

Sản phẩm cắt nền trên nền trong suốt rất phổ biến trong cửa hàng. WebP giữ phần cắt nền và làm tệp nhẹ hơn, giúp các trang có nhiều mặt hàng.

Blog và bài viết có ảnh chụp màn hình

Ảnh chụp màn hình cộng dồn. Nếu bài viết của bạn chậm, hãy chuyển những ảnh lớn hơn và so độ nét của chữ trước khi thay bản gốc.

Email và nhắn tin

Một số công cụ gửi thư và chương trình chat vẫn không hiển thị WebP. Nếu bức ảnh của bạn sẽ đi qua email, hãy giữ thêm một bản PNG hoặc JPG, và dùng WebP trên trang của bạn.

Lời khuyên thực tế trước khi chuyển PNG sang WebP

Thử một bức ảnh trước

Chuyển một bức ảnh và nhìn nó ở cỡ đầy đủ. Nếu kết quả tốt, hãy chuyển phần còn lại. Nếu chữ trông mềm, hãy cân nhắc để ảnh chụp màn hình ở dạng PNG và chỉ chuyển ảnh chụp.

Giữ bản gốc

Hãy lưu các tệp PNG trong một thư mục riêng. Mức tiết kiệm đến từ các bản sao cho web, còn bản gốc là lưới an toàn của bạn nếu bạn cần chỉnh sửa hay in một bức ảnh.

Chú ý tên tệp

Hãy đặt tên WebP rõ ràng, và giữ cùng tên gốc với PNG, để bạn biết cái nào đi với cái nào. Phần mở rộng đổi; phần còn lại thì không.

Đừng đổi cỡ cùng lúc

Bộ chuyển đổi giữ cỡ gốc. Nếu trang của bạn cần một bức ảnh nhỏ hơn, hãy đổi cỡ trong trình chỉnh sửa trước, rồi chuyển PNG sang WebP, vì một bức ảnh 4000 điểm ảnh hiển thị ở 400 là trọng lượng lãng phí.

Những câu hỏi mọi người hay hỏi trước khi chuyển

Chất lượng có giảm không?

Một chút, có. WebP ở đây là loại có mất mát, nên bức ảnh nhường đi một ít chi tiết. Với ảnh chụp thì khó thấy; với chữ sắc nét thì dễ nhận ra hơn.

Độ trong suốt có được giữ không?

Có. WebP giữ nền nhìn xuyên qua, điều JPG không làm.

Nó có cùng kích thước điểm ảnh không?

Có. Không gì bị đổi cỡ, và kích thước chính xác được giữ.

Mọi trình duyệt có hiển thị WebP không?

Mọi trình duyệt hiện nay đều có. Một số chương trình cũ thì không, nên hãy kiểm tra đích đến nếu nó không phổ biến.

Ảnh của tôi có bị tải lên không?

Không. Việc chuyển đổi chạy trong trình duyệt của bạn và bức ảnh không bao giờ rời thiết bị.

Tôi có thể quay lại PNG không?

Có, với WebP sang PNG, nhưng những gì đã mất khi WebP được tạo vẫn mất.

Chọn khôn ngoan khi bạn chuyển PNG sang WebP

Ảnh chụp và đồ họa phẳng khác nhau

Ảnh chụp chuyển tốt và tiết kiệm nhiều. Đồ họa phẳng và ảnh chụp màn hình có chữ lộ sự mất mát nhiều hơn và tiết kiệm ít hơn. Hãy chọn theo loại ảnh, đừng theo thói quen.

So với các lựa chọn khác

Nếu bạn không cần độ trong suốt, PNG sang JPG có thể hợp hơn cho ảnh chụp. Nếu bạn chỉ muốn một PNG nhẹ hơn, nén PNG cắt bớt trọng lượng và giữ nguyên định dạng.

Nghĩ đến bước tiếp theo

Nếu bạn có thể chỉnh sửa bức ảnh sau này, hãy làm việc từ PNG và tạo WebP ở cuối, ngay trước khi đăng.

Dùng WebP tốt trên một trang web

Phục vụ đúng kích thước

Một định dạng nhẹ hơn giúp ích, nhưng mức tiết kiệm lớn nhất vẫn đến từ việc gửi một bức ảnh không lớn hơn chỗ nó được hiển thị. Một banner hiển thị ở 1200 điểm ảnh không cần 4000. Hãy đổi cỡ trước, rồi chuyển PNG sang WebP, và bạn được cả hai khoản tiết kiệm cùng lúc.

Mô tả bức ảnh

Mỗi bức ảnh trên một trang nên có một đoạn chữ ngắn nói nó cho thấy gì. Điều đó giúp khách dùng trình đọc màn hình, và được công cụ tìm kiếm đọc. Định dạng tệp không liên quan, nhưng một trang gồm các ảnh nhẹ hơn là lúc tốt để xem lại chúng và thêm những mô tả còn thiếu.

Cung cấp phương án dự phòng nếu phải

Mọi trình duyệt hiện nay đều đọc WebP, nên với hầu hết trang web không còn cần phương án dự phòng. Nếu bạn biết một số khách dùng phần mềm rất cũ, bạn có thể cung cấp thêm một PNG, và để trình duyệt chọn cái nó hiểu.

Đo kết quả

Sau khi bạn thay các bức ảnh, hãy kiểm tra trang tải nhanh thế nào, bằng các công cụ có sẵn trong trình duyệt. Thấy khác biệt bằng con số khiến công sức đáng giá và cho bạn biết liệu còn gì để được thêm từ các bức ảnh khác.

Đừng quên ảnh thu nhỏ

Ảnh xem trước nhỏ, biểu tượng và ảnh đại diện lặp lại trên nhiều trang. Từng cái thì nhẹ, nhưng cộng lại thì đáng kể. Chuyển chúng nhanh và tác động trên cả trang web là thật.

Nghĩ về ảnh chụp màn hình trong tài liệu

Các trang trợ giúp đầy ảnh chụp màn hình có chữ. Nếu bạn chuyển PNG sang WebP ở đó, hãy nhìn kỹ độ nét của chữ cái. Với những ảnh phải giữ sắc nét, một PNG đã nén là lựa chọn an toàn hơn, và nó giữ ảnh chụp màn hình dễ đọc.

Quyền riêng tư và xử lý

Vì sao chuyển đổi cục bộ quan trọng với ảnh

Ảnh thường cho thấy người, nơi chốn, tài liệu và màn hình riêng tư. Nhiều bộ chuyển đổi trực tuyến tải tệp của bạn lên máy chủ, xử lý và gửi kết quả về, và trong một thời gian một bản sao nằm trên một máy bạn không kiểm soát. Ở đây trình duyệt của bạn làm việc, nên bức ảnh ở lại trên thiết bị.

Điều gì xảy ra khi bạn rời đi

Khi bạn đóng trang, bức ảnh đã chuyển biến mất khỏi trình duyệt, nên hãy tải về trước. Không có gì về bức ảnh của bạn được lưu.

Nếu có gì trục trặc

Chữ trong ảnh chụp màn hình của tôi trông mềm

Đó là nén có mất mát đang làm việc. Hãy giữ ảnh chụp màn hình đó ở dạng PNG, hoặc nén nó bằng nén PNG thay vào đó.

Một quầng mờ xuất hiện quanh phần cắt nền

Nó đến từ việc nén một cạnh mềm. Hãy kiểm tra nó trên nền thật của trang bạn. Nếu nó vẫn lộ, hãy giữ PNG cho bức ảnh đó.

Trang đơ với một bức ảnh rất lớn

Mọi thứ chạy trên thiết bị của bạn, và một bức ảnh khổng lồ cần bộ nhớ. Hãy thử lại trên máy tính, hoặc giảm bức ảnh trước.

Các công cụ liên quan

Cùng họ công cụ bao quát các việc lân cận. Để đi chiều ngược lại, hãy dùng WebP sang PNG. Với ảnh chụp, JPG sang WebP và WebP sang JPG làm cùng việc cho định dạng phổ biến còn lại, còn PNG sang JPG và JPG sang PNG chuyển qua lại giữa chúng. Để làm nhẹ một PNG mà không đổi định dạng, nén PNG là câu trả lời, và PNG sang PDF đặt ảnh vào một tài liệu.

Một ví dụ có lời giải

Giả sử bạn điều hành một cửa hàng nhỏ, và ảnh một sản phẩm trên nền trong suốt là một PNG 2,4 megabyte. Bạn thả nó vào đây và nhấn nút. Một lúc sau bạn tải về một WebP khoảng 300 kilobyte, cùng kích thước điểm ảnh và có cùng nền nhìn xuyên qua. Trên trang sản phẩm nó trông giống hệt, và trang tải nhanh hơn rõ rệt. PNG vẫn nằm trong thư mục của bạn cho ngày bạn cần chỉnh sửa nó.

Một danh sách kiểm tra ngắn

Trước khi chuyển

Quyết định bức ảnh là ảnh chụp hay đồ họa phẳng. Giữ PNG an toàn. Kiểm tra đích đến của bạn có đọc được WebP.

Trong khi chuyển

Ở lại trên trang cho đến khi tệp sẵn sàng.

Sau khi chuyển

Mở WebP ở cỡ đầy đủ, nhìn các cạnh và chữ, so dung lượng tệp và giữ cả hai phiên bản trong các thư mục riêng.

Những sai lầm thường gặp

Chuyển mọi thứ một cách mù quáng

Đừng chuyển PNG sang WebP cho mọi bức ảnh mà không nhìn. Đồ họa phẳng và ảnh chụp màn hình có chữ có thể đáng được ở lại dạng PNG.

Chỉnh WebP hết lần này đến lần khác

Mỗi lần lưu có mất mát tốn thêm chi tiết. Hãy chỉnh PNG và xuất một WebP mới khi bạn cần thay đổi gì đó.

Xóa PNG

Hãy giữ nó. Đó là bản chủ, và không gì khôi phục được chi tiết của nó một khi nó đã mất.

Ảnh của bạn ở lại trên thiết bị của bạn

Việc chuyển đổi diễn ra cục bộ. Ảnh của bạn được chính trình duyệt đọc, vẽ lại ở đó và trả lại dưới dạng WebP. Không có gì được tải lên, nên không có bản sao nào trên máy chủ và không ai khác thấy được. Với ảnh riêng tư, đó là cách an toàn để chuyển PNG sang WebP.

Tóm tắt

Để chuyển PNG sang WebP ở đây, hãy thả bức ảnh và nhấn nút. Bức ảnh được vẽ lại một lần ở cỡ gốc và lưu thành WebP. Không gì bị đổi cỡ, và tệp không bao giờ rời thiết bị của bạn. Kích thước chính xác được giữ, độ trong suốt cũng vậy: khác với JPG, WebP giữ nền nhìn xuyên qua. WebP ở đây là loại có mất mát, và một PNG chưa mất gì, nên đây là chi tiết đầu tiên bức ảnh nhường đi. Với ảnh chụp thì khó thấy và tệp co lại rất nhiều. Với ảnh chụp màn hình, sơ đồ hay bất cứ thứ gì có chữ sắc nét, các cạnh mềm đi và mức tiết kiệm nhỏ hơn. Hãy giữ PNG nếu bạn sẽ chỉnh sửa bức ảnh lần nữa.