Image optimization

Image Optimization

Breadcrumb

 

These are our image optimization suggestions for CNAS websites:

 

  • 1920 x 624 px for tall banners on landing pages (approx. 160-200 KB recommended at 72 dpi)
     
  • 1920 x 455 px for regular header images (the same height as auto-cropped via the WYSIWYG editor header images with title on the image -- (approx. 120-150 KB recommended at 72 dpi)
     
  • 1920 x 913 px for homepage / <front> (approx. 300 KB recommended at 72 dpi) if not using the smaller 1920 x 624 px or 1920 x 455 px

 

Photoshop example for 1920 x 624 px at 72 dpi (go to Image > Image Size):

1920 x 624 image optimization

 

After cropping and adjusting, please save your banner images at approx. 160-200 KB.

Please make sure that no file exceeds 1 MB, if at all possible. Also, please optimize your PDFs.

 

Tip for efficiency: crop most of your images 1920 x 624 px and then adjust the image with the focal point if you are using it as a Header Image on your basic pages. So the same image can be used as both a carousel slider (1920 x 624 px), a Header Image (1920 x 455 px), and an article banner image etc., but you only have to upload it ONCE.

 

These are free online compression / optimization / cropping tools for you for to use (there are many more available online) if you don't have access to design software like the Adobe Creative Cloud:

 

Free JPEG & PNG compression online tool

free adobe compress pdf online tool

free online PNG cropping Tool

 

 

Examples of FREE stock photo (and video) websites to use for building your website:

 

Pixabay

Unsplash

Pexels

 

 

 

 

Let us help you with your search