Why 16:9 Became the Universal Standard
Before HD television, displays were nearly square — 4:3 was the default for decades, matching the shape of early cathode ray tubes. As widescreen cinema grew in popularity through the 1950s–70s, a compromise was needed. Researcher Kerns Powers at the Society of Motion Picture and Television Engineers (SMPTE) analyzed common film formats and found that 16:9 sat geometrically at the center of the most-used cinema ratios. In 1984 it was proposed as the HDTV standard, and by the late 2000s it had completely displaced 4:3 in consumer displays, gaming, and online video.
Cinema Formats: More Than Just 16:9
Hollywood uses two main theatrical formats. DCI Flat (1.85:1, close to 17:9) is used for contained dramas and comedies. DCI Scope (2.39:1, "Anamorphic Scope") is used for epics, action films, and anything that benefits from an ultra-wide frame. Anamorphic lenses squeeze a wide image onto 35mm film, which is then optically unsqueezed during projection — producing distinctive oval bokeh and horizontal lens flares. IMAX uses a 4:3 ratio (1.43:1 in 70mm) so the image fills more of the tall IMAX screen.
Phones, Tablets, and the Vertical Video Shift
Early smartphones mirrored TV at 16:9, but as screens grew taller without getting wider — to keep the phone grippable — aspect ratios stretched to 18:9, 19.5:9, and now 20:9. This pushed the 9:16 portrait format from "accidental phone recording" into a first-class medium through Instagram Stories (2016), TikTok (2018), and YouTube Shorts (2021). Today, 9:16 vertical video is a primary delivery format for reaching audiences under 35, and social media platforms penalize content that doesn't fill the full vertical frame.
Practical Rules for Resizing Without Distortion
Always scale both dimensions by the same factor to avoid stretching. If you need to fit content into a different aspect ratio, you have two choices: letterbox/pillarbox (add black bars to preserve content, change the frame) or crop (cut pixels from the edges to fill the frame, lose content). For web images, CSS properties like object-fit: cover automate the cropping approach, while object-fit: contain automates letterboxing. Neither is universally right — the right choice depends on whether the edges of your image contain important content.