Flickr Adds 'Liquid Layout' Adapting Image Size To Browser
May 16, 2012

Flickr Adds ‘Liquid Layout’ Adapting Image Size To Browser

Yahoo-owned photo sharing site Flickr released a new page layout on Tuesday, dubbed “liquid layout”, which adjusts the photo page and image to the size of the user´s browser window.

The new layout means the biggest photo size appropriate for each photo viewer will now be displayed.

“Flickr is known for its outstanding image quality that enables people to showcase the amazing details of their photographs,” said Markus Spiering, Flickr´s head of product, in an interview with VentureBeat.

“With our new, larger hi-resolution images and liquid design each photo page on Flickr comes alive.”

Liquid layout will still allow users to include the same accompanying data alongside each photo, such as title, camera information, location, tags and other relevant information.

The new layout uses an algorithm that factors in a user´s browser width and height size.  Content is then displayed at a width that will best showcase the typical 4:3 photo ratio, while ensuring the photo´s title and sidebar remain visible on the page, explained engineer Ross Harmes in a posting on Flickr´s developer blog.

“We adjusted the algorithm to favor native sizes, even if that means a slightly smaller photo is shown,” he wrote.

“We coded in detents, so that if a photo size is within 60 pixels of a native size, we will just use that size instead of downsampling a larger one. This means the page loads faster and that most common monitor resolutions will see photos at the native size.”

The new layout, which is a central part of the Flickr´s long-anticipated overhaul, ultimately gives users an enhanced photo browsing experience, particularly on large displays, and demonstrates Yahoo´s renewed commitment to its photo-sharing site.

However, only time will tell if Flickr can successfully lure back photo-sharers who have moved elsewhere, such as Facebook and Instagram.

The company said additional updates will be forthcoming throughout the remainder of the year.