Hướng dẫn

Tại sao PNG của tôi lại lớn như vậy? (Và làm thế nào để thu nhỏ nó)

Các tệp PNG rất lớn vì chúng lưu trữ mọi pixel một cách dễ dàng. Điều đó thật tuyệt vời cho đồ họa nhưng thật tệ cho ảnh. Đây chính xác là lý do tại sao và là cách nhanh nhất để thu nhỏ một cái.

Tại sao PNG của tôi lại lớn như vậy? (Và làm thế nào để thu nhỏ nó)

PNG của bạn lớn vì định dạng này sử dụng nén không mất dữ liệu lưu trữ chính xác từng pixel. Điều đó là hoàn hảo cho các logo và ảnh chụp màn hình nhưng lại là thảm họa đối với các bức ảnh, trong đó hàng triệu màu sắc khác nhau tinh tế khiến cho máy nén hầu như không có gì để loại bỏ. Kết quả là một ảnh PNG nặng lớn hơn nhiều lần so với ảnh tương tự như JPG. Định dạng không bị hỏng; nó đang thực hiện chính xác công việc mà nó được thiết kế, điều này tình cờ lại là công việc sai đối với một bức ảnh. Hướng dẫn này giải thích mọi lý do khiến PNG bong bóng, từ nén, độ phân giải đến siêu dữ liệu bị ẩn và cung cấp cho bạn cách khắc phục nhanh nhất cho từng tình huống.

Lý do chính: nén không mất dữ liệu

Tính năng nén PNG hoạt động giống như một tệp ZIP, sử dụng thuật toán có tên DEFLATE để đóng gói dữ liệu mà không loại bỏ bất kỳ dữ liệu nào, do đó hình ảnh sẽ xây dựng lại từng pixel. Việc nén kiểu này hoạt động bằng cách tìm sự lặp lại và khả năng dự đoán. Một đồ họa phẳng với một số ít màu sắc có tính lặp lại cực kỳ cao: hàng nghìn pixel màu trắng giống hệt nhau liên tiếp bị nén thành gần như không có gì.

Một bức ảnh thì ngược lại. Mỗi pixel hơi khác so với pixel lân cận nhờ nhiễu cảm biến và độ dốc tự nhiên, do đó hầu như không có sự lặp lại để khai thác. Máy nén cố gắng, tìm thấy ít và lưu trữ thứ gì đó gần với dữ liệu pixel thô. Đây là lý do tại sao cùng một bức ảnh có thể vài megabyte dưới dạng PNG nhưng vài trăm kilobyte dưới dạng JPG, loại bỏ những khác biệt không thể nhận thấy mà PNG bảo tồn một cách trung thực.

Độ phân giải: số nhân không ai để ý

Kích thước tệp chia tỷ lệ theo số pixel và số pixel chia tỷ lệ theo bình phương của các kích thước. Nhân đôi chiều rộng và chiều cao và bạn nhận được gấp bốn lần số pixel. Một bức ảnh có chiều rộng 6000 pixel chứa dữ liệu gấp bốn lần của cùng một bức ảnh ở độ phân giải 3000 và gấp mười sáu lần so với phiên bản 1500 pixel.

Điều này quan trọng vì theo mặc định, các thiết bị hiện đại tạo ra hình ảnh khổng lồ. Một chiếc điện thoại gần đây chụp từ 12 megapixel trở lên và ảnh chụp màn hình 4K là hơn 8 triệu pixel. Nếu hình ảnh đó được hiển thị ở độ rộng 800 pixel trên một trang web, bạn đang lưu trữ dữ liệu nhiều hơn khoảng 50 lần so với bất kỳ ai từng thấy. Độ phân giải là nguyên nhân bị bỏ qua nhiều nhất khiến PNG bị cồng kềnh và việc thay đổi kích thước không ảnh hưởng gì đến chất lượng hiển thị khi hình ảnh bắt đầu quá khổ.

Độ sâu màu: PNG-24 so với PNG-8

