7–9 November 2016: Conference & Tutorials
9–10 November 2016: Training
Amsterdam, The Netherlands

Optimizing images and type on the Web

Lara Hogan (Kickstarter)
17:05–17:45 Monday, 7/11/2016
UX performance Design, Organizational optimization G102/103 Audience level: Beginner
Average rating: ****.
(4.69, 13 ratings)

Prerequisite knowledge

  • A working knowledge of HTML, CSS, and Photoshop

What you'll learn

  • Learn tactics for improving the user experience (image font optimizations, font file optimizations) as well as tips for helping to shift company culture to care about this work

Description

You already care about placing performance and speed in the design workflow. Lara Hogan, the author of Designing for Performance, offers a deep dive into optimizing images and type on the Web, getting into the nitty-gritty of image formats, font files, and crafting a culture of your performance so that you can actually implement the new techniques you’ll learn.

Topics include:

  • The nuances of each image file format used on the Web: Where they came from, when to use each, and how to optimize JPEGs, GIFs, PNGs, and WebP
  • Font file character subsetting to reduce file size and how Etsy tested different typography across platforms to unify branding and simplify its font kit
  • Proven techniques to help others in your organization care about performance so you can get to business fixing your site’s speed
Photo of Lara Hogan

Lara Hogan

Kickstarter

Lara Hogan is the vice president of engineering at Kickstarter and the author of Designing for Performance and Demystifying Public Speaking. Lara champions performance as a part of the overall user experience, striking a balance between aesthetics and speed and building performance into company culture.