Breaking down resolution, aspect ratios, canvases, and DPI/PPI
Let's go ahead and break down some terms in a "definition" style list first, and then we will talk about the functional, everyday impact these topics will have on your workflow when it comes to working with clients or personal work. Here we go:
- Resolution—The number of pixels, usually listed in a "width by height" format, that a given digital device can display. Popular resolution terms you may have seen are 1080p (1920 pixels wide x 1080 pixels tall) or 4k (3840 pixels wide x 2160 pixels tall).
- Aspect ratio—The ratio of the width and height of a given display or canvas, usually given in a width:height format, using the lowest common denominator of each. For instance, both 1080p and 4K resolution examples would be 16:9 aspect ratios, while older non-widescreen televisions (such as cathode-ray tubes, or CRTs) would have display aspect ratios of 4:3, being more box-like in...