🚨 Honk! We're extending our 30% off offer on all courses + bundles until July 15th

Pixelated image lazy loading effect as seen on Teenage Engineering

In this tutorial we look at how to build the image lazy loading effect used on the Teenage Engineering site. We'll start with a lo-res pixelated image before replacing it with the full-res version.

View demo: pixelated-image-loader.superhi.com

Beginner

0:00/8:19

March 6th 2018

Playback speed

0.75× 1.25× 1.5× 1.75×

Skip

−60s −30s −10s +10s +30s +60s