Images for your website

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

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

Shutterstock

Alamy

Unsplash 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: zephyr.webdadi. Quantum website template style:

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

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download