
While technically hypertext, envisioned by Douglas Engelbart as a pillar of modern communication, does not need images to convey information-the user’s attention needs to be guided by graphical content that stands out. Evil Martians’ Big Image Compression Cookbookīut if you have time (and patience), just start reading from here down! Good luck! A curve and a tuple walk into a bar.Start from the top, with a source image of a cupcake, and decide what you want to do with it to prepare it for the limelight!

Instead of trying to describe the entire content of this long and winding article in words, we drew a graphical map for you.

And while one can think that everything displayed on a web page has to do with frontend development, we assure you that understanding images is essential for all the members of product teams: from backend to design to management and customer support. Study the theory behind digital images and how humans perceive them-to improve the experience for your users.ĭid you know that the average web page destined for a desktop in 2019 takes 2MB of traffic, and half of everything that a web server sends to the user’s browser is graphics? JPEGs, PNGs, SVGs, GIFs, and some other acronyms known to everyone who ever built a digital product. Dig into SVGs and adopt the latest and greatest tools to optimize your graphical content: both vector and raster. Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school.
