Turn an Elephant into a Fly

on YouTube ↗44m

" summary

Covers 15 years of practical experience with web graphics, walking through creating and exporting images, optimizing them, and inserting them into web pages. Discusses the messy, informal state of web graphics workflows despite formal specs for markup, styles, and scripts, and compares tools/approaches for producing web-ready images (e.g., export settings, formats like JPEG) and optimization techniques.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 5:21Content and interface graphics
3. 13:11Graphics creation and editors
4. 26:21Graphics optimization
5. 35:13Inserting and loading graphics
6. 38:44Summary and Q&A

" related talks

• 45mThe image problem of the web and how to solve it…Christian Heillman · Frontend United 2016
• 26mFast and Beautiful Modern Image Delivery TechniquesDoug Sillars · You Gotta Love Frontend 2019
• 05mWill You Help Me End Pixelated Images on the InternetJulka Grodel · FrontCon 2018
• 40mA Quest to Be a (Web)master: How do You Go from Simple Code to Building Great Web Experience?Mariko Kosaka · JSConf US 2018
• 02h 24mAdvanced Image Optimisation for websitesInian Parameshwaran · JSConf.Asia 2019
• 31mHandling Images on the WebMarco Otte-Witte · EmberConf 2021
• 56mBoosting Web Performance in 2022Vitaly Friedman · Nordic.js 2022
• 30mSVG and Generative AI: Rethinking Interactive Imagery on Your WebsiteSimon Bedard · Devoxx France 2026