GabrielSoft - How to reduce image file size

Image file size plays a significant factor when it comes to website performance, high SEO rank and overall user experience. Listed below are a few best practices and resources to help optimize your images in order to improve your website quality.

IN THIS ARTICLE:

  1. Maximum recommended dimensions and file sizes for the web
  2. Best image file types to use for the web
  3. Free image editing resources / compression tools
1

Maximum recommended dimensions and file sizes for the web

The recommended sizes for images on GabrielSoft websites are listed below.

  • Image Dimensions: 2000 px on the longest side
  • File Size: 0.5 MB (500 KB)

The maximum image file size approved for upload to an GabrielSoft website is 20 MB.

2

Best image file types to use for the web

For regular images:

  • Use a .JPG file type - exported at a quality size of 60-70% of the original image.
    • If you are using Adobe Photoshop to reduce your image file size, export your images using File > Export > Export As... (pictured below). 

For graphics with solid colors:

  • Use a .PNG file type, if no animation is needed (otherwise, use .GIF file type).
  • If your image has a large color palette (256+ colors), use PNG-24. Otherwise, use PNG-8.
3

Free image editing resources / compression tools

Below are two online articles that contain information about free tools for image editing and compression.