HTML5, CSS3, and JavaScript Fourth Edition

(Ben Green) #1

CHAPTER 5. IMAGE CROP AND RESIZE 54


Using the Firefox browser, I did a right-
click on the image. I selected “View Im-
age” from the menu. I could also have
selected “View Image Info” farther down
the menu to learn what I wanted to know.


Viewing just the image, I can see that its
dimensions are 1000 x 288 pixels. I re-
peated the process for another header im-
age to make sure the dimensions were the
same. They were.


Here I have started Gimp and I am
looking at a full-sized original im-
age from which I hope to extract
a portion to become a new header
image.


This is a picture of the bridge at Shepherd’s Dell, a waterfall on the Oregon
side of the Columbia River gorge, taken from the base of the waterfall and
looking up towards the road.


You can see in the red circle at the top that the original size of the image is
3264 x 2448 pixels, and you can see in the red box the approximate portion
I hope to extract.

Free download pdf