Chuyển đến nội dung chính

HEIC sang WebP: Đưa ảnh iPhone lên Web

Chuyển đổi từ HEIC sang JPEG rồi sang WebP làm giảm chất lượng hai lần. Chuyển đổi trực tiếp sang WebP bỏ qua một thế hệ trung gian và cho dung lượng nhỏ hơn.

Hãy chuyển đổi HEIC trực tiếp sang WebP khi ảnh chụp từ iPhone được đưa lên trang web, vì lộ trình trực tiếp này chỉ giải mã một lần và mã hóa một lần thay vì làm giảm chất lượng qua một thế hệ trung gian là JPEG. Kết quả thường cho dung lượng nhỏ hơn từ 25 đến 35 phần trăm so với JPEG tương đương ở cùng chất lượng hiển thị.

Mỗi lần mã hóa nén mất dữ liệu (lossy) lại loại bỏ thêm một ít chi tiết. Việc chuyển đổi High Efficiency Image Container (HEIC) sang JPEG rồi từ JPEG sang WebP tốn 2 thế hệ nén trong khi chỉ cần 1, và tệp JPEG trung gian không còn tác dụng gì sau khi tệp WebP đã được tạo ra.

Tại sao lộ trình trực tiếp lại tốt hơn

Mỗi lần mã hóa nén mất dữ liệu sẽ loại bỏ chi tiết vĩnh viễn, và sự suy giảm này tích tụ qua các bước. Quá trình chuyển đổi 2 bước sẽ áp dụng tổn hao nén hai lần, sau đó nén chính những tổn hao đó ở lượt thứ hai.

Lượt thứ hai là lượt gây lãng phí. Nén JPEG tạo ra các hạt nhiễu nhỏ xung quanh các cạnh, và bộ mã hóa WebP sau đó phải tốn dung lượng để mô tả chính xác các hạt nhiễu đó, vì bộ mã hóa không thể phân biệt được đâu là tổn hao và đâu là chi tiết ảnh. Bỏ qua JPEG đồng nghĩa với việc bộ mã hóa WebP sẽ làm việc từ các điểm ảnh gốc và dành tài nguyên cho chính bức ảnh.

WebP thực sự nhỏ hơn bao nhiêu

Các tệp WebP có dung lượng nhỏ hơn từ 25 đến 35 phần trăm so với JPEG ở chất lượng hiển thị tương đương, và gần bằng kích thước HEIC gốc. Mức tiết kiệm lớn nhất là ở những bức ảnh có các vùng mịn như bầu trời, bức tường và da.

Ảnh nguồnĐịnh dạng HEICĐịnh dạng JPEG chất lượng 85Định dạng WebP chất lượng 85
Chân dung, nền trơn1.4 MB2.8 MB1.9 MB
Phong cảnh có bầu trời2.1 MB4.2 MB2.7 MB
Cảnh trong nhà, chi tiết hỗn hợp2.6 MB5.1 MB3.6 MB
Ảnh chụp màn hình hoặc đồ họa phẳng0.4 MB0.9 MB0.3 MB

Dòng cuối cùng cho thấy trường hợp WebP vượt trội hoàn toàn so với HEIC. WebP bao gồm chế độ nén không mất dữ liệu (lossless) phù hợp với màu phẳng và các cạnh sắc nét, đó là lý do tại sao ảnh chụp màn hình và đồ họa nén tốt hơn trong WebP so với cả hai định dạng ảnh chụp.

Khi nào nên dùng WebP và khi nào nên dùng JPG

Sử dụng WebP cho bất kỳ thứ gì hiển thị trên trang web, và JPG cho bất kỳ thứ gì tải lên biểu mẫu, gửi qua email hoặc chuyển cho xưởng in. Sự phân chia này tuân theo khả năng giải mã của từng nơi nhận.

  • Trang web và hệ thống nội dung. WebP, được hỗ trợ bởi mọi trình duyệt hiện tại trên máy tính và thiết bị di động.
  • Cửa hàng trực tuyến và sàn thương mại điện tử. WebP ở những nơi chấp nhận, vì dung lượng trang ảnh hưởng đến tỷ lệ chuyển đổi.
  • Cổng thông tin chính phủ và thi cử. JPG, vì hệ thống kiểm tra tải lên thường từ chối WebP.
  • Bản tin email. JPG, vì hỗ trợ WebP trên các ứng dụng email vẫn chưa đồng đều.
  • Phần mềm in ấn và thiết kế. JPG hoặc HEIC gốc, vì quy trình in ấn hiếm khi chấp nhận WebP.