PNG có nhiều biến thể và biến thể sai sẽ gây lãng phí dung lượng. PNG-24 lưu trữ hàng triệu màu, sử dụng 8 bit cho mỗi màu đỏ, lục và lam, những màu mà bức ảnh thực sự cần. PNG-8 giới hạn hình ảnh trong một bảng màu gồm 256 màu, đủ cho biểu tượng, biểu tượng hoặc hình minh họa đơn giản.

Việc lưu logo hai màu dưới dạng PNG-24 có nghĩa là mỗi pixel đều có khả năng chứa 16 triệu màu mà nó sẽ không bao giờ sử dụng. Việc chuyển đổi nó thành PNG-8 có thể cắt giảm hơn một nửa tệp mà không có thay đổi nào rõ ràng vì hình ảnh chỉ chứa một số ít màu. Cả hai biến thể đều hỗ trợ tính minh bạch nên bạn không mất gì cả. Nhiều trình chỉnh sửa mặc định là PNG-24, đó là lý do tại sao rất nhiều đồ họa đơn giản lại nặng nề không cần thiết.

Siêu dữ liệu và trọng lượng ẩn

Các tệp PNG mang nhiều hơn pixel. Cấu hình màu sắc, lịch sử chỉnh sửa, thẻ phần mềm, dấu thời gian và các đoạn văn bản đều vô hình. Trên một đồ họa nhỏ, chi phí này có thể chiếm một phần lớn đáng ngạc nhiên của tệp. Trình tối ưu hóa không mất dữ liệu loại bỏ vật liệu này và đóng gói lại quá trình nén, thường tiết kiệm 10 đến 30 phần trăm với 0 thay đổi đối với một pixel. Đây là cách tối ưu hóa an toàn nhất có thể vì hình ảnh sau đó giống hệt bit.

Ảnh chụp màn hình: trường hợp xấu nhất

Ảnh chụp màn hình xứng đáng được đề cập đặc biệt vì chúng kết hợp mọi vấn đề cùng một lúc. Hệ điều hành lưu chúng dưới dạng PNG theo mặc định và bạn không thể thay đổi điều đó trên iOS hoặc trong hầu hết các công cụ chụp Windows. Ảnh chụp toàn màn hình có độ phân giải cao và nếu nó chứa ảnh, khung video hoặc giao diện có nhiều chuyển màu thì đó là nội dung ảnh bị giữ ở định dạng lossless. Đó chính xác là tình huống PNG xử lý tồi tệ nhất, đó là lý do tại sao một ảnh chụp màn hình có thể chạy 3 MB đến 8 MB. Một thư mục trong số chúng đạt tới hàng gigabyte một cách nhanh chóng và việc chuyển đổi chúng sang JPG thường thu lại 80% hoặc hơn.

Cách khắc phục nhanh nhất: chuyển đổi sang JPG

Đối với bất kỳ ảnh PNG nào, chuyển đổi sang JPG là mức tiết kiệm lớn nhất hiện có và phải mất một bước. Thả tập tin vào của chúng tôi bộ chuyển đổi, giữ chất lượng ở mức khoảng 90 và PNG nhiều megabyte sẽ trở thành vài trăm kilobyte mà không bị mất đi rõ ràng. Sắp xếp toàn bộ thư mục cùng một lúc với Tải xuống tất cả. Đây là bước đi đúng đắn bất cứ khi nào hình ảnh không có độ trong suốt và hướng đến web, email hoặc biểu mẫu tải lên. Để biết cài đặt chất lượng chính xác, hãy xem hướng dẫn chất lượng.

Khi bạn phải giữ sự minh bạch

Nếu hình ảnh cần nền trong suốt thì JPG sẽ bị loại nhưng bạn vẫn có ba tùy chọn tốt. WebP chạy nhỏ hơn PNG từ 25 đến 35 phần trăm trong khi vẫn giữ kênh alpha và mọi trình duyệt hiện đại đều hỗ trợ nó. Việc giảm đồ họa phẳng từ PNG-24 xuống PNG-8 sẽ làm đồ họa đó co lại đáng kể mà không có thay đổi rõ ràng. Và việc thay đổi kích thước theo kích thước hiển thị thực sẽ giúp ích bất kể định dạng. Trình chuyển đổi của chúng tôi xuất trực tiếp WebP và Hướng dẫn PNG và WebP bao gồm sự đánh đổi.

