Best Practice Guide for Image Compression

Users who viewed this discussion (Total:0)

djbaxter

Administrator
Moderator
Joined
Nov 10, 2016
Messages
1,618
Likes
763
Points
113
Best Practice Guide for Image Compression
by Eva Wagner, En.Ryte.com
March 8, 2018

Images are one of the biggest culprits of slow loading teams for websites, leading to slow loading times which will negatively impact the user experience. Visitors won’t have the patience to wait for the page to load, and will quickly leave your site.

Free Online Image Compression
If you don’t want to install an additional program, you can edit pictures directly online. There are several tools available for this on the internet, such as Compressjpeg or Optimizilla. In Compressjpeg, up to 20 JPGs can be uploaded via drag & drop, and the files are then automatically compressed. These can then be downloaded individually, or as a ZIP archive.

Optimizilla essentially has the same functions, but can do a little more. The online optimizer uses a combination of the best optimization and compression algorithms to reduce both JPEG and PNG images to the minimum size possible while still maintaining the required quality level. Here, the quality settings and the degree of compression can be edited.

Another useful image compression tool is TinyPNG. TinyPNG uses compression techniques to reduce the file size of your PNG files. By selectively reducing the number of colours in the image, fewer bytes are needed to store the data.

Offline Image Compression
  • Image Compression with Photoshop and other professional quality editors: High quality but expensive
  • Image Compression with Free Tools: The freeware program IrfanView, which is available for both Windows and Mac, can reduce the size of both individual pictures and several at a time. IrfanView is essentially an image viewer that can read and convert all popular image formats. In addition to standard formats such as JPG, GIF, PNG or TIF, IrfanView also supports RAW and ICO. The program can compress images and also modify dimensions or colour depth.
Read more...
 
Top