Chuyển ảnh sang WebP

Bạn muốn tăng tốc website hay cửa hàng trực tuyến bằng ảnh nhẹ hơn? Chuyển JPG và PNG sang WebP. Trước khi chuyển đổi, công cụ ước tính mức tiết kiệm so với JPG và chuẩn bị sẵn mã HTML kèm định dạng dự phòng cho trình duyệt cũ. Mọi thứ chạy ngay trong trình duyệt của bạn, ảnh không được tải lên bất kỳ đâu.

Cách chuyển đổi ảnh sang WebP

1. Tải ảnh lên. Kéo thả vào khung hoặc nhấp “Duyệt tệp”. Công cụ nhận JPG, PNG, BMP và GIF tĩnh, kể cả hàng chục tệp cùng lúc.
2. Đặt chất lượng. Chất lượng mặc định 80 phù hợp với hầu hết website. Với portfolio nên chọn 85 đến 90, với ảnh xem nhanh chọn 70.
3. Chuyển đổi và tải xuống. Nút “Chuyển đổi” xử lý toàn bộ lô ảnh, tải WebP về từng tệp hoặc gộp thành ZIP.

Ai muốn xem chi tiết có thể mở “Chi tiết kỹ thuật: kính lúp, ước tính dung lượng, mã HTML” bên dưới bản xem trước.

Vì sao nên chuyển ảnh sang WebP

WebP là định dạng do Google phát triển dành riêng cho web. Theo nghiên cứu của Google (bằng tiếng Anh), ở cùng mức chất lượng, tệp WebP nén có tổn hao nhỏ hơn JPEG từ 25 đến 34%, còn bản nén không tổn hao nhỏ hơn PNG khoảng 26%. Ảnh nhẹ hơn đồng nghĩa trang tải nhanh hơn, chỉ số Core Web Vitals tốt hơn và tốn ít dữ liệu di động hơn.

Ngoài ra WebP còn hỗ trợ trong suốt nên có thể thay thế cả PNG có nền trong suốt. Hiện nay WebP được mọi trình duyệt phổ biến hỗ trợ (bằng tiếng Anh), kể cả Safari từ phiên bản 14.

Những tính năng khác của công cụ chuyển sang WebP

Ước tính mức tiết kiệm trước khi chuyển đổi

Trong chi tiết kỹ thuật có mục “Ước tính từ mẫu”: công cụ mã hóa một mẫu thu nhỏ của ảnh đã chọn để tính xem WebP sẽ nặng bao nhiêu với cài đặt hiện tại, JPEG ở cùng chất lượng sẽ nặng bao nhiêu, và bạn tiết kiệm được bao nhiêu phần trăm. Nhờ đó biết ngay việc chuyển đổi có đáng hay không.

Mã HTML kèm định dạng dự phòng

Công cụ chuẩn bị sẵn mã cho phần tử <picture>: trình duyệt hỗ trợ WebP sẽ tải tệp mới, trình duyệt còn lại nhận JPG hoặc PNG gốc. Mã còn có kích thước ảnh và tải chậm, chỉ cần dán vào mẫu giao diện. Cách <picture> hoạt động được MDN (bằng tiếng Anh) mô tả.

Kính lúp ở độ phóng đại 100%

Nhấp vào bản xem trước để di chuyển kính lúp đến bất kỳ điểm nào và so sánh ảnh gốc với kết quả từng điểm ảnh. Nhiễu do nén có tổn hao xuất hiện đầu tiên ở chữ, đường viền và vùng chuyển màu mịn, đó là nơi đáng xem nhất.

Vùng trong suốt vẫn được giữ nguyên

PNG có nền trong suốt chuyển sang WebP mà không mất kênh alpha. Nếu ứng dụng đích không xử lý được trong suốt, hãy bật “Làm phẳng vùng trong suốt thành màu”.

Bảo vệ khỏi kết quả không như ý

