Adding width and height Values

The next thing you'll want to do for your image is add width and height values. This actually assists browsers in rendering images more efficiently, so it's always a good idea to add this information.

You can find the image's width and height in a couple ways. The first way is that you can look for it in your imaging editor (see Figure 3-2).

Figure 3-2. Look for the width and height in pixels for your image—here, Photoshop displays the width and height at the top of the Image Size dialog box.

image

Another way to find width and height is to open the image itself in your browser.

Figure 3-3 depicts the image itself ...

Get Spring Into HTML and CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.