Làm thế nào để có được kích thước tập tin hình ảnh càng thấp càng tốt?

Tôi thường sử dụng lưu photoshop cho web và thiết bị, nhưng nó không có tùy chọn để nén pngs và tôi cũng tự hỏi liệu có thuật toán nén ưu việt nào không?

Nếu loại tệp mục tiêu là PNG, thì bạn có một vài tùy chọn. Đầu tiên, mở PNG trong Fireworks sau đó lưu tối ưu hóa. FW bao gồm các tệp .png tốt hơn PS. Sau đó sử dụng PNGOUT (phần mềm miễn phí) để nén thêm. Kết quả điển hình là ít hơn khoảng 30% so với những gì Photoshop sẽ tạo ra.

Cách tiếp cận của tôi không kỹ thuật lắm nên tôi không thể đưa ra bất kỳ thuật toán cụ thể nào nhưng Adobe Fireworks là một trong những công cụ tốt nhất để tối ưu hóa mọi định dạng hình ảnh cho web. Bạn co thể sử dụng no.

Ngoài ra ImageOptim hoạt động tốt trên OSX. Kết quả tương tự với pháo hoa, tôi so sánh chúng.

Tôi thường sử dụng lưu photoshop cho web và thiết bị, nhưng nó không có tùy chọn để nén pngs và tôi cũng tự hỏi liệu có thuật toán nén ưu việt nào không?

Thứ nhất, nên bạn được sử dụng PNG hoặc JPEG?

Nếu bạn đang lưu hình ảnh cho web, ngày nay, sự lựa chọn nằm giữa PNG và JPEG. PNG rất tốt cho hình ảnh sẽ nén không mất hiệu quả. JPEG là tốt cho phần còn lại.

Theo nguyên tắc chung, nếu đó là ảnh hoặc kết xuất phức tạp (hoàn toàn có kết cấu) và lớn hơn khoảng 60x60 thì JPEG có thể sẽ tốt hơn.

Cũng cần nhớ rằng JPEG có thang đo chất lượng trượt ảnh hưởng đến mức độ trông của nó trong khi PNG thì không.

Cách tối ưu hóa PNG

Không giống như GIF, PNG hỗ trợ hình ảnh 24 bit. Điều này đã gây ra sự nhầm lẫn lớn, với những người bối rối cho rằng hình ảnh PNG chiếm nhiều không gian hơn so với hình ảnh tương tự được lưu dưới dạng GIF. Điều này chủ yếu là do mọi người không nhận ra rằng đó là chuyển đổi xuống 256 màu khi lưu vào GIF trong khi họ đang lưu giữ toàn bộ dữ liệu màu 24 bit trong PNG.

Tuy nhiên, trong PNG, bạn có thể giảm màu thành bảng màu giống như GIF và điều này sẽ làm cho kích thước tệp hình ảnh nhỏ hơn nhiều.

Photoshop là tiết kiệm cho web không có các tùy chọn để nén PNG

Đối với phần lớn các kịch bản có PNG phù hợp, bạn muốn sử dụng bảng màu. Bạn sẽ có được khả năng nén tuyệt vời chỉ bằng cách chọn 256 màu và sử dụng các thuật toán mặc định để chọn bảng màu. "Save for Web" của Photoshop giúp việc này trở nên dễ dàng. Chỉ cần chọn PNG-8 thay vì PNG-24 và bắt đầu với mặc định.

Bạn có thể không nghĩ đây là "nén", nhưng nó đang làm giảm chất lượng của hình ảnh để có được kích thước tệp nhỏ hơn - đó chỉ là một cách tiếp cận khác.

Nếu bạn có một hình ảnh rất đơn giản hoặc một biểu tượng rất nhỏ, thì bạn có thể giảm số lượng màu hơn nữa để có được độ nén tốt hơn. Mỗi khi bạn giảm sức mạnh của hai người, bạn sẽ có một chút khó khăn về hiệu quả nén, vì vậy 128 tốt hơn một chút so với 129-255, 64 tốt hơn một chút so với 65-127, v.v. Vì vậy, hãy thử 256, 128, 64, 32 và 16.

Chỉ muốn thêm rằng, ngoài một số câu trả lời đã được đưa ra, Yahoo! có một công cụ gọi là Smushit có thể cạo sạch một số byte. Nó rất dễ sử dụng.