Công cụ từ chối GIF động vì nếu chuyển đổi sẽ âm thầm chỉ còn khung hình đầu tiên. Khi ảnh sau chuyển đổi lại to hơn bản gốc, tình huống thường gặp ở ảnh đã nén tốt sẵn, bảng sẽ đánh dấu và một cú nhấp vào “Giữ bản gốc” sẽ giữ lại tệp ban đầu.

Thu nhỏ, đổi tên, không còn siêu dữ liệu

Trong “Tùy chọn nâng cao”, ảnh có thể thu nhỏ theo cạnh dài nhất tính bằng pixel hoặc theo phần trăm, rồi đổi tên hàng loạt bằng {name}, {width}, {height} và {index}. Quá trình chuyển đổi xóa EXIF, ICC và GPS nên ảnh không còn tiết lộ vị trí chụp. Nếu cần thu nhỏ ảnh theo đúng kích thước hoặc dưới một giới hạn kB, hãy dùng thu nhỏ ảnh.

Chọn chất lượng WebP nào

Mục đích	Chất lượng	Ghi chú
Portfolio, ảnh sản phẩm	85 đến 90	Giữ chi tiết gần như trọn vẹn, vẫn nhẹ hơn JPG
Website và blog thông thường	75 đến 80	Tỷ lệ tốt nhất giữa chất lượng và dung lượng
Ảnh xem nhanh, thư viện ảnh	65 đến 70	Tệp nhỏ, có chút nhiễu

Khi nào dùng WebP, khi nào dùng định dạng khác

• Ảnh chụp và đồ họa dùng cho web: WebP, kèm phương án dự phòng bằng <picture> cho chắc chắn.
• Ảnh gửi qua email, cho cơ quan hoặc phần mềm cũ: nên dùng JPG, mở được ở hầu như mọi nơi.
• Tài liệu để chỉnh sửa tiếp và in ấn: PNG, không mất chất lượng chút nào.

Kích thước ảnh trên web có thể kiểm tra nhanh tại phân tích kích thước ảnh.

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

Làm sao để chuyển JPG sang WebP?

Tải tệp JPG lên, giữ nguyên chất lượng 80 hoặc điều chỉnh, rồi nhấp "Chuyển đổi". Ở cùng chất lượng thị giác, WebP thường nhẹ hơn từ một phần tư đến một phần ba. Mức tiết kiệm cho từng ảnh cụ thể hiện ở phần ước tính trong chi tiết kỹ thuật.

Làm sao để chuyển PNG sang WebP mà vẫn giữ trong suốt?

Chỉ cần tải PNG lên và chuyển đổi, vùng trong suốt tự động được giữ nguyên. Nếu ngược lại không muốn giữ, hãy bật "Làm phẳng vùng trong suốt thành màu".

Mọi trình duyệt có hỗ trợ WebP không?

Có, tất cả trình duyệt hiện nay đều hỗ trợ, kể cả Safari từ phiên bản 14. Để chắc chắn trên thiết bị cũ, dùng mã HTML với phần tử <picture> mà công cụ chuẩn bị sẵn, trình duyệt cũ sẽ tải JPG hoặc PNG gốc.

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

Với web thì có, cùng chất lượng WebP nhẹ hơn và hỗ trợ trong suốt. Nhưng JPG vẫn mở được ở nhiều phần mềm, máy in và cơ quan hơn. Vì vậy nên dùng WebP cho web, JPG khi chia sẻ và in ấn.

Vì sao công cụ từ chối tệp GIF của tôi?

GIF động khi chuyển đổi sẽ âm thầm chỉ còn một khung hình tĩnh duy nhất. Để bạn không bất ngờ với kết quả, công cụ từ chối luôn từ đầu. GIF tĩnh vẫn chuyển đổi bình thường.

Ảnh của tôi có được tải lên máy chủ không?

Không. Quá trình chuyển đổi chạy ngay trong trình duyệt của bạn và tệp không được gửi đi đâu cả.