How the BBC handles responsive images

LINK: responsivenews.co.uk ➚ | Posted by: Joshua Benton | May 22, 2013

On BBC News developers’ interesting blog on how they’re integrating responsive design into BBC products, the team has posted about how they handle one of the trickiest issues of responsive design — how to deal with images. How can your web page be smart enough to download big, beautiful images when on a big desktop screen and small, optimized ones for a smartphone?

This is an area where standards are still unsettled and there are a lot of competing best practices. The BBC approach involves hardcoding only the first image on a page in the HTML markup and bringing in others selectively via JavaScript. Also:

As the BBC News site publishes MANY articles everyday, many images are published too. BBC News has an automated process to create 18 different versions of each published image.

Show tags

Renee DiResta, Abhiram Reddy, and Josh A. Goldstein

From shrimp Jesus to fake self-portraits, AI-generated images have become the latest form of social media spam

Within days of visiting the pages — and without commenting on, liking, or following any of the material — Facebook’s algorithm recommended reams of other AI-generated content.

Neel Dhanesha

What journalists and independent creators can learn from each other

“The question is not about the topics but how you approach the topics.”

Siwei Lyu and Yan Ju

Deepfake detection improves when using algorithms that are more aware of demographic diversity

“Our research addresses deepfake detection algorithms’ fairness, rather than just attempting to balance the data. It offers a new approach to algorithm design that considers demographic fairness as a core aspect.”