In my webpage example, the GIF only needs to support Indexed color and 8 bits/channel. 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. 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. 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. So, for example, my website can only have images up to 680 pixels wide. For anything on the web, you only have to worry about pixels, not dots.

Read this great article on the difference between DPI and PPI. Here you can change the width/height or the resolution, which is normally dots per inch (DPI) or pixels per inch (PPI). YouвЂ™ll obviously be losing a large chunk of the original image in the data, but depending on your purpose, it may not matter.Д®very image editing program will have a way for you to change or resize the image. If you have a file that is 4000Г—2500, then reducing the size to 2000Г—1250 will make the file half the size. The main way to shrink an image is to lower the picture resolution. I personally use Kraken.io for my websites, but there are other good ones out there like TinyPNGВ and Optimizilla. For compression, I recommend using online tools as they do a great job. You can use your photo app to change the format for an image to see which size is smallest. The JPG didnвЂ™t compress much, but JPGs normally donвЂ™t compress as well as PNGs do. The GIF only reduced by 5 KB, but at the same time lost a lot of quality. But remember, JPG is only 16-bit, whereas PNG is 24-bit, so JPG supports millions of colors, but PNG supports unlimited colors. JPEG will always normally be better for photography images with lots of colors. Lossy GIF: 22 KBДЄs 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. When I did a lossy compression, the numbers for PNG were the most impressive. The PNG went to 45 KB and the JPG went to 58 KB. When I did a lossless compression of the three, only the JPG and PNG images got reduced in size, but not by much. However, in my experience, PNGs compress much better if itвЂ™s a lossy compression and the image quality is still very good. GIF does well here as itвЂ™s only 27 KB compared to the PNG, which is 68 KB.

As mentioned earlier, JPEG is better for photography.

Here are the files sizes in the different formats without any compression: Original GIF: 27 KBДЄs you can see, the PNG and GIF files are definitely sharper than the JPEG. As an example, I just took a screenshot of the HDG website (600Г—319) since it has few colors and isnвЂ™t complex. Format & CompressionДЇirst, letвЂ™s start with a flat color graphic. Obviously, using lossy compression will give you much smaller files, as youвЂ™ll see in the examples below, but youвЂ™ll lose some quality. This will give you the smallest file while keeping the original quality of the image. LetвЂ™s start off by talking about how you can reduce the size of the image without losing quality.

How to compress picture on windows