Cách chuyển đổi HEIC sang WebP

Để chuyển đổi một thư mục ảnh iPhone cho một trang web, hãy làm theo 6 bước sau.

  1. Sao chép ảnh từ điện thoại bằng cáp, hoặc tải chúng xuống từ iCloud dưới dạng tệp lưu trữ ZIP.
  2. Mở trình chuyển đổi HEIC sang WebP trong bất kỳ trình duyệt hiện đại nào.
  3. Kéo toàn bộ tệp đã chọn hoặc tệp lưu trữ ZIP vào vùng thả.
  4. Thay đổi kích thước trước khi chuyển đổi nếu ảnh sẽ hiển thị ở chiều rộng cố định, vì một hình ảnh 4000 pixel đặt trong khung hiển thị 800 pixel sẽ lãng phí phần lớn dung lượng tệp.
  5. Đặt chất lượng ở mức 80 cho mục đích sử dụng web, đây là điểm mà tệp có dung lượng nhỏ và tổn hao chất lượng không thể nhận ra bằng mắt thường.
  6. Tải kết quả xuống dưới dạng một tệp ZIP và tải chúng lên trang web.

Thay đổi kích thước trước khi chuyển đổi quan trọng hơn cài đặt chất lượng. Kích thước quyết định phần lớn dung lượng tệp, vì vậy một bức ảnh được giảm xuống đúng chiều rộng hiển thị đã đi được phần lớn chặng đường để giúp trang tải nhanh.

Độ trong suốt và hoạt ảnh được giữ nguyên

WebP hỗ trợ độ trong suốt và hoạt ảnh, vì vậy không có gì bị mất đi như khi dùng JPEG. JPEG hoàn toàn không có kênh trong suốt, điều này buộc nền trong suốt phải chuyển thành màu trắng trơn trong quá trình chuyển đổi.

Ảnh chụp thông thường từ iPhone không có độ trong suốt, vì vậy điều này hiếm khi quan trọng đối với ảnh máy ảnh. Nó quan trọng đối với đồ họa xuất bản, logo và ảnh chụp màn hình có góc bo tròn, nơi chuyển đổi sang JPEG sẽ tạo ra một khung màu trắng ngoài ý muốn của nhà thiết kế. Thay vào đó, việc chuyển các tệp đó qua WebP sẽ giữ nguyên các vùng trong suốt.

Phục vụ WebP an toàn trên trang web

Sử dụng thẻ picture với nguồn WebP trước và một JPEG dự phòng trong thẻ img, trình duyệt sẽ chọn định dạng đầu tiên mà nó hiểu. Cách làm này chỉ tốn thêm vài dòng mã nguồn và loại bỏ mọi rủi ro về tính tương thích.

Các trình duyệt hiện đại sẽ lấy tệp WebP, trong khi các trình duyệt cũ hơn sẽ quay lại dùng JPEG. Hầu hết các hệ thống nội dung hiện nay đều tự động xử lý việc này khi tải lên, vì vậy hãy kiểm tra xem nền tảng của bạn đã tự tạo mã nguồn này chưa trước khi tự viết bằng tay. Tải tệp WebP lên một nền tảng tự động mã hóa lại mọi thứ sang JPEG sẽ khiến bạn gặp rủi ro tương thích mà không có được lợi ích về dung lượng, đây là điều đáng để kiểm tra một lần trên mỗi nền tảng.

Thay đổi kích thước trước khi chuyển đổi

Hãy giảm bức ảnh xuống kích thước lớn nhất mà nó sẽ hiển thị, sau đó mới chuyển đổi, vì kích thước quyết định dung lượng tệp mạnh mẽ hơn nhiều so với cài đặt chất lượng. Một bức ảnh iPhone có kích thước khoảng 3024 x 4032 pixel, và hầu như không có trang web nào hiển thị hình ảnh lớn như vậy.

