+ All Categories
Home > Technology > Images on the Web

Images on the Web

Date post: 01-Sep-2014
Category:
Upload: molecularcode-web-design
View: 292 times
Download: 2 times
Share this document with a friend
Description:
WIWC course - intro to wordpress.com. What image size is appropriate on the web and how to resize them.
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
Transcript
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


Recommended