Đề XuấT, 2023

Editor Choice

Cách giảm kích thước trên tệp hình ảnh

Trước đây, tôi đã viết một bài viết về cách giảm kích thước tệp hình ảnh bằng tùy chọn email tích hợp trong Explorer hoặc bằng cách sử dụng chương trình máy tính để bàn có tên Image Resizer cho Windows. Đây là những lựa chọn tốt, nhưng có một số cách khác để tối ưu hóa hình ảnh. Ngoài ra, rất nhiều trang web sẽ bảo bạn sử dụng Paint, nhưng tôi đã thấy đó không phải là một phương pháp tốt vì hình ảnh trông tệ hơn.

Đầu tiên, điều quan trọng là phải hiểu rằng một số phương pháp được sử dụng để giảm kích thước của hình ảnh sẽ dẫn đến hình ảnh chất lượng thấp hơn, có thể tốt cho trang web, nhưng không phải để in. Điều này thường xảy ra khi bạn thay đổi độ phân giải của ảnh, từ 2560 × 1440 thành 1920 × 1080.

Một cách khác để giảm kích thước của hình ảnh là nén hình ảnh. Có hai loại nén: lossless và lossy. Nén không mất dữ liệu sẽ làm giảm kích thước của hình ảnh mà không làm mất một pixel của tệp gốc. Mất mát có nghĩa là một số dữ liệu sẽ bị mất.

Cuối cùng, định dạng hình ảnh cũng tạo ra sự khác biệt lớn về kích thước của tệp. Một hình ảnh bình thường bạn chụp từ máy ảnh của bạn có thể sẽ là hình ảnh JPG vì nó hoạt động tốt về mặt nén. Tuy nhiên, hình ảnh có ít màu (256 màu trở xuống) sẽ nhỏ hơn rất nhiều nếu bạn sử dụng GIF. PNG là một định dạng lossless có thể được nén cao. Nó hoạt động tốt cho đồ họa web và hình ảnh phức tạp.

Trong bài viết này, tôi đưa ra một vài ví dụ với ảnh chụp màn hình nén hình ảnh bằng nhiều định dạng để bạn có thể thấy sự khác biệt về kích thước và chất lượng.

Cách giảm kích thước hình ảnh

Hãy bắt đầu bằng cách nói về cách bạn có thể giảm kích thước của hình ảnh mà không làm giảm chất lượng. Điều này sẽ cung cấp cho bạn tệp nhỏ nhất trong khi vẫn giữ được chất lượng ban đầu của hình ảnh. Rõ ràng, sử dụng nén mất dữ liệu sẽ cung cấp cho bạn các tệp nhỏ hơn nhiều, như bạn sẽ thấy trong các ví dụ bên dưới, nhưng bạn sẽ mất một số chất lượng.

Định dạng & Nén

Đầu tiên, hãy bắt đầu với một đồ họa màu phẳng. Ví dụ, tôi chỉ chụp ảnh màn hình của trang web HDG (600 × 319) vì nó có ít màu sắc và không phức tạp. Dưới đây là kích thước tệp ở các định dạng khác nhau mà không cần nén:

GIF gốc: 27 KB

JPEG gốc: 67 KB

PNG gốc: 68 KB

Như bạn có thể thấy, các tệp PNG và GIF chắc chắn sắc nét hơn JPEG. Như đã đề cập trước đó, JPEG là tốt hơn để chụp ảnh. GIF hoạt động tốt ở đây vì nó chỉ 27 KB so với PNG, là 68 KB. Tuy nhiên, theo kinh nghiệm của tôi, PNG nén tốt hơn nhiều nếu đó là nén mất mát và chất lượng hình ảnh vẫn rất tốt.

Khi tôi thực hiện nén ba lần, chỉ có hình ảnh JPG và PNG được giảm kích thước, nhưng không nhiều. PNG đã lên tới 45 KB và JPG là 58 KB. Khi tôi thực hiện nén mất dữ liệu, các con số cho PNG là ấn tượng nhất.

GIF mất mát: 22 KB

Mất JPEG: 50 KB

PNG mất mát: 23 KB

Như bạn có thể thấy, PNG trông đẹp nhất và nó chỉ lớn hơn 1 KB so với GIF! Đó là lý do tại sao tôi sử dụng hình ảnh PNG trên trang web này cho hầu hết các ảnh chụp màn hình của mình. JPEG thường sẽ luôn tốt hơn để chụp ảnh với nhiều màu sắc. Nhưng hãy nhớ, JPG chỉ có 16 bit, trong khi PNG là 24 bit, vì vậy JPG hỗ trợ hàng triệu màu, nhưng PNG hỗ trợ màu không giới hạn.

GIF chỉ giảm 5 KB, nhưng đồng thời mất rất nhiều chất lượng. JPG không nén được nhiều, nhưng JPG thường không nén cũng như PNG.

