The Raster Canvas

Raster Editing Fundamentals

Chapter 2 · The Raster Canvas

Chapter 1 defined a raster image as a fixed grid of pixels. This chapter covers the technical properties of that grid directly: how it relates to physical size, what color mode it stores its values in, and how much precision each of those values actually holds.

Resolution: PPI vs. DPI

PPI (pixels per inch) describes an image file's own resolution — how densely its pixel data is packed. DPI (dots per inch) is technically a printing term, describing how densely a printer lays down physical ink dots. The two are often used interchangeably in casual conversation, but they aren't strictly identical: PPI describes the file itself, DPI describes a printer's own output. Web images generally only care about absolute pixel dimensions; print work genuinely cares about both.

Image Dimensions vs. Print Size

A raster image's total pixel dimensions (say, 3000×2000) combined with its PPI setting together determine its actual physical print size. The exact same pixel dimensions can print small-and-sharp at a high PPI value, or large-and-blurry at a low PPI value — the pixel data itself hasn't changed, only how many inches it's being spread across. This relationship is a genuinely common source of confusion worth understanding directly rather than treating PPI as a mysterious quality dial.

Color Modes: RGB vs. CMYK

RGB is additive color — red, green, and blue light combining, used for anything viewed on a screen. CMYK is subtractive color — cyan, magenta, yellow, and black ink absorbing light, used for professional printing. Converting between the two isn't always lossless: some RGB colors, especially vibrant, saturated ones, simply can't be reproduced exactly within CMYK's own smaller color gamut. This is a real, practical reason to work in the correct mode from the very start of a print project, rather than converting only at the very end and discovering colors have shifted.

Bit Depth

Bit depth describes how many distinct tonal values each color channel can represent — 8-bit per channel is the common default; 16-bit per channel offers dramatically more tonal precision. This matters specifically during extensive editing or color grading: 8-bit images can show visible banding (abrupt tonal steps instead of a smooth gradient) after aggressive adjustments, where 16-bit tolerates the same adjustments far better. Both Photoshop and GIMP support both bit depths today, though GIMP's own full 16-bit (and higher) support was a more recent addition, arriving in GIMP 2.10.

SettingPhotoshopGIMP
Resolution (PPI)Image > Image SizeImage > Print Size
Color modeImage > ModeImage > Mode
Bit depthImage > Mode > 8/16/32 BitsImage > Precision
Web work sidesteps the PPI/DPI question almost entirely
Browsers render images purely by pixel dimensions and ignore an image file's own PPI metadata entirely — a 1200×800 pixel image displays identically on the web whether its own metadata says 72 PPI or 300 PPI. Web work (this site's own CSS courses included) generally cares only about pixel dimensions, unlike print work, where PPI genuinely determines physical output size.
Changing the PPI number doesn't add real detail
It's a common misconception that raising an image's PPI value in software makes it print sharper by adding quality. Simply changing the PPI number in an image's own metadata — without resampling or adding real pixel data — only changes the print size, spreading the same fixed pixel data across a smaller physical area. This does make the print look sharper, but purely by shrinking how large it's printed, not by adding any real information. Genuinely upsampling an image to add detail requires actual resampling, which invents new pixel data through interpolation — and that process has real, hard quality limits, not a free source of extra detail.

Hands-On Exercises

Exercise 1

A photographer changes a 3000x2000 pixel image's PPI setting from 72 to 300 without resampling, and expects the image to now print with visibly more detail at the same physical size. Explain what actually happens, using this chapter's own material.

📄 View solution
Exercise 2

A designer creates a poster in RGB mode with several bright, saturated colors, then converts it to CMYK only at the very last step before sending it to a professional printer. Explain the risk in this workflow, using this chapter's own material.

📄 View solution
Exercise 3

Explain why a heavily color-graded image edited in 8-bit mode is more likely to show visible banding than the same edits performed in 16-bit mode.

📄 View solution

Chapter 2 Quick Reference

  • PPI describes the image file; DPI describes a printer's own output — related but not identical
  • Pixel dimensions + PPI together determine print size — the pixel data itself doesn't change when PPI is edited
  • RGB (screens, additive) vs. CMYK (print, subtractive) — not always losslessly convertible; work in the right mode from the start for print
  • Bit depth (8-bit vs. 16-bit) controls tonal precision — higher bit depth resists banding under heavy editing
  • Raising PPI alone (without resampling) does not add real detail — it only changes print size