Một bức ảnh hiển thị trong cột rộng 800 pixel chỉ cần 1600 pixel để trông sắc nét trên màn hình có mật độ điểm ảnh cao, và không cần gì hơn thế. Thay đổi kích thước từ 3024 xuống 1600 loại bỏ khoảng 72 phần trăm dữ liệu điểm ảnh trước khi bộ mã hóa bắt đầu, điều này thường tiết kiệm dung lượng nhiều hơn bất kỳ quyết định chọn chất lượng nào. Hãy đo chiều rộng lớn nhất mà hình ảnh hiển thị, nhân đôi nó, và thay đổi kích thước thư viện ảnh theo con số đó.

Hỗ trợ trình duyệt WebP vào năm 2026

Mọi trình duyệt hiện tại đều hỗ trợ WebP, bao gồm Chrome, Firefox, Safari và Edge trên máy tính và thiết bị di động. Rào cản cũ đối với định dạng này là tính tương thích, và cuộc tranh luận đó đã kết thúc khi Safari thêm hỗ trợ vào năm 2020.

Hỗ trợ bên ngoài trình duyệt vẫn chưa đồng đều, đây là điểm khác biệt đáng lưu ý. Phần mềm thiết kế, quy trình in ấn, ứng dụng email và biểu mẫu tải lên đi sau trình duyệt nhiều năm, vì vậy một tệp WebP hiển thị hoàn hảo trên trang web có thể bị từ chối bởi một nền tảng bản tin hoặc cổng thông tin chính phủ. Hãy đánh giá định dạng dựa trên nơi nhận thay vì bảng tương thích của trình duyệt.

Giữ nguyên ngày và vị trí chụp ảnh

Siêu dữ liệu EXIF mang thông tin ngày chụp, cài đặt máy ảnh và vị trí, và một bộ chuyển đổi bảo toàn dữ liệu này sẽ giúp ảnh được sắp xếp chính xác. Các thư viện ảnh sắp xếp ảnh theo ngày chụp chứ không phải ngày tệp, vì vậy việc mất trường thông tin đó sẽ làm xáo trộn album.

Dữ liệu vị trí là trường thông tin cần cân nhắc trước khi xuất bản. Tọa độ được ghi lại chính xác trong phạm vi vài mét rất hữu ích trong kho lưu trữ cá nhân nhưng lại không an toàn trên một trang web công cộng, đặc biệt là đối với những bức ảnh chụp tại nhà. Hãy quyết định hành vi bạn muốn trước khi xử lý hàng loạt 500 tệp, vì việc thay đổi sau đó đồng nghĩa với việc phải xử lý lại mọi thứ.

Nên chọn cài đặt chất lượng nào

Chất lượng 80 là lựa chọn mặc định phù hợp cho WebP trên web, và chất lượng 90 phù hợp cho những bức ảnh sẽ được xem ở kích thước lớn. WebP giữ chi tiết tốt hơn JPEG ở cùng một chỉ số, vì vậy một tệp WebP ở mức 80 trông giống như một tệp JPEG ở mức 85 hoặc cao hơn.

Giảm xuống dưới 70 bắt đầu lộ khuyết điểm trên khuôn mặt và các dải màu mịn, đặc biệt là trên các ảnh biểu ngữ (hero image) lớn. Trên 90, dung lượng tệp tăng nhanh đối với một sự khác biệt mà không ai nhận ra trên màn hình. Hãy thử nghiệm một bức ảnh đại diện ở 3 cài đặt trước khi áp dụng cho loạt 500 ảnh, vì con số phù hợp tùy thuộc vào loại hình ảnh bạn xuất bản.

Chuyển đổi toàn bộ thư viện ảnh

Hãy thả trực tiếp tệp lưu trữ ZIP vào, vì mọi hình ảnh được hỗ trợ bên trong sẽ tự động được giải nén và chuyển đổi. Tệp tải xuống từ iCloud hoặc bản sao lưu điện thoại thường đã ở dạng ZIP, giúp loại bỏ việc phải chọn thủ công hàng trăm tệp.

Các loạt ảnh lên tới 500 tệp được xử lý cùng một lúc, và mọi thứ diễn ra trên chính bộ vi xử lý của bạn chứ không phải trên máy chủ. Không có gì được tải lên, vì vậy ảnh chưa xuất bản, công việc của khách hàng và ảnh cá nhân đều nằm lại trên máy của bạn. Đối với việc xây dựng lại trang web, điều đó có nghĩa là toàn bộ thư viện ảnh có thể được chuyển đổi trong vài phút mà không cần một tệp nào truyền qua mạng.

Quay lại blog