Skip to the content.
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