Responsive Images
Responsive Images is serving different image sizes based on the user's screen resolution and size. A phone doesn't need a 4K image designed for a desktop monitor. Using srcset and the picture element saves bandwidth and makes pages load significantly faster on mobile.
Definition
Serving different image sizes based on the user's screen resolution and size. A phone doesn't need a 4K image designed for a desktop monitor. Using srcset and the picture element saves bandwidth and makes pages load significantly faster on mobile.
Related Terms
More Mobile Development Terms
Native App
An app built specifically for one platform (iOS or Android) using that platform's native language. It's faster and can use all device features, but you have to build it twice.
Hybrid App
An app that's basically a website wrapped in a native container. One codebase works on both platforms, but performance isn't as good as native.
Cross-platform
Building one app that runs on both iOS and Android. Saves time and money compared to building two separate native apps.
React Native
Facebook's framework for building cross-platform mobile apps using JavaScript and React. You write once and it compiles to native iOS and Android code.
Flutter
Google's cross-platform framework using the Dart language. Known for smooth animations and a single codebase that works on mobile, web, and desktop.