2.1 Raster, Vector, Pixel Dimensions, and Resolution

Digital Image Terminology, Resolution, and Color Spaces

Every professional workflow in Adobe Photoshop begins with an uncompromising grasp of digital image architecture. Whether preparing imagery for high-density mobile interfaces or commercial offset lithography, designers must navigate the structural differences between pixel and vector elements, manage document dimensions across digital and physical domains, and control color spaces to ensure accurate, predictable reproduction.

---

1. Raster vs. Vector Graphics Architecture

Digital visual assets fall into two fundamental structural classifications: raster (bitmap) graphics and vector graphics. Understanding their respective strengths, constraints, and operational behaviors is essential for both the Adobe Certified Professional exam and daily studio production.

Raster (Bitmap) Graphics

Raster images are constructed from a fixed two-dimensional grid of discrete picture elements called pixels. Each pixel occupies a specific coordinate on the grid and stores exact numerical values representing its color and brightness.

• Primary Strengths: Raster imagery excels at rendering continuous-tone visual information—photographs, painted textures, atmospheric gradients, and subtle lighting variations where adjacent pixels vary by minute tonal increments.
• Structural Limitations: Raster graphics are inherently resolution-dependent. Because they possess a fixed count of pixels, enlarging a raster image forces software to interpolate (generate) new pixels to fill the expanded grid. This causes softening, blurriness, pixelation, and edge artifacts.
• Common Raster Formats: PSD, TIFF, JPEG, PNG, GIF, WebP, and BMP.

Vector Graphics

Vector graphics are constructed not from pixels, but from mathematical instructions. Geometric primitives—anchor points, directional control handles, Bézier curves, paths, strokes, and fills—define shapes through coordinate geometry and algebraic equations.

• Primary Strengths: Vector graphics are completely resolution-independent. A vector shape can be scaled from a 16x16 pixel website favicon to an 80-foot highway billboard without any loss of edge crispness, clarity, or detail. File sizes also remain remarkably compact regardless of display size.
• Structural Limitations: Vectors cannot naturally reproduce the millions of subtle, continuous-tone color transitions found in organic photographic scenes.
• Common Vector Formats: AI, EPS, SVG, and vector-based PDF.

Hybrid Workflows in Photoshop

While Adobe Photoshop is primarily a raster manipulation application, it integrates robust vector capabilities. Typographic layers, shape layers, and vector clipping masks maintain live mathematical definitions within a .psd file. Furthermore, importing vector artwork from Adobe Illustrator as a Smart Object preserves the original mathematical vector data, allowing non-destructive transformations inside Photoshop without premature rasterization.

Key Distinction: Rasterization converts live mathematical vector shapes or text layers into a static grid of pixels at the document's current resolution. Once rasterized, the layer loses its mathematical editability and resolution independence.

---

2. Pixel Dimensions vs. Document Physical Size

A frequent source of confusion in digital production is the relationship between pixel dimensions and document physical size.

Pixel Dimensions (The Digital Reality)

Pixel dimensions measure the total absolute count of horizontal and vertical pixels comprising an image (e.g., 6000 x 4000 pixels = 24,000,000 total pixels, or 24 megapixels). Pixel dimensions represent the true digital data payload, memory weight, and information capacity of the file. On digital displays (monitors, smartphones, televisions), only pixel dimensions matter; a 1920 x 1080 pixel image will occupy the full screen on a standard 1080p monitor regardless of whatever print resolution value is embedded in its metadata.

Document Physical Size (The Print Reality)

Document physical size describes the intended physical output dimensions when the image is printed onto a tangible substrate, expressed in inches, centimeters, or millimeters (e.g., 20 x 13.33 inches).

The Resolution Relationship

Resolution bridges these two domains by defining how tightly pixels are packed across physical space:

• Pixel Dimensions = Physical Dimension (Inches) x Resolution (Pixels Per Inch)
• Physical Dimension (Inches) = Pixel Dimensions / Resolution (Pixels Per Inch)

The Resample Checkbox in Image > Image Size

When navigating to Image > Image Size (Cmd+Option+I / Ctrl+Alt+I), the Resample checkbox fundamentally alters how Photoshop modifies document properties:

1. Resample Unchecked (Disabled): Pixel dimensions are strictly locked. Changing the Resolution automatically recalculates the physical width and height in an inverse relationship, without creating, discarding, or altering a single image pixel. For example, taking a 3000 x 2000 pixel image at 72 PPI (physical size: 41.67 x 27.78 inches) and entering 300 PPI changes the physical size to 10 x 6.67 inches. No image degradation occurs because the underlying pixel data remains untouched.
2. Resample Checked (Enabled): Photoshop actively recalculates the pixel grid. If you increase the physical size while holding resolution constant, Photoshop interpolates new pixels (upsampling). If you decrease dimensions, Photoshop discards pixels (downsampling). Interpolation methods include:
   • Preserve Details 2.0: Advanced deep-learning interpolation preserving sharp edges and natural textures during upsampling.
   • Bicubic Smoother: Optimized for smooth, artifact-free photographic upsampling.
   • Bicubic Sharper: Optimized for downsampling to retain crisp details without over-sharpening halos.
   • Nearest Neighbor: Fast, unblended replication that preserves hard geometric edges, ideal for pixel art.

---

3. Disentangling PPI, DPI, and LPI

Technical literature and casual industry speech often conflate PPI, DPI, and LPI. Maintaining strict technical boundaries between them is a cornerstone of professional prepress accuracy.

PPI (Pixels Per Inch)

PPI refers strictly to digital pixel density. It describes either:

• The spatial resolution of a digital image file (how many pixels are assigned to each linear inch of printed output).
• The physical pixel density of an input sensor (camera sensor, flatbed scanner) or digital display monitor (such as a 460 PPI smartphone screen).

DPI (Dots Per Inch)

DPI refers strictly to the physical droplet or toner density produced by an output hardware device, such as a desktop inkjet printer, laser printer, or commercial imagesetter. Physical printers cannot print continuous shades of color in a single pixel space; instead, they spray microscopic droplets of cyan, magenta, yellow, and black inks. An inkjet printer rated at 2400 DPI deposits 2,400 physical micro-droplets per linear inch to simulate the tonal variations of a 300 PPI digital image.

LPI (Lines Per Inch)

LPI measures the screen ruling or screen frequency in commercial offset lithography. Continuous-tone photographs must be converted into a grid pattern of halftone dots of varying sizes to be printed on a commercial printing press. LPI measures the number of halftone lines per linear inch on the printing plate.

The Prepress 2x Rule (Practical Print-Resolution Guideline)

To reproduce clean, photographic continuous-tone imagery on an offset press without moiré patterns or visible pixelation, the digital image resolution must be 1.5 to 2 times the screen frequency (LPI):

$$\text{Required Image PPI} = \text{Press LPI} \times 2$$

For high-quality magazine and commercial catalog printing operating at 150 LPI, the required document resolution is: 150 LPI x 2 = 300 PPI.