How to reduce image file sizes
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
The recommended sizes for images on eCatholic 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 eCatholic 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).
- If you are using Adobe Photoshop to reduce your image file size, export your images using File > Export > Export As... (pictured below).
- Use a .JPG file type - exported at a quality size of 60-70% of the original image.
-
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.