Danh sách kiểm tra chẩn đoán

Hãy giải quyết những điều này theo thứ tự và bạn sẽ tìm ra nguyên nhân:

  • Đây có phải là một bức ảnh hoặc một ảnh chụp màn hình? Chuyển đổi sang JPG. Điều này một mình khắc phục hầu hết các trường hợp.
  • Kích thước có lớn hơn nhiều so với kích thước màn hình không? Thay đổi kích thước trước khi thay đổi bất kỳ định dạng nào.
  • Đây có phải là đồ họa phẳng được lưu dưới dạng PNG-24 không? Lưu lại dưới dạng PNG-8 để cắt bảng màu.
  • Có cần minh bạch không? Sử dụng WebP thay vì PNG.
  • Vẫn còn hơi lớn? Chạy trình tối ưu hóa không mất dữ liệu để loại bỏ siêu dữ liệu.

Câu hỏi đầu tiên giải quyết phần lớn các PNG lớn, vì định dạng này hầu như luôn được yêu cầu lưu trữ một bức ảnh, đây là thứ mà nó chưa bao giờ được tạo ra.

Tại sao trình tối ưu hóa không thể lưu PNG ảnh

Một bản năng hợp lý khi tìm một PNG 6 MB là chạy nó thông qua trình tối ưu hóa PNG và mong đợi một chiến thắng lớn. Nó sẽ không tới, và lý do rất đáng để hiểu. Trình tối ưu hóa hoạt động không mất dữ liệu: chúng loại bỏ siêu dữ liệu, thử các lựa chọn bộ lọc thông minh hơn và đóng gói lại luồng DEFLATE hiệu quả hơn. Mỗi một trong những lợi ích đó đều đến từ loại bỏ sự dư thừa, không chi tiết. Một bức ảnh hầu như không còn dư thừa để loại bỏ, vì các pixel của nó hơi khác nhau một chút. Vì vậy, trình tối ưu hóa làm việc chăm chỉ và trả về 10 hoặc 15 phần trăm, để lại cho bạn một tệp 5 MB mà vẫn không thể gửi được qua email.

Đây là tín hiệu rõ ràng nhất cho thấy nội dung có định dạng sai. Khi tối ưu hóa không mất dữ liệu hầu như không di chuyển kim, nó sẽ cho bạn biết tệp không bị lãng phí; nó đang lưu trữ một cách trung thực dữ liệu ảnh mà PNG không bao giờ có ý định lưu giữ. Câu trả lời là thay đổi định dạng chứ không phải tối ưu hóa nhiều hơn.

Cái bẫy minh bạch

Nhiều PNG lớn tồn tại vì một lý do: ai đó cần độ trong suốt một lần, được lưu dưới dạng PNG và không bao giờ xem lại nó. Câu hỏi đáng đặt ra là liệu hình ảnh có hôm nay vẫn cần kênh alpha của nó. Giờ đây, một bức ảnh sản phẩm được cắt ra làm tiêu đề trang web có thể nằm trên một phần màu trắng đơn giản, trong đó độ trong suốt không làm bạn tốn hàng megabyte. Logo được xuất dưới dạng PNG trong suốt chỉ có thể được sử dụng trên nền trắng.

Nếu độ trong suốt thực sự không được sử dụng, việc chuyển đổi sang JPG với nền màu trắng sẽ mang lại cho bạn kết quả hiển thị tương tự với trọng lượng chỉ bằng một phần nhỏ. Nếu được sử dụng, WebP sẽ giữ kênh alpha trong khi vẫn cắt giảm 25 đến 35 phần trăm. Dù bằng cách nào, hãy kiểm tra thay vì giả định; tính minh bạch thường là phần còn sót lại từ quy trình làm việc cũ chứ không phải là yêu cầu trực tiếp.

Chọn kích thước mục tiêu phù hợp

