# Responsive Images with Apropos

DevFeed: [Responsive Images with Apropos](<https://devfeed.tech/articles/responsive-images-with-apropos-15824.md>)

Original publisher: [Read original article](<https://developer.squareup.com/blog/responsive-images-with-apropos>)

Author: Square Engineering

Published: 2013-08-21T16:03:00Z

Content type: article

Language: en

Sources: [Square Corner Blog RSS Feed](<https://devfeed.tech/sources/square-corner-blog-rss-feed.md>)

Topics: [Responsive Design](<https://devfeed.tech/topics/responsive-design.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Media Queries](<https://devfeed.tech/topics/media-queries.md>), [Sass](<https://devfeed.tech/topics/sass.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Localization (l10n)](<https://devfeed.tech/topics/localization.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [design](<https://devfeed.tech/tags/design.md>), [devices](<https://devfeed.tech/tags/devices.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [front-end](<https://devfeed.tech/tags/front-end.md>), [images](<https://devfeed.tech/tags/images.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [responsive-design](<https://devfeed.tech/tags/responsive-design.md>)

## AI overview

Square's front-end engineering team describes Apropos, a Compass extension for serving responsive image variants based on size, resolution, and localization. It uses CSS media queries to download only the resources needed for a visitor's device and is released as an open-source project.

## Source excerpt

A simple way to serve up appropriate images for every visitor.