# Smooth image loading by upscaling

DevFeed: [Smooth image loading by upscaling](<https://devfeed.tech/articles/smooth-image-loading-by-upscaling-2141.md>)

Original publisher: [Read original article](<https://developers.soundcloud.com/blog//smooth-image-loading-by-upscaling>)

Published: 2014-02-20T00:00:00Z

Content type: article

Language: en

Sources: [SoundCloud Backstage Blog](<https://devfeed.tech/sources/soundcloud-backstage-blog.md>)

Topics: [Caching](<https://devfeed.tech/topics/caching.md>), [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [Image](<https://devfeed.tech/topics/image.md>), [browser](<https://devfeed.tech/topics/browser.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [CSS](<https://devfeed.tech/topics/css.md>), [HTML](<https://devfeed.tech/topics/html.md>), [HTTP](<https://devfeed.tech/topics/http.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [cache](<https://devfeed.tech/tags/cache.md>), [code](<https://devfeed.tech/tags/code.md>), [css](<https://devfeed.tech/tags/css.md>), [display](<https://devfeed.tech/tags/display.md>), [effect](<https://devfeed.tech/tags/effect.md>), [fetch](<https://devfeed.tech/tags/fetch.md>), [http](<https://devfeed.tech/tags/http.md>), [identifier](<https://devfeed.tech/tags/identifier.md>), [image](<https://devfeed.tech/tags/image.md>), [index](<https://devfeed.tech/tags/index.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [map](<https://devfeed.tech/tags/map.md>), [memory](<https://devfeed.tech/tags/memory.md>), [object](<https://devfeed.tech/tags/object.md>), [request](<https://devfeed.tech/tags/request.md>)

## AI overview

The article presents a smooth image-loading technique for a single-page application. It displays a previously cached, smaller image enlarged to the target size, then fades in the larger image after it loads. A memory-efficient bitmask tracks which image sizes are already cached, avoiding unnecessary requests for small images.

## Source excerpt

The site is a single-page application that displays a multitude of users' images. At SoundCloud, we use a technique to make the loading of...