Image Editing, Retouching, and Visual Assets
Working with Raster Imagery
Image quality and use cases
Raster images are made of pixels and are ideal for photography, complex textures, and detailed lighting. Their quality depends on resolution, compression, and the final output size.
Important distinction
Cropping changes framing; retouching changes pixel content; resizing changes the final display dimensions.
Preparing Assets for Design
A typical image workflow
-
1
Step 1: Select imagery that supports the message.
-
2
Step 2: Crop to improve composition and focus.
-
3
Step 3: Correct exposure, color, and white balance if needed.
-
4
Step 4: Remove distractions and retouch only where appropriate.
-
5
Step 5: Export in a format and size suitable for the destination.
Common asset formats
| Format | Best for |
|---|---|
| JPEG | Photographs and complex images |
| PNG | Transparency and sharp graphics |
| SVG | Scalable vector logos and icons |
| WebP | Compressed web imagery with good quality |
Which format is usually best for a logo that must scale cleanly?
SVG is vector-based and scales without pixelation.
Correct answer: SVG
What is the main benefit of cropping an image?
Cropping can improve composition by removing distractions and focusing attention.
Correct answer: composition
Which choice is most likely to reduce image quality on export?
Heavy compression can introduce artifacts and reduce visual fidelity.
Correct answer: Heavy compression