Images for your website Finding the best images through stock sites, adding images to Zephyr and Quantum, and how to resize them with our free software

Webdadi 2/1/16 CMS with Webdadi

Table of Contents RECOMMENDATIONS FOR STOCK SITES TO SOURCE IMAGES............................................................. 1

SIZES OF IMAGES FOR THE WEBSITE YOU CHOOSE ............................................................................ 2

MEET THE TEAM images: .............................................................................................................. 3

General WEBSITEPAGEITEMS: ....................................................................................................... 3

STANDARD WEBSITE PAGE images: .............................................................................................. 4

NEWS/BLOG page: ........................................................................................................................ 4

AREA GUIDES images: ................................................................................................................... 5

QUANTUM HOME PAGE AREA GUIDE (bottom) images: ............................................................... 5

QUANTUM HOME PAGE AREA GUIDE (bottom) images: ............................................................... 6

ZEPHYR HOME PAGE WebsitePageItems images: ......................................................................... 6

HOW TO LOOK AT OTHER WEBSITES AND SEE THE PIXEL SIZE ............................................................ 6

HOW TO CHANGE THE SIZE OF YOUR IMAGES USING OUR FREE TOOL ............................................... 6

RECOMMENDATIONS FOR STOCK SITES TO SOURCE IMAGES

http://abouttown.datography.com/ This is the stock site of our sister company Datography, called About Town. If there isn't anything you see from here that works for you, and you are within the M25 area, you can call them on 0208 246 6061 to order a

bespoke shoot. iStock http://www.istockphoto.com/ Shutterstock http://www.shutterstock.com/ Alamy http://www.alamy.com/ Unsplash https://unsplash.com/ usplash.com is a free stock site with a free use anywhere license

SIZES OF IMAGES FOR THE WEBSITE YOU CHOOSE

ZEPHYR AND QUANTUM TEMPLATE SIZES

Zephyr website template style: www.zephyr.webdadi.live.net

Quantum website template style: http://quantum.live.webdadi.net/

HOME PAGE images:

Home banner: pre-set at the

time you bought your

website.

Best resolution: high

resolution, up to 1Mb

recommended

No suggested size guide.

MEET THE TEAM images: Size: If you would like all the boxes to be equal like this example on the left, you must also make the

height identical for each WebsitePageItem.

Size guide:

For square images: 400 x 400 pixels

Landscape images: 400 x 250 pixels

Portrait images: 250 x 400 pixels

Best resolution: high res, up to 1Mb

recommended

General WEBSITEPAGEITEMS: Size: If you would like all the boxes to be equal like these examples below, you must also make the

height identical for each WebsitePageItem.

Size guide:

For square images: 400 x 400 pixels

Landscape images: 400 x 250 pixels

Portrait images: 250 x 400 pixels

Best resolution: Small resolution is fine

and as low as 80kb will still look clear

and sharp.

STANDARD WEBSITE PAGE images:

Size guide:

Thin landscape image: 950 x 300 pixels

Best resolution: medium resolution, up to

1Mb recommended

NEWS/BLOG page:

Size: any large sized image. No preferred size but landscape works well. Each blog can be a different

size.

Best resolution: medium resolution, up to

1Mb recommended

Size guide:

Normal landscape image: 1000 x 660

pixels; or 4:3 aspect ratio

AREA GUIDES images:

Size guide:

Thin landscape images: 960 x 300 pixels;

or 5:2 aspect ratio

Normal landscape image: 1000 x 660

pixels; or 4:3 aspect ratio

Best resolution: medium resolution, up to

1Mb recommended

NOTE: The image on this page will

also link to the main image on the

individual area so it’s best to use a

large image size.

QUANTUM HOME PAGE AREA GUIDE (bottom) images:

Size guide:

Portrait image: 305 x 203 pixels

Best resolution: medium resolution,

up to 1Mb recommended

QUANTUM HOME PAGE WebsitePageItems images (top):

Size guide:

Portrait image: 305 x 203 pixels

Landscape image: 305 x 436 pixels

Best resolution: medium

resolution, up to 1Mb

recommended.

As per our image example on the

left, you can include your own

words and text on the images.

ZEPHYR HOME PAGE WebsitePageItems images (bottom): Size guide:

Portrait image: 305 x 203 pixels

Landscape image: 305 x 436 pixels

Best resolution: medium

resolution, up to 1Mb

recommended.

HOW TO LOOK AT OTHER WEBSITES AND SEE THE PIXEL SIZE

If you see another website and wish to use their sizing, you can easily see pixel sizes by using

Chrome.

o Open the website via Chrome.

o Right click and select Inspect.

o Hover over the image to see the pixel size.

HOW TO CHANGE THE SIZE OF YOUR IMAGES USING OUR FREE TOOL

We offer an Image Manipulation tool on our website that you can use to amend the size, pixels,

height and width of any image. You can also save it as a jpg, which is useful since we like our images

to be uploaded as jpg’s onto Webdadi.

o Here is the link to our Image Manipulation tool: http://www.webdadi.com/tools

o And instructions on How to resize images