Trước đây, tôi đã viết một bài viết về cách giảm kích thước của tệp hình ảnh  bằng cách sử dụ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 là 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, 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.

Trước 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 chất lượng hình ảnh thấp hơn, điều này có thể tốt cho một trang web, nhưng không tốt cho việc in ấn. Điều này thường xảy ra khi bạn thay đổi độ phân giải của ảnh, chẳng hạn 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: nén không mất dữ liệu và nén mất dữ liệu. Nén^(Lossless) 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 nào của tệp gốc. Lossy 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 bức ảnh bình thường bạn chụp từ máy ảnh của mình có thể sẽ là ả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 không mất dữ liệu có thể nén cao. Nó hoạt động tốt cho đồ họa web và ả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 của việc nén một 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ữ chất lượng ban đầu của hình ảnh. Rõ ràng, việc 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 vừa chụp ảnh màn hình của trang web HDG (600 × 319) vì nó có ít màu 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 bất kỳ nén nào:

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 tốt hơn cho nhiếp ảnh. GIF hoạt động tốt ở đây vì nó chỉ có 27 KB so với PNG , là 68 KB. Tuy nhiên, theo kinh nghiệm của tôi, PNG^(PNGs) sẽ nén tốt hơn nhiều nếu đó là một nén bị mất dữ liệu và chất lượng hình ảnh vẫn rất tốt.

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

GIF Lossy: 22 KB

JPEG mất dữ liệu: 50 KB

PNG Lossy: 23 KB

Như bạn có thể thấy, PNG trông đẹp nhất và nó chỉ lớn hơn ^(PNG)GIF 1 KB ! Đó 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ẽ tốt hơn cho những bức ảnh chụp ảnh có nhiều màu sắc. Nhưng hãy nhớ rằng, JPG chỉ là 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 giảm chất lượng rất nhiều. JPG không nén nhiều, nhưng JPG thường^(JPGs) không nén tốt như PNG^(PNGs) .

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 là 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 hoạt động 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à giảm độ phân giải hình ảnh. Nếu bạn có tệp có kích thước 4000 × 2500, thì việc giảm kích thước xuống 2000 × 1250 sẽ làm cho tệp có kích thước chỉ còn một nửa. Rõ ràng là bạn sẽ mất một phần 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, điều đó có thể không thành vấn đề.

Mỗi chương trình chỉnh sửa hình ảnh sẽ có một 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à số chấm trên 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^{(difference between DPI and PPI)} . Đối với bất kỳ thứ gì trên web, bạn chỉ phải lo lắng về pixel chứ không phải dấu chấm. Dấu chấm^(Dots) sẽ chỉ ảnh hưởng đến 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 đa 680 pixel. Do đó^(Therefore) , 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 nó lên vì nếu không WordPress sẽ thay đổi kích thước nó 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ề con số 72 pixel / inch và tùy chọn lấy mẫu lại, hãy xem bài đăng xuất sắc^{(excellent post)} này rất 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ó ít màu, thì bạn không cần phải 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^(Indexed) 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^{(colors modes)} 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 hình ả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 kỳ thứ gì bị cắt xén sẽ bị xóa khỏi hình ảnh. Bất kể bạn có hình ảnh nào, thông thường bạn 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 chỉ cần phải là một cây trồng điển hình mà bạn cắt bỏ mọi thứ từ trên / dưới hoặc trái / phải. SnagIt Editor , một trong những ứng dụng yêu thích của tôi, có một công cụ cắt bỏ 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 có ích thường xuyên hơn bạn nghĩ. Đây là một ví dụ mà tôi phải bao gồm ảnh chụp màn hình của menu Bắt đầu^(Start) trong khi nhập lệnh.

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

Kích thước tệp mới chỉ là 9 KB! Tất cả điều đó mà không cần thực hiện bất kỳ nén hoặc thay đổi định dạng tệp. Khi tôi đã nén nó, tôi đã giảm nó 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à biết được một chút về cách hoạt động của hình ảnh kỹ thuật số! Nếu bạn có bất kỳ câu hỏi nào, hãy bình luận. Vui thích!

How to Reduce the Size on an Image File

Previously, I wrote an article on how to reduce the size of an image filе using the built-in email оption in Explorer or by using а desktop program cаllеd Image Resizer for Windowѕ. These are goоd options, but therе are several other ways to gо about optimizing an image. Also, a lot of websites will tell you to use Paіnt, but I have found it’s nоt a good method becаuse the images look way wоrse.

Firstly, it’s important to understand that some methods used to reduce the size of an image will result in a lower quality picture, which may be fine for a website, but not for printing. This usually occurs when you change the resolution of a picture, say from 2560×1440 to 1920×1080.

Another way to reduce the size of an image is to compress the image. There are two types of compression: lossless and lossy. Lossless compression will reduce the size of the image without losing a single pixel of the original file. Lossy means that some data will be lost.

Finally, the picture format also makes a big difference in the size of the file. A normal picture you take from your camera will probably be a JPG image because that works well in terms of compression. However, images with few colors (256 colors or less) will be a lot smaller if you use GIF. PNG is a lossless format that can be highly compressed. It works well for web graphics and complex photographs.

In this article, I give a few examples with screenshots of compressing an image using multiple formats so you can see the size and quality differences.

How to Reduce Image Size

