Images

Choosing Images For Your Site

• A picture can say a thousand words, and great images help make the difference between an average-looking site and a really engagin one.

  Images should…

• Be relevant
• Convey information
• Convey the right mood
• Be instantly recognisable
• Fit the color palette

Strong Images On Your Site

• If you are building a site from scratch, it is good practice to create a folder for all of the images the site uses.

Adding Images <img>

• To add an image into the page, you need to use an <img> element.
• This is an empty element, which means there is no closing tag.
• It must carry the following attributes: src, alt, and title.

Height & Width Of Images

• The height specifies the height of the image in pixels.
• The width specifies the width of the image in pixels.

Where To Place Images In Our Code

• Before a paragraph
• Inside the start of a paragrah
• In the middle of a paragraph

Three Rules For Creating Images

• Save images in the right format
• Save images the right size
• Measure images in pixels