Skip to content

Get your images web ready

20th January 2016

1-minute read

Many websites today are run by content management systems (CMS) which business owners and marketers use to manage their site’s content. If you’re in this position, here’s what you need to know about managing images on your website.

Format

Primarily, images for websites should be saved in one of two possible formats – PNG or JPG. PNG should be used for graphics and anything where a part of the image is transparent. JPG should be used for photos.

Resolution

Although some mobile devices can display images at higher resolutions, for general website work make sure your images are saved at 72dpi.

Size

If you want to create an image that matches the size of one already on your site, use your browser to work out its size. Right-clicking on the existing image will let you select Image Properties from the menu. In Photoshop, you can crop and / or resize the image to match these dimensions.

Jeremy Flight

Jeremy Flight

Technical Director

Jeremy Flight

About the author

This article was written in January 2016 by Jeremy Flight, Technical Director at Rubiqa.

He has worked in the web design industry since 1999 and has helped many private businesses and public sector organisations with complex website projects. As the technical lead at Rubiqa, he is the primary contributor to our software products and is involved with projects relating to website design, eCommerce, database systems and mobile apps.

Away from work, Jeremy is a qualified cricket coach and works with junior players at his local club. He is also interested in property investment, golf, photography, playing the piano and holidaying in France.

Connect with Jeremy Flight on LinkedIn

What we do

Send your enquiry

To prevent unwanted spam, we ask you to enter the answer to this simple sum: