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.
0 kommentar(er)
