Let's Talk Email

How Big is Too Big? The Definitive Guide to Email Image Optimization and Video in Email


Listen Later

In this episode of Let's Talk Email, Steven and Jay dive into the visual side of email development: Image Optimization and Video. We tackle the age-old debate of file size limits—how big is too big for a GIF? We also explore the frontier of video in the inbox, discussing everything from the "MP4-as-an-image" hack for Apple Mail to the enterprise-level solutions like Playable and EyeMail. Plus, we take a trip down memory lane to discuss the "dark arts" of pixel art and CSS-only gradients in tables.

Key topics covered:

  • Baseline Best Practices: Why we aim for 100kb–200kb for statics and the 3MB sweet spot for GIFs.
  • The Tools of the Trade: How to get the most out of Photoshop's "Save for Web (Legacy)," EZGIF, and TinyPNG.
  • Video in Email Demystified: The server-side nightmare of hosting video and why a GIF with a play button is still the industry standard.
  • The "MP4 Hack": How to use the picture element to serve high-quality silent video to Apple users.
  • Accessibility & Motion: Managing "cognitive load" and why animating all 9 products in a grid is a bad idea.
  • Retro Email Dev: A look back at images and gradients made from tables for when images were blocked.

Resources Mentioned:

  • EZGIF.com
  • TinyPNG
  • Playable & EyeMail
  • Remove.bg
...more
View all episodesView all episodes
Download on the App Store

Let's Talk EmailBy Steven