🚨 30% off all courses and bundles throughout May

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


March 6th 2018

Playback speed

0.75× 1.25× 1.5× 1.75×


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