Đối với tiêu đề hình ảnh của trang web của tôi nền nhỏ vừa (150x50) với một số hiệu ứng trên tiêu đề (ví dụ: hình ảnh tiêu đề google)
Tôi đã lưu hình ảnh trong .gif và .png với kết quả:
.gif kích thước = 3.09 kB .png kích thước = 7.59 kB
.Png lớn hơn gấp 2 lần so với .gif.
Mọi người đều nói tôi sử dụng .PNG, nhưng tại sao tôi nên sử dụng nó nếu .gif tốt hơn
Câu trả lời:
PNG hầu như luôn cho khả năng nén tốt hơn GIF, nhưng bạn cần đảm bảo rằng bạn đang lưu hình ảnh dưới dạng PNG 8 bit. Thông thường các chương trình đồ họa sẽ lưu dưới dạng PNG 24 bit, đó có thể là lý do bạn thấy kết quả của mình. Nếu bạn nói chương trình nào bạn đang sử dụng, chúng tôi có thể tư vấn cách lưu dưới dạng PNG 8 bit.
Bạn cũng có thể chạy tệp kết quả thông qua một trong hai pngouthoặc pngcrushsẽ làm giảm kích thước tệp hơn nữa.
Thực sự lý do duy nhất để sử dụng GIF trên PNG hiện nay là nếu bạn cần hoạt hình.
Rõ ràng png hoặc khớp hoặc được nén tốt hơn sau đó gif. Hãy thử sử dụng các công cụ này. Đầu tiên là từ yahoo thứ 2 tôi nghĩ rằng tôi đã nghe về nhiều hơn một lần .
Sử dụng định dạng phù hợp nhất với bạn. Mỗi định dạng có điểm mạnh và điểm yếu riêng nhưng khi nhiều định dạng cung cấp cho bạn chất lượng hình ảnh giống nhau thì hãy để kích thước là yếu tố quyết định. Trong trường hợp này, GIF thắng. Chỉ cần lưu ý rằng điều này sẽ không luôn luôn như vậy, vì vậy bạn nên luôn luôn kiểm tra xem cái nào phù hợp nhất với hình ảnh hiện tại và đừng tự khóa mình vào một định dạng chỉ vì nó tốt hơn một lần.
Hình ảnh PNG cho phép hình ảnh Alpha và GIF thì không. Vì vậy, nếu bạn có bất kỳ hiệu ứng mờ dần mà bạn muốn nhìn thấy hậu cảnh qua hình ảnh của mình thì bạn muốn đi với PNG.
Ngoài ra, hình ảnh PNG với alpha yêu cầu mã hóa CSS bổ sung để xuất hiện chính xác nếu chúng có alpha.