Nieman Foundation at Harvard
HOME
          
LATEST STORY
What makes people avoid the news? Trust, age, political leanings — but also whether their country’s press is free
ABOUT                    SUBSCRIBE
Jan. 15, 2014, 2:07 p.m.
Reporting & Production
LINK: source.opennews.org  ➚   |   Posted by: Justin Ellis   |   January 15, 2014

NPR’s Planet Money made a big splash with its immersive Planet Money Makes A T-Shirt project last month, which looked at the path a shirt takes from conception to production.

There was no shortage of rich imagery in the project. Over at Source, NPR visuals team member Alyson Hurt talks about the decision to pass over GIFs in favor of creating filmstrips with JPEGs and some CSS animation:

For NPR’s “Planet Money Makes A T-Shirt” project, we wanted to experiment with using looping images to convey a quick concept or establish a mood.

However, GIF as a format requires so many compromises in image quality and the resulting files can be enormous. A few months ago, Zeega‘s Jesse Shapins wrote about a different technique that his company is using: filmstrips. The frames of the animation are stacked vertically and saved out as a JPG. The JPG is set as the background image of a div, and a CSS animation is used to shift the y-position of the image.

Last fall, we wrote about Zeega’s quest to replace the GIF with their own .jpeg-based ZGA format.

If you’re curious about how the visuals crew at NPR made the filmstrip, check out Hurt’s post for a detailed step-by-step.

Show tags Show comments / Leave a comment
 
Join the 50,000 who get the freshest future-of-journalism news in our daily email.
What makes people avoid the news? Trust, age, political leanings — but also whether their country’s press is free
“Many people’s news habits quite sensibly depend on the news available to them, and in some cases they may have good reason to view such sources as deficient or untrustworthy.”
“Take after take just gets nuked”: Podcaster parents, working from home while caring for kids, are burning out
Plus: A look at how the pandemic has affected podcast advertising in the U.S., and SiriusXM’s acquisition of Stitcher is official.
A debate over 5G shows how misinformation has made its way to the highest levels of government
“It is not common for a parliamentary inquiry to have to rebut the dodgy scientific claims it receives in the form of public submissions.”