Bạn nên chú ý đến một vài yếu tố chính ...
Đầu tiên, có hai loại nén: Mất mát và Mất mát .
- Lossless có nghĩa là hình ảnh được làm nhỏ hơn, nhưng không ảnh hưởng đến chất lượng.
- Mất mát có nghĩa là hình ảnh được làm cho (thậm chí) nhỏ hơn, nhưng có hại cho chất lượng. Nếu bạn đã lưu hình ảnh ở định dạng Mất nhiều lần, chất lượng hình ảnh sẽ ngày càng tệ hơn.
Ngoài ra còn có các độ sâu màu khác nhau (bảng màu): Màu được lập chỉ mục và Màu trực tiếp .
- Được lập chỉ mục có nghĩa là hình ảnh chỉ có thể lưu trữ một số lượng màu giới hạn (thường là 256), do tác giả kiểm soát, trong một thứ gọi là Bản đồ màu
- Trực tiếp có nghĩa là bạn có thể lưu trữ hàng ngàn màu mà chưa được tác giả chọn trực tiếp
BMP - Không tổn thất / Lập chỉ mục và Trực tiếp
Đây là một định dạng cũ. Đó là lossless (không có dữ liệu hình ảnh nào bị mất khi lưu) nhưng cũng không có chút nén nào, nghĩa là tiết kiệm vì BMP dẫn đến kích thước tệp RẤT lớn. Nó có thể có các bảng màu của cả Index và Direct, nhưng đó là một sự an ủi nhỏ. Kích thước tệp quá lớn không cần thiết đến nỗi không ai thực sự sử dụng định dạng này.
Tốt cho: Không có gì thực sự. Không có bất cứ điều gì BMP vượt trội, hoặc không được thực hiện tốt hơn bởi các định dạng khác.
GIF - Chỉ mất / Chỉ mục
GIF sử dụng nén không mất dữ liệu, nghĩa là bạn có thể lưu hình ảnh nhiều lần và không bao giờ mất bất kỳ dữ liệu nào. Kích thước tệp nhỏ hơn nhiều so với BMP, vì thực sự sử dụng nén tốt, nhưng nó chỉ có thể lưu trữ một bảng Chỉ mục. Điều này có nghĩa là đối với hầu hết các trường hợp sử dụng , chỉ có thể có tối đa 256 màu khác nhau trong tệp. Nghe có vẻ như một lượng khá nhỏ, và nó là.
Hình ảnh GIF cũng có thể được hoạt hình và có tính minh bạch.
Tốt cho: Logo, bản vẽ đường và các hình ảnh đơn giản khác cần phải nhỏ. Chỉ thực sự được sử dụng cho các trang web.
JPEG - Mất / Trực tiếp
Hình ảnh JPEG được thiết kế để làm cho hình ảnh chụp chi tiết càng nhỏ càng tốt bằng cách xóa thông tin mà mắt người sẽ không nhận thấy. Kết quả là định dạng Mất dữ liệu và việc lưu cùng một tệp nhiều lần sẽ dẫn đến việc mất nhiều dữ liệu hơn theo thời gian. Nó có một bảng màu gồm hàng ngàn màu và rất tuyệt cho các bức ảnh, nhưng việc nén mất dữ liệu có nghĩa là nó không tốt cho logo và hình vẽ đường kẻ: Không chỉ chúng trông mờ, mà những hình ảnh như vậy cũng sẽ có kích thước tệp lớn hơn so với GIF!
Tốt cho: Hình ảnh. Ngoài ra, độ dốc.
PNG-8 - Không mất dữ liệu / Được lập chỉ mục
PNG là định dạng mới hơn và PNG-8 (phiên bản được lập chỉ mục của PNG) thực sự là một sự thay thế tốt cho GIF. Tuy nhiên, thật đáng buồn, nó có một vài nhược điểm: Thứ nhất, nó không thể hỗ trợ hoạt hình như GIF có thể (cũng có thể, nhưng chỉ Firefox dường như hỗ trợ nó, không giống như hoạt hình GIF được hỗ trợ bởi mọi trình duyệt). Thứ hai, nó có một số vấn đề hỗ trợ với các trình duyệt cũ hơn như IE6. Thứ ba, phần mềm quan trọng như Photoshop có định dạng rất kém. (Chết tiệt, Adobe!) PNG-8 chỉ có thể lưu trữ 256 màu, như GIF.
Tốt cho: Điều chính mà PNG-8 làm tốt hơn GIF là có hỗ trợ Alpha Trans minh bạch.
Lưu ý quan trọng: Photoshop không hỗ trợ Alpha Trans minh cho các tệp PNG-8. (Chết tiệt, Photoshop!) Tuy nhiên, có nhiều cách để chuyển đổi các tệp Photoshop PNG-24 thành PNG-8 trong khi vẫn giữ được độ trong suốt của chúng. Một phương pháp là PNGQuant , một phương pháp khác là lưu các tệp của bạn bằng Pháo hoa .
PNG-24 - Không mất dữ liệu / Trực tiếp
PNG-24 là một định dạng tuyệt vời kết hợp mã hóa lossless với màu Direct (hàng nghìn màu, giống như JPEG). Nó rất giống với BMP về vấn đề đó, ngoại trừ việc PNG thực sự nén hình ảnh, do đó, nó dẫn đến các tệp nhỏ hơn nhiều. Thật không may, các tệp PNG-24 vẫn sẽ lớn hơn nhiều so với JPEG, GIF và PNG-8, vì vậy bạn vẫn cần xem xét nếu bạn thực sự muốn sử dụng một tệp.
Mặc dù PNG-24 cho phép hàng ngàn màu trong khi nén, chúng không có ý định thay thế hình ảnh JPEG. Một bức ảnh được lưu dưới dạng PNG-24 có thể sẽ lớn hơn ít nhất 5 lần so với ảnh JPEG tương đương, với rất ít sự cải thiện về chất lượng hiển thị. (Tất nhiên, đây có thể là một kết quả mong muốn nếu bạn không quan tâm đến kích thước tệp và muốn có được hình ảnh chất lượng tốt nhất có thể.)
Giống như PNG-8, PNG-24 cũng hỗ trợ độ trong suốt alpha.
SVG - Tổn thất / Vector
Một loại tệp hiện đang phát triển phổ biến là SVG, khác với tất cả các loại ở trên, đó là định dạng tệp vectơ (ở trên đều là raster ). Điều này có nghĩa là nó thực sự bao gồm các đường và đường cong thay vì pixel. Khi bạn phóng to hình ảnh vector, bạn vẫn thấy một đường cong hoặc đường thẳng. Khi bạn phóng to hình ảnh raster, bạn sẽ thấy pixel.
Ví dụ:
Điều này có nghĩa là SVG hoàn hảo cho các logo và biểu tượng bạn muốn giữ lại độ sắc nét trên màn hình Retina hoặc ở các kích cỡ khác nhau.
Ngoài ra, các tệp SVG được viết bằng XML và do đó, có thể được mở và chỉnh sửa trong trình soạn thảo văn bản, để có thể thao tác nhanh chóng nếu bạn muốn. Ví dụ: bạn có thể sử dụng JavaScript để thay đổi màu sắc của biểu tượng SVG trên trang web giống như bạn muốn một số văn bản (nghĩa là không cần hình ảnh thứ hai).
Tôi hy vọng điều đó sẽ giúp!