Biết một PNG quá lớn chỉ là một nửa vấn đề; biết mình hướng tới điều gì là nửa còn lại. Theo hướng dẫn sơ bộ, một hình ảnh anh hùng web có chiều rộng đầy đủ phải có kích thước dưới 200KB, ảnh trong bài viết có kích thước dưới 100KB, hình thu nhỏ dưới 30KB và tệp đính kèm email có tổng dung lượng dưới vài megabyte. Các biểu mẫu tải lên nêu rõ giới hạn riêng của chúng, thường là 100KB hoặc 200KB và con số đó không thể thương lượng được.

Những mục tiêu này có thể đạt được đối với hầu hết mọi bức ảnh khi nó là JPG ở độ phân giải hợp lý. Nếu bạn có một giới hạn cụ thể cần đáp ứng, Chế độ kích thước mục tiêu trong của chúng tôi bộ chuyển đổi tự động truy cập nó bằng cách tìm kiếm mức chất lượng cho phiên bản sắc nét nhất phù hợp, loại bỏ hoàn toàn phỏng đoán. các hướng dẫn 100KB đi qua giới hạn được yêu cầu nhiều nhất.

Ngăn chặn các PNG lớn ngay từ đầu

Việc sửa từng tệp cồng kềnh sẽ chậm hơn so với việc không tạo chúng. Một vài thói quen có thể ngăn chặn vấn đề ngay từ gốc rễ. Bật Windows 11, Công cụ Snipping cho phép bạn chọn JPG trong hộp thoại lưu của nó, do đó, ảnh chụp màn hình được liên kết với biểu mẫu tải lên sẽ không bao giờ trở thành PNG. Bật Mac, định dạng ảnh chụp màn hình có thể thay đổi bằng lệnh Terminal nếu bạn chụp thường xuyên.

Khi xuất từ ​​các công cụ thiết kế, hãy đặt hai câu hỏi trước khi lưu: điều này có cần độ trong suốt không và nó sẽ hiển thị ở kích thước nào? Nếu câu trả lời đầu tiên là không, hãy xuất JPG. Nếu câu trả lời cho câu hỏi thứ hai là rộng 800 pixel, hãy xuất ở mức 800 thay vì 4000. Cả hai quyết định đều mất một giây tại thời điểm xuất và giúp bạn tiết kiệm toàn bộ thao tác chuyển đổi sau này. Nguyên tắc chung là PNG phải là một sự lựa chọn có chủ ý cho đồ họa và tính minh bạch, không phải là mặc định mà bạn đạt được theo thói quen.

Kích thước thực sự của PNG là bao nhiêu

Việc kiểm tra độ tỉnh táo nhanh chóng sẽ cho bạn biết liệu một tệp có thực sự cồng kềnh hay chỉ đơn giản là trung thực về nội dung của nó. A logo hoặc biểu tượng phẳng ở kích thước hợp lý phải dưới 50KB và thường dưới 10KB dưới dạng PNG-8; bất kỳ thứ gì lớn hơn có nghĩa là nó được lưu dưới dạng PNG-24 hoặc ở độ phân giải tăng cao. A ảnh chụp màn hình của một giao diện với màu sắc phẳng và văn bản được nén hợp lý, thường có kích thước từ 200KB đến 800KB, điều này phù hợp với PNG.

A bức ảnhtuy nhiên, không có kích thước PNG được chấp nhận vì ngay cả kích thước được tối ưu hóa tốt cũng có thể lên tới megabyte. Nếu tệp của bạn là một bức ảnh và nó lớn thì không có gì bị hỏng và không có cài đặt nào có thể cứu được nó. Đó đơn giản là chi phí cho việc lưu trữ dữ liệu ảnh không mất dữ liệu và đó là tín hiệu rõ ràng nhất có thể để thay đổi định dạng thay vì tiếp tục tối ưu hóa.

Câu hỏi thường gặp

Tại sao tệp PNG của tôi lại lớn như vậy?

Bởi vì PNG lưu trữ mọi pixel một cách dễ dàng. Các bức ảnh có hàng triệu màu sắc độc đáo mà không cần nén lặp lại, do đó tệp vẫn ở gần kích thước thô.

