New course, Command Line for Creatives, out now!

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 Beginner

0:00/8:19

March 6th 2018

Playback speed

1.25× 1.5× 1.75×

Skip

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