Designer News
Where the design community meets.
Minneapolis Designer Joined over 6 years ago
Thanks Erik! You're spot on with the image loading.
Every image (with a few exceptions for really small ones) first loads a much smaller image file that's about 1/10 the size of the full image asset. The smaller image is scaled up and blurred to fit the content area, and once the high-res image is loaded and ready, the smaller blurred image fades out to reveal the high res image.
Facebook took a super similar approach with how they handle loading cover images on their mobile app. Helps avoid choppy page loads, and provides a nice transition into the content.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Thanks so much for the comments! We really appreciate it.