Bạn có thể sử dụng ứng dụng ảnh của mình để thay đổi định dạng cho hình ảnh để xem kích thước nào nhỏ nhất. Để nén, tôi khuyên bạn nên sử dụng các công cụ trực tuyến vì chúng làm rất tốt. Cá nhân tôi sử dụng Kraken.io cho các trang web của mình, nhưng có những trang web tốt khác như TinyPNG và Optimizilla.

Thay đổi độ phân giải hình ảnh

Cách chính để thu nhỏ hình ảnh là hạ thấp độ phân giải hình ảnh. Nếu bạn có một tệp có kích thước 4000 × 2500, thì việc giảm kích thước xuống 2000 × 1250 sẽ khiến tệp giảm một nửa kích thước. Rõ ràng bạn sẽ mất một lượng lớn hình ảnh gốc trong dữ liệu, nhưng tùy thuộc vào mục đích của bạn, nó có thể không quan trọng.

Mỗi chương trình chỉnh sửa hình ảnh sẽ có cách để bạn thay đổi hoặc thay đổi kích thước hình ảnh. Tại đây, bạn có thể thay đổi chiều rộng / chiều cao hoặc độ phân giải, thường là các chấm trên mỗi inch (DPI) hoặc pixel trên inch (PPI). Đọc bài viết tuyệt vời này về sự khác biệt giữa DPI và PPI. Đối với bất cứ điều gì trên web, bạn chỉ phải lo lắng về pixel, không phải là dấu chấm. Dấu chấm sẽ chỉ có hiệu lực hình ảnh in.

Vì vậy, ví dụ, trang web của tôi chỉ có thể có hình ảnh rộng tới 680 pixel. Do đó, tôi luôn thay đổi kích thước hình ảnh thành 680 pixel hoặc thấp hơn trước khi tải lên vì nếu không WordPress sẽ thay đổi kích thước thành 680px cho tôi, nhưng kích thước tệp sẽ lớn hơn mức cần thiết.

Nếu bạn muốn hiểu thêm về số 72 pixel / inch và tùy chọn lấy mẫu lại, hãy xem bài đăng tuyệt vời này đi sâu vào chi tiết.

Thay đổi độ sâu / chế độ màu

Trong ví dụ trên, nếu bạn có một hình ảnh chỉ có vài màu, thì bạn không cần sử dụng định dạng hình ảnh hỗ trợ hàng triệu màu. Trong ví dụ trang web của tôi, GIF chỉ cần hỗ trợ Màu được lập chỉ mục và 8 bit / kênh.

Bạn có thể chọn màu RGB và 16 bit / kênh, nhưng hình ảnh sẽ trông giống hệt nhau, nhưng có kích thước tệp lớn hơn. Bạn có thể đọc thêm về các chế độ màu này trên trang web của Adobe. Ngoài Photoshop, hầu hết các trình chỉnh sửa hình ảnh cũng cho phép bạn thay đổi độ sâu / chế độ màu cho hình ảnh.

Cắt ảnh

Một cách dễ dàng khác để giảm kích thước của hình ảnh là chỉ cần cắt nó! Bất cứ điều gì được cắt ra sẽ được hoàn thành loại bỏ khỏi hình ảnh. Cho dù bạn có hình ảnh nào, bạn thường có thể cắt nó ít nhất một chút, điều này chắc chắn sẽ giúp giảm kích thước.

Và lưu ý rằng một cây trồng không nhất thiết phải là cây trồng điển hình nơi bạn cắt bỏ các thứ từ trên cùng / dưới cùng hoặc trái / phải. SnagIt Editor, một trong những mục yêu thích của tôi, có một công cụ cắt ra cho phép bạn cắt các phần hình ảnh từ giữa hình ảnh theo chiều ngang hoặc chiều dọc. Điều này đến theo cách tiện dụng thường xuyên hơn bạn nghĩ. Đây là một ví dụ mà tôi phải đưa vào ảnh chụp màn hình của menu Bắt đầu trong khi gõ lệnh.

Kích thước tệp trên ban đầu có kích thước 22 KB. Thay vì sử dụng nó, tôi cắt phần giữa mà tôi không cần như hình bên dưới.

Kích thước tệp mới chỉ là 9 KB! Tất cả điều đó mà thậm chí không thực hiện bất kỳ nén hoặc thay đổi định dạng tập tin. Khi tôi nén nó, tôi đã giảm xuống chỉ còn 4, 4 KB. Vì vậy, cắt xén là một cách quan trọng để giảm kích thước của hình ảnh.

Hy vọng rằng, bạn đã giảm kích thước hình ảnh của mình và tìm hiểu một chút về cách hình ảnh kỹ thuật số hoạt động trên đường đi! Nếu bạn có bất kỳ câu hỏi, hãy bình luận. Thưởng thức!

Top