Làm cách nào để làm cho PNG nhỏ hơn?

Chuyển đổi nó sang JPG để chụp ảnh, tiết kiệm lớn nhất. Ảnh PNG giảm 60 đến 90 phần trăm dưới dạng JPG. Đối với đồ họa, hãy sử dụng WebP, PNG-8 hoặc thay đổi kích thước.

PNG có lớn hơn JPG không?

Đối với hình ảnh, lớn hơn nhiều. Bức ảnh tương tự lớn hơn PNG khoảng mười lần, vì PNG giữ lại mọi pixel trong khi JPG loại bỏ các chi tiết không thể nhận thấy.

Độ phân giải có ảnh hưởng đến kích thước PNG không?

Vâng, đáng kinh ngạc. Nhân đôi chiều rộng và chiều cao sẽ tăng gấp bốn lần số pixel, do đó, một PNG quá khổ sẽ nặng hơn nhiều lần so với một PNG ở kích thước hiển thị thực của nó.

Sự khác biệt giữa PNG-8 và PNG-24 là gì?

PNG-8 chứa 256 màu; PNG-24 chứa hàng triệu. Logo phẳng được lưu dưới dạng PNG-24 sẽ lãng phí dung lượng và việc chuyển sang PNG-8 có thể giảm một nửa logo mà không có thay đổi rõ ràng nào.

Tại sao ảnh chụp màn hình của tôi có dạng PNG lớn như vậy?

Bởi vì hệ điều hành lưu ảnh chụp màn hình dưới dạng PNG theo mặc định ở độ phân giải đầy đủ. Nếu màn hình hiển thị một bức ảnh thì đó là nội dung ảnh ở định dạng lossless, trường hợp xấu nhất.

Tôi có thể thu nhỏ PNG mà không làm mất độ trong suốt không?

Đúng. Sử dụng WebP hoặc giảm xuống PNG-8, cả hai đều giữ kênh alpha, không giống như chuyển đổi sang JPG, làm phẳng độ trong suốt thành màu đồng nhất.

Trình tối ưu hóa PNG có thực sự hữu ích không?

Khiêm tốn và an toàn. Họ loại bỏ siêu dữ liệu và đóng gói lại một cách dễ dàng, tiết kiệm từ 10 đến 30 phần trăm mà không thay đổi một pixel nào. Sử dụng một như một đường chuyền cuối cùng.

Tại sao trình tối ưu hóa PNG không thu nhỏ ảnh của tôi nhiều?

Bởi vì trình tối ưu hóa loại bỏ sự dư thừa, không chi tiết, và hầu như không còn ảnh nào nữa. Mức tăng 10 đến 15 phần trăm báo hiệu định dạng sai; thay vào đó hãy chuyển đổi sang JPG.

Hình ảnh của tôi có thực sự vẫn cần độ trong suốt không?

Thường thì không. Nhiều PNG giữ kênh alpha không ai sử dụng, còn sót lại từ quy trình làm việc cũ. Nếu bây giờ nó nằm trên nền trắng, hãy chuyển đổi sang JPG với phần tô màu trắng.

Tôi nên nhắm đến kích thước tập tin nào?

Đại khái: dưới 200KB cho hình ảnh chính, 100KB trong bài viết, 30KB cho hình thu nhỏ. Biểu mẫu tải lên nêu rõ giới hạn riêng, thường là 100KB hoặc 200KB.

Làm cách nào để ngừng tạo các PNG lớn?

Chọn định dạng có chủ ý. Snipping Tool của Windows 11 có thể lưu trực tiếp JPGvà khi xuất từ các công cụ thiết kế, hãy chọn JPG trừ khi bạn thực sự cần độ trong suốt, ở kích thước mà nó thực sự sẽ hiển thị.

PNG bình thường nên có kích thước như thế nào?

MỘT logo phẳng dưới 50KB, ảnh chụp màn hình giao diện 200KB đến 800KB. Một bức ảnh không có kích thước PNG được chấp nhận vì việc lưu trữ dữ liệu ảnh không bị mất luôn có dung lượng lên tới megabyte.