Chapter 5

Image Crop and Resize

Contents

5.1 Basic Image Processing............... 51

5.1.1 Size Affects Speed.................. 52

5.1.2 Photo Editing Tools................. 52

5.2 Cropping Removes Pixels............. 53

5.3 Scaling Combines Pixels.............. 55

5.4 Advanced Tricks................... 56

5.4.1 Flow Around..................... 57

5.4.2 Captions....................... 57

5.4.3 Art Gallery...................... 57

One of the most popular things to include in a webpage is an image. In
this chapter we show you how to do some basic manipulation of images:
cropping and resizing.

First we will review the basic HTML options.

Exam Question 91(p.341):The HTML tag “img” stands for what word(s)?
Acceptable Answer:image

Exam Question 92 (p.341): What HTML markup is used to insert a
picture?
Acceptable Answer:

The image tag is<img ...>. It is a void tag.

Exam Question 93(p.341): For eachtag in valid HTML5, is a

49