Khi nén hình ảnh, bạn thường gặp hai tùy chọn – có mất dữ liệu hoặc không mất dữ liệu.
Để không làm bạn chán với những chi tiết này, sau đây là lời giải thích về cả hai:
Nén có mất dữ liệu là phương pháp thường
tạo ra tệp dữ liệu nhỏ hơn so với nén không mất dữ liệu, nhưng đồng thời chất lượng cũng giảm dần – khi nén thêm, hình ảnh sẽ bị “mờ”. Những thay đổi đã thực hiện là không thể đảo ngược.
Nén không mất dữ liệu là phương pháp không làm giảm chất lượng hình ảnh. Việc nén này thực tế loại bỏ siêu dữ liệu hình ảnh, do đó làm giảm kích thước tệp. Việc giảm kích thước tệp có thể không đáng kể như khi nén có mất dữ liệu.
Lựa chọn định dạng
Vector hay raster?
Hình ảnh vector được tạo thành từ các đường cong và khi phóng to hoặc thu nhỏ,
chúng luôn sắc nét như phiên bản gốc. Tệp vectơ chứa công thức toán học cho phép
“thay đổi kích thước” hình ảnh theo bất kỳ kích thước dữ liệu tiếp thị qua điện thoại nào và luôn có hình dạng sắ
c nét. Đồ họa vector có thể là logo, hình dạng hình học hoặc các yếu tố đồ họa trên trang web.
Ngược lại, hình ảnh raster được tạo thành từ các pixel riêng lẻ. Nếu chúng ta phóng to
hoặc thu nhỏ một hình ảnh như vậy, nó sẽ “phân thành từng các nút để có thêm chuyển đổi điểm ảnh” trước mắt chúng ta
– chúng ta sẽ thấy từng điểm ảnh riêng lẻ mà hình ảnh được tạo ra, được sắp xếp theo dạng lưới
. Đồ họa raster thường bao gồm các bức ảnh cổ điển.
=Đồ họa vector – phóng to
=Đồ họa raster – thu phóng
JPEG (Nhóm chuyên gia nhiếp ảnh chung) – .jpg
JPEG có lẽ là định dạng hình ảnh được sử dụng rộng rãi nhất trên Internet.
Nó trở nên phổ biến vì kích thước tệp nhỏ nhưng vẫn giữ được sốlượng lớn các sắc thái màu.
Điều này làm cho nó trở nên hoàn hảo để chụp ảnh.
PNG (Đồ họa mạng di động) – .png
Định dạng được sử dụng nhiều thứ hai trên web chắc chắn sẽ là PNG. Nhờ nén
không mất dữ liệu, PNG không bị mất chi tiết như JPEG, nhưng như thường lệ,
điều này được bù đắp bằng kích thước tệp lớn hơn.
Ưu điểm chính của việc sử dụng PNG trên web là nó có chì số lượng lớn thể có nền trong suốt
hoàn toàn hoặc trong suốt một phần. Định dạng này thường được sử dụng cho
các thành phần đồ họa trên trang hoặc hình ảnh nhỏ hơn, chẳng hạn như logo.
GIF (Định dạng trao đổi đồ họa) – .gif
GIF là tiền thân của định dạng PNG và có một số tính năng chung.
Định dạng này tồn tại cho đến ngày nay chủ yếu vì nó cho phép tạo ra hình
ảnh động ngắn với kích thước dữ liệu thấp.
Mẫu hoạt hình GIF
Do số lượng màu hạn chế, GIF đặc biệt phù hợp với những hình
ảnh nhỏ và đơn giản hơn.
SVG (Đồ họa vectơ có thể mở rộng) – .svg
SVG là định dạng vector phù hợp với các thành phần đồ họa đường cong, hình dạng và bất kỳ thứ gì khác mà bạn có thể tạo trong Illustrator hoặc phần mềm tương tự.
Định dạng này dựa trên ngôn ngữ đánh dấu XML , khiến nó thực sự giống một trang web hơn là một hình ảnh thông thường.
Sự gia tăng mức độ phổ biến của định dạng SVG là kết quả của sự lan rộng của các trang web phản hồi – đồ họa SVG đặc biệt phù hợp với các thành phần cần thay đổi kích thước và luôn sắc nét – logo, biểu tượng và đồ họa vector khác.
WebP
WebP là định dạng hình ảnh hiện đại do Google phát triển. Đối với hình ảnh trên web, nó cung cấp cả chức năng nén có mất dữ liệu và không mất dữ liệu, đồng thời có kích thước tệp rất nhỏ – nhỏ hơn 25-30% so với PNG hoặc JPEG.
Bạn có thể đọc cách thức hoạt động chính xác của WebP tại đây .
Mặc dù định dạng WebP chưa được tất cả các trình duyệt hỗ trợ, nhưng định dạng này vẫn được khuyến nghị để tăng tốc đáng kể các trang web .