Let’s start off by talking about how you can reduce the size of the image without losing quality. This will give you the smallest file while keeping the original quality of the image. Obviously, using lossy compression will give you much smaller files, as you’ll see in the examples below, but you’ll lose some quality.

Format & Compression

First, let’s start with a flat color graphic. As an example, I just took a screenshot of the HDG website (600×319) since it has few colors and isn’t complex. Here are the files sizes in the different formats without any compression:

Original GIF: 27 KB

Original JPEG: 67 KB

Original PNG: 68 KB

As you can see, the PNG and GIF files are definitely sharper than the JPEG. As mentioned earlier, JPEG is better for photography. GIF does well here as it’s only 27 KB compared to the PNG, which is 68 KB. However, in my experience, PNGs compress much better if it’s a lossy compression and the image quality is still very good.

When I did a lossless compression of the three, only the JPG and PNG images got reduced in size, but not by much. The PNG went to 45 KB and the JPG went to 58 KB. When I did a lossy compression, the numbers for PNG were the most impressive.

Lossy GIF: 22 KB

Lossy JPEG: 50 KB

Lossy PNG: 23 KB

As you can see, the PNG looks the best and it’s only 1 KB bigger than the GIF! That’s why I use PNG images on this website for most of my screenshots. JPEG will always normally be better for photography images with lots of colors. But remember, JPG is only 16-bit, whereas PNG is 24-bit, so JPG supports millions of colors, but PNG supports unlimited colors.

The GIF only reduced by 5 KB, but at the same time lost a lot of quality. The JPG didn’t compress much, but JPGs normally don’t compress as well as PNGs do.

You can use your photo app to change the format for an image to see which size is smallest. For compression, I recommend using online tools as they do a great job. I personally use Kraken.io for my websites, but there are other good ones out there like TinyPNG and Optimizilla.

Change Image Resolution

The main way to shrink an image is to lower the picture resolution. If you have a file that is 4000×2500, then reducing the size to 2000×1250 will make the file half the size. You’ll obviously be losing a large chunk of the original image in the data, but depending on your purpose, it may not matter.

Every image editing program will have a way for you to change or resize the image. Here you can change the width/height or the resolution, which is normally dots per inch (DPI) or pixels per inch (PPI). Read this great article on the difference between DPI and PPI. For anything on the web, you only have to worry about pixels, not dots. Dots will only effect printed images.

So, for example, my website can only have images up to 680 pixels wide. Therefore, I always resize an image to 680 pixels or lower before uploading it because otherwise WordPress will resize it to 680px for me, but the file size will be larger than it needs to be.

If you want to understand more about the 72 pixels/inch number and the resample option, check out this excellent post that goes into great detail.

Change Color Depth/Mode

In the example above, if you have an image with only few colors, then you don’t need to use an image format that supports millions of colors. In my webpage example, the GIF only needs to support Indexed color and 8 bits/channel.

You can choose RGB color and 16 bits/channel, but the image would look exactly the same, but have a larger file size. You can read more about these colors modes on Adobe’s website. In addition to Photoshop, most image editors also let you change the color depth/mode for an image.

Crop Image

Another easy way to reduce the size of an image is to simply crop it! Anything that is cropped out will be completed removed from the image. No matter what image you have, you can normally crop it a little bit at least, which will definitely help reduce the size.

And note that a crop doesn’t just have to be the typical one where you cut out stuff from the the top/bottom or left/right. SnagIt Editor, one of my favorites, has a cut out tool that lets you cut out parts of images from the middle of an image horizontally or vertically. This comes in handy way more often than you would think. Here’s an example where I have to include a screenshot of the Start menu while typing a command.

The above file size was originally 22 KB in size. Instead of using that, I cut out the middle portion, which I didn’t need as shown below.

The new file size is just 9 KB! All that without even doing any compression or changing the file format. Once I compressed it, I got it down to only 4.4 KB. So cropping is an important way to reduce the size of an image.

Hopefully, you reduced the size of your image and learned a little bit about how digital images work along the way! If you have any questions, feel free to comment. Enjoy!

Related posts

• Xuất, Xóa và Tăng Kích thước cho Nhật ký Sự kiện trong Windows

• Cách xem kích thước của hộp thư người dùng trong Exchange 2007

• Đánh giá sách - Hướng dẫn cách sử dụng Windows 8

• Cài đặt các Plugin GIMP: Hướng dẫn Cách thực hiện

• Cách tải xuống trình cài đặt Google Chrome ngoại tuyến (độc lập)

• Cách xem các trang và tệp được lưu trong bộ nhớ đệm từ trình duyệt của bạn

• Cách chuyển đổi tệp IMG sang ISO

• Cách chuyển đổi một đĩa động thành một đĩa cơ bản

• Cách tắt khóa Windows

• Cách tải xuống video từ bất kỳ trang web nào

• Cách mở tệp JAR trên Windows

• Cách thêm nhạc vào Google Trang trình bày

• Cách tạo nhóm trong Microsoft Teams

• Cách số hóa DVD

• Cách khôi phục tài khoản Facebook bị tấn công

• Cách thực hiện kiểm tra độ căng của CPU

• Cách mở tệp bị khóa khi chương trình khác đang sử dụng nó

• Cách biến máy tính của bạn thành máy chủ DLNA Media

• Cách tự động cập nhật phần mềm PC của bạn

• Cách cập nhật Raspberry Pi