Image EditingLesson 199Free preview

Crop Image

This lesson is part of Web Developer Tools · All levels

Summary

Crops cut out specific parts of the image so that the framing and dimensions change. This process eliminates pixels outside the selected area, instead of shrinking the entire image content like resize. Crops are useful for improving composition, adjusting ratios for social media, or eliminating unwanted parts.

Key points

The crop area is determined by the positions x, y, width, and height
Crop throws pixels outside the selection box without scaling the contents
The aspect ratio helps to produce consistent sizes for thumbnails
Keep a new copy so the original image stays intact
The composition can be refined by placing the subject on a third of the field

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.