Kích thước tệp tối ưu của các hình ảnh JPEG đối với kích thước của chúng là gì?

Tôi dự định viết một tập lệnh sẽ quét hơn 100.000 hình ảnh JPEG và nén lại chúng nếu chúng "quá lớn" về kích thước tệp. Viết kịch bản là phần dễ, nhưng tôi không chắc cách phân loại hình ảnh là "quá lớn".

Ví dụ: có một hình ảnh 2400x600px với kích thước tệp là 1,81MB. Tiết kiệm cho lệnh web của Photoshop tạo ra tệp 540KB với chất lượng 60 và cùng kích thước. Đây là khoảng 29% kích thước ban đầu.

Bây giờ tôi đang suy nghĩ về việc sử dụng những con số này như một hướng dẫn. Một cái gì đó như 540KB / (2.400 * 600 / 1.000.000) = 375KB mỗi megapixel. Bất kỳ hình ảnh lớn hơn này được coi là lớn. Đây có phải là cách tiếp cận chính xác hay là có một cách tốt hơn?

Chỉnh sửa 1: hình ảnh cần được tối ưu hóa để hiển thị trên các trang web.

Chỉnh sửa 2: Tôi có thể xác định chất lượng đầu ra mong muốn bằng cách thử nghiệm, tôi cần biết liệu hình ảnh có lớn về kích thước tệp wrt không và cần được lưu ở chất lượng thấp hơn.

Trung bình , điểm ngọt của JPEG là khoảng một bit cho mỗi pixel .

Điều này tất nhiên sẽ khác nhau tùy thuộc vào nội dung hình ảnh, bởi vì một số loại đồ họa (ví dụ như vùng phẳng và độ dốc mịn) nén tốt hơn các loại khác (nhiễu, văn bản), do đó, đây không phải là một phương pháp mạnh mẽ để áp dụng mù quáng cho mọi hình ảnh.

Bạn cũng có một vấn đề là không có hình ảnh tham chiếu không nén để so sánh, vì vậy bạn không thực sự biết chắc chắn chất lượng hình ảnh hiện tại của bạn là bao nhiêu và bạn có thể giảm chất lượng đến mức nào nữa. Chất lượng có thể được đoán ở một mức độ nhất định từ các bảng lượng tử hóa trong JPEG, nhưng đó cũng không phải là một phương pháp đáng tin cậy (cụ thể, đánh giá chất lượng của ImageMagick là rất không chính xác đối với các JPEG với các bảng lượng tử hóa được tối ưu hóa tùy chỉnh).

Phải nói rằng, có một cách tiếp cận thực tế hợp lý:

1. Chọn cài đặt chất lượng JPEG tối đa mà bạn hài lòng (ở đâu đó trong phạm vi 70 đến 85).
2. Giải nén hình ảnh đến mức chất lượng đó.
3. Nếu hình ảnh được nén lại nhỏ hơn ~ 10% , thì hãy giữ hình ảnh được nén lại.

Điều quan trọng là không chỉ chọn kích thước tệp nhỏ hơn và thay vào đó yêu cầu giảm đáng kể kích thước tệp. Đó là bởi vì việc nén lại JPEG có xu hướng luôn giảm kích thước tệp xuống do mất chi tiết gây ra do mất bản chất của JPEG và chuyển đổi sang RGB 8 bit, do đó, việc giảm kích thước tệp có thể giảm đáng kể chất lượng không đáng kể nó

Kích thước của các tệp được nén bằng JPEG khác nhau tùy thuộc vào độ phức tạp của hình ảnh. Thử kiểm soát kích thước tệp theo cách bạn mô tả sẽ dẫn đến chất lượng hình ảnh cảm nhận rất thay đổi.

Thay vào đó, hãy xem xét các tùy chọn sau:

• Cách tiếp cận đủ tốt.  Sử dụng cài đặt chất lượng mà bạn thấy chấp nhận được, như 75. So sánh kích thước của kết quả với hình ảnh gốc và giữ tệp nhỏ hơn. Xem Chất lượng để chọn khi chuyển đổi sang JPG?

• Sử dụng trình thu nhỏ JPEG , như JPEGmini hoặc jpeg-recompresstừ kho lưu trữ jpeg . Chúng cơ bản được thiết kế để làm những gì bạn dường như đang cố gắng thực hiện, nhưng với nhận thức rõ hơn về các thuật toán bên trong JPEG.

• Tạo hình thu nhỏ có kích thước khác nhau , như Nathancahill gợi ý, từ góc độ nhà phát triển web.

Không. Đây là một cách tiếp cận sai.

Kích thước tệp tính bằng pixel, vâng, có liên quan đến trọng lượng cuối cùng, nhưng nó không phải là yếu tố duy nhất.

