10
Molecularcode Web Design and Development Alex R http://molecularcodewebdesign alex@molecularcodewebdesign Beginners WordPress.com Course | West Island Women’s Centre |Winter Custom Headers and Images

Images on the Web

Embed Size (px)

DESCRIPTION

WIWC course - intro to wordpress.com. What image size is appropriate on the web and how to resize them.

Citation preview

Page 1: Images on the Web

MolecularcodeWeb Design and Development

Alex Ruauxhttp://[email protected]

Beginners WordPress.com Course | West Island Women’s Centre |Winter 2014

Custom Headers and Images

Page 2: Images on the Web

Headers

Could be just text

May include an image or logo

Usually in top left corner, sometimes centre

May have a tagline (additional explanatory text)

Page 3: Images on the Web

Header

Page 4: Images on the Web

WordPress Headers

Images should be at least 820 pixels (px) wide

Suggested size 820 x 250px

A pixel is a single point of light on a screen

Page 5: Images on the Web
Page 6: Images on the Web
Page 7: Images on the Web
Page 8: Images on the Web

Images

You want to maintain a reasonable resolution, whilst

keeping the file size as small as possible.

It’s a balance!

Page 9: Images on the Web

Editing an Image

http://pixlr.com

Resize to the widest dimension e.g. 820px wide

Crop to desired dimensions e.g. 820 x 250px

Can add text etc.

Page 10: Images on the Web

Blog Picture / Favicon

Settings | General

Upload resized image