Làm một bài kiểm tra. Lấy một tệp hoàn toàn trắng có cùng 2400x600px và lưu nó dưới dạng JPG.

Bây giờ hãy chụp ảnh một khu rừng (cùng 2400x600px) với nhiều chi tiết và lưu nó. Tập tin này sẽ lớn hơn bằng cách sử dụng các cài đặt nén tương tự.

Kích thước cuối cùng phụ thuộc vào 3 yếu tố sau:

• Kích thước pixel
• Cài đặt nén
• Nội dung (Chi tiết và độ phức tạp của hình ảnh)

Vì vậy, bạn không thể và không nên xác định trọng lượng dựa trên kích thước pixel.

Nhưng tôi hiểu vấn đề của bạn.

Nếu không phân tích độ nén hiện tại của hình ảnh, thật khó để xác định trọng lượng "tối ưu" (tương đối với người quan sát hoặc sử dụng hình ảnh)

Bạn có thể có thể xác định một cài đặt nén và giải nén "tất cả chúng". Tôi không biết nếu bạn muốn làm điều đó trước khi "tải lên", điều này có thể sẽ giúp bạn tiết kiệm nhiều thời gian hơn so với việc bỏ qua một số trong số chúng.

Có một số công cụ phân tích một hình ảnh và tính toán tỷ lệ nén hiện tại. Nhưng tôi nghi ngờ nó là quan trọng.

Nhà phát triển web ở đây. Đây là cách tôi tiếp cận điều này:

1. Xác định kích thước hình ảnh được hiển thị và độ phân giải màn hình cần thiết.

Nhiệm vụ đầu tiên của bạn là xác định kích thước pixel mà hình ảnh sẽ được hiển thị. Họ có hình ảnh sản phẩm trong một cửa hàng trực tuyến? Một bộ sưu tập ảnh? Ảnh hồ sơ người dùng? Nhiều kích cỡ khác nhau? Tạo một danh sách các kích thước pixel bạn sẽ cần. Kiểm tra xem bạn có cần hình ảnh @ 2x cho màn hình độ phân giải cao như điện thoại và máy tính bảng gần đây không.

2. Sử dụng tập lệnh thu nhỏ để tạo tập tin hình ảnh mới.

Chúng được gọi là tập lệnh thu nhỏ nhưng có thể được sử dụng cho nhiều thứ hơn là chỉ hình thu nhỏ. Có rất nhiều kịch bản ngoài kia hoặc bạn có thể tự viết. Bằng cách không thay đổi kích thước các tệp gốc, bạn có thể làm lại nếu bạn mắc lỗi trong tập lệnh hoặc nhận ra rằng bạn cần một hình ảnh có độ phân giải cao hơn. Một thực tế phổ biến là chỉ định một hậu tố trong tên tệp đầu ra. Ví dụ:

lena.jpg (Original, 2000x3000)
lena-thumb.jpg (100x150)
lena-thumb@2x.jpg (200x300)
lena-product.jpg (400x600)
lena-product@2x.jpg (800x1200)

3. Nén.

Kịch bản hình thu nhỏ sẽ chỉ định nén jpg khi bạn cắt các tệp hình ảnh mới. Tuy nhiên, có những công cụ khai thác khác ngoài đó có thể cắt giảm kích thước tệp hơn nữa.

Mặc dù câu trả lời của @ Rafael đã giải thích về việc nén và ra JPEG, tôi sẽ cố gắng trả lời trang web của bạn và tải lên có vấn đề.

Sử dụng một hình ảnh trong một trang web (cho thiết kế hoặc nội dung) sẽ ra lệnh cho một số mệnh lệnh: hình ảnh của tôi sẽ được sử dụng để làm gì? Logo, ảnh bìa, hình thu nhỏ, ảnh trong bài đăng trên blog, ảnh toàn màn hình cho thư viện ... Ngoài ra, nếu bạn sử dụng nó cho nhiều mục đích (ví dụ: ảnh và hình thu nhỏ của thư viện), bạn muốn từ chối nó ở mọi kích cỡ cần thiết. Tuy nhiên, trừ khi bạn đang xây dựng trang web của riêng mình, hầu hết các dịch vụ web hiện nay sẽ tạo ra hình ảnh kích thước nhỏ hơn từ hình ảnh lớn hơn của bạn để sử dụng tại chỗ.

Bây giờ bạn đã biết mục đích hình ảnh của mình, trang web (hoặc CMS hoặc Khung mặt trước) sẽ luôn yêu cầu kích thước tối đa bằng pixel để hình ảnh của bạn tuân thủ. Logo có thể là tối đa 600x600px, bìa nền có thể là tối đa 1280x720px, ảnh nội dung cho màn hình toàn màn hình 1920x1080 hoặc độ phân giải gốc của máy ảnh để bảo tồn chi tiết tuyệt đối. Kiểm tra kích thước chính xác từ trang web bạn muốn tải lên. Bạn muốn khớp ít nhất với kích thước pixel tối đa cần thiết, tùy thuộc vào tỷ lệ bạn muốn đạt được. Coi chừng, một số dịch vụ sẽ cắt và kéo dài hình ảnh của bạn nếu tỷ lệ khung hình không giống nhau. Trong trường hợp đó, bạn sẽ phải sắp xếp lại hình ảnh của mình để phù hợp với kích thước và tỷ lệ tối đa cần thiết.

Sau đó, trang web có thể áp đặt giới hạn kích thước tệp (hoặc có thể không, tùy thuộc vào mục đích hình ảnh). Về thời gian tải trang, càng nhẹ càng tốt. Trong ví dụ của bạn về hình ảnh có độ phân giải cao ở 2400x600px, 300 đến 500kB là kích thước hoàn toàn tốt cho thời gian tải. Ảnh nội dung (như ảnh) có thể nặng hơn nếu mục đích hình ảnh yêu cầu (ví dụ: hiển thị toàn màn hình), lên đến độ phân giải gốc của máy ảnh của bạn nếu cần. Nếu không có chỉ định nào được đưa ra, giới hạn kích thước tệp có thể khó đoán, vì nó có thể phụ thuộc vào thiết bị đối tượng (di động, máy tính để bàn ...), chất lượng mạng của quốc gia đối tượng ... Để có chất lượng và dịch vụ tối đa, hãy xử lý từng ảnh một có được kích thước tập tin tối thiểu mà không có tạo tác có thể nhìn thấy. Để thuận tiện hoặc xử lý tốc độ, thay đổi kích thước tập lệnh bằng cách sử dụng mức nén thỏa mãn tổng thể (khoảng 70 sẽ ổn).Câu trả lời của @ xiota cũng có thể là công cụ bạn cần. Đặt tiêu chuẩn của riêng bạn ở đây.

TL; DR mục đích hình ảnh trên trang web là chìa khóa để thay đổi kích thước / số lượng nén.

Những gì bạn đang tính là kích thước nén trung bình của một pixel hình ảnh, nếu bạn chia nó cho kích thước pixel thô (thường là 3 octet cho RGB 24 bit), bạn sẽ có được tỷ lệ nén.

Đây là một số liệu tốt cung cấp cho bạn thông tin về trạng thái nén của hình ảnh, nhưng nó không đủ để đánh giá liệu hình ảnh có được nén đủ hay không vì tỷ lệ nén không chỉ phụ thuộc vào cấu hình nén (thuật toán = JPEG, quality = 60/100) mà còn về khả năng nén của hình ảnh: các hình ảnh khác nhau có cùng kích thước thô và cùng một cấu hình nén sẽ mang lại kích thước jpeg khác nhau vì hình ảnh dễ nén hơn hoặc ít hơn (hình ảnh trống rất dễ nén, trắng tiếng ồn thì không).

Do điều này và vì hồ sơ chất lượng "được sử dụng lần cuối" không được lưu trữ trong hình ảnh này (không phải trong cấu trúc tiêu đề siêu dữ liệu hoặc jpeg), nên cách tiếp cận được sử dụng nhiều nhất khi xuất bản lại hình ảnh với hồ sơ chất lượng / kích thước mục tiêu thực sự chỉ là giải nén (và có khả năng thay đổi kích thước) mọi thứ (tự động) bất kể trạng thái ban đầu của hình ảnh.

Có, bạn có thể giải nén khi không cần thiết, vâng, bạn thậm chí có thể mất dung lượng nếu giải nén với cấu hình chất lượng cao hơn nhưng đó là các trường hợp cạnh và ở quy mô lớn, đó là cách dễ nhất để đảm bảo hồ sơ chất lượng mục tiêu. Tất nhiên, bạn chỉ muốn làm điều đó một lần để không làm giảm dần hình ảnh và có lẽ bạn nên lưu trữ hai thư viện hình ảnh: một "chưa được xử lý" ban đầu và một "được xuất bản / nén lại".

Có rất nhiều công cụ tồn tại để giải nén một loạt các tệp, bạn cũng có thể tự viết kịch bản và sử dụng đúng ngăn xếp kỹ thuật (chủ yếu là C ++ và libjpeg), nó có thể khá nhanh ngay cả đối với các tệp> 100k.

Nếu bạn muốn thực hiện quy trình thông minh hơn / phức tạp hơn, bạn có thể thử trải nghiệm logic lặp lại / nén kích thước lặp để ước tính hồ sơ chất lượng ban đầu (nén lại với cùng chất lượng sẽ mang lại kích thước tương đương, với mức cao chất lượng nên tăng nhẹ kích thước và với chất lượng thấp hơn sẽ giảm đáng kể kích thước). Điều này, tất nhiên, sẽ tiêu thụ nhiều năng lượng CPU hơn.

For example there is a 2400x600px image with a file size of 1.81MB.
Photoshop's save for web command creates a 540KB file at 60 quality and same dimensions.    
This is about 29% of original size.

Kích thước không nén ban đầu là 2400 x 600 x 3 = 4.320.000 byte (4,1 MB), vì màu 24 bit luôn là ba byte dữ liệu RGB trên mỗi pixel . Không có cách nào xung quanh sự thật tuyệt đối này.

Tuy nhiên, kích thước JPG cũng phụ thuộc vào chi tiết hình ảnh. Các khu vực mịn lớn (như bầu trời hoặc tường sơn) nén tốt hơn, nhưng các khu vực có chi tiết lớn hơn (như cây đầy lá) cũng không nén. Vì vậy, không có chỉ số số tuyệt đối.

Nhưng 540 KB là 0,540 / 4,1 = 13% kích thước ban đầu 4,1 MB . Nó có thể là 29% kích thước JPG trước đó, nhưng nó là 13% kích thước không nén ban đầu. Vì vậy, đó là 1/8 kích thước không nén ban đầu, thường được coi là chất lượng "khá". Không tối ưu, không chất lượng tối đa, nhưng nói chung là khá, có lẽ đủ tốt cho một số sử dụng. Chỉ cần nói, nó đã nhỏ.

Tệp JPG lớn hơn có chất lượng hình ảnh tốt hơn và nhỏ hơn là chất lượng hình ảnh ít hơn. Bạn phải quyết định thế nào là đủ tốt, nhưng JPG không bao giờ là "quá lớn", vì chất lượng hình ảnh giảm khi nén JPG. Màu 24 bit có ba byte cho mỗi pixel không nén.

Vì vậy, quyết định là nếu bạn muốn nó nhỏ hoặc nếu bạn muốn nó tốt.

Nhưng làm cho một JPG hiện tại lớn hơn vẫn còn tệ hơn, vì nhiều tạo phẩm JPG được thêm vào và một khi nhỏ, dữ liệu sẽ được thay đổi và nó sẽ không bao giờ tốt hơn.

Các tạo phẩm JPG thường hiển thị hai cách, như các khối pixel 8 x 8 có thể nhìn thấy trong một vùng mịn không có chi tiết hoặc các cạnh thô có thể nhìn thấy xung quanh các cạnh chi tiết.

Nếu chỉnh sửa và lưu lại JPG, các tạo phẩm JPG bổ sung sẽ được thêm vào. Nếu điều đó là bắt buộc, cách tốt nhất là luôn lưu lại để phù hợp với cài đặt nén ban đầu.

"Save for Web" của Photoshop thực sự là một sự thỏa hiệp khá tốt giữa kích thước và chất lượng tệp, vì vậy trừ khi bạn có yêu cầu cụ thể hơn, bạn nên đi theo điều đó. Một lời khuyên điển hình cho các nhà phát triển web là tuân thủ phạm vi chất lượng 50-70%. Tất nhiên, có những trường hợp ngoại lệ: bạn sẽ muốn chất lượng 90-95% trên logo công ty phải trông tuyệt vời mọi lúc (hoặc thậm chí chuyển đổi nó sang định dạng lossless), và thấp đến 30% trên mức lớn nhưng hầu như không nền trang hiển thị.

Cũng đừng quên để lại hình ảnh của bạn. Hình ảnh 2400x600 sẽ trông tuyệt vời trên màn hình 4K, nhưng sẽ được định cỡ lại trên màn hình nhỏ hơn, lãng phí băng thông dữ liệu mà không cải thiện hình ảnh cho người dùng. Kiểm tra mẫu trang web bạn sẽ sử dụng để tìm ra chiều rộng tối ưu cho hình ảnh. Thông thường, tại thời điểm viết sẽ ở đâu đó khoảng 1200-1300 pixel (xem độ phân giải phổ biến nhất ở đây ).

Hãy nhớ giữ bản gốc của hình ảnh bạn chuyển đổi thành chất lượng Web. Nếu bạn cần phải làm lại hoặc in tài liệu này, bạn sẽ rất tiếc khi chỉ có nó với chất lượng 60% và độ phân giải 1 Mpix.