Thumbnail photo wall view (ala Google Photos & Pinterest)

Ideas for improvements and requests for new features in XnView MP

Moderators: helmut, XnTriq, xnview

red.dusk
Posts: 1
Joined: Sun May 22, 2022 5:25 pm

Thumbnail photo wall view (ala Google Photos & Pinterest)

Post by red.dusk »

Could you support a thumbnail photo wall view where the size of thumbnails is adjusted dynamically in order to display a "wall-to-wall" grid of thumbnails with no wasted space? Subjectively, it's more efficient and looks way more attractive than the current grid layout with static thumbnail sizes and large gaps between each thumbnail.

I'm not sure what the industry-standard term is for this view. In Adobe Lightroom, this is called the "photo grid" (as opposed to the "square grid").

This UI is used by several modern photo viewers, but none have the performance and flexibility of XnView. Thanks for all the amazing features you've built into XnView!

Microsoft Photos
Image

Adobe Lightroom
Image
Image

Pictureflect Photo Viewer
Image

PhotoInsight
Image

Google Photos
Image

123 Photo Viewer
Image

Pinterest-style Grid Layout
Image
User avatar
xnview
Author of XnView
Posts: 37757
Joined: Mon Oct 13, 2003 7:31 am
Location: France

Re: Thumbnail photo wall view (ala Google Photos & Pinterest)

Post by xnview »

i'll check how to do it
Pierre.
User avatar
XnTriq
Moderator & Librarian
Posts: 6022
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Thumbnail photo wall view (ala Google Photos & Pinterest)

Post by XnTriq »

Related request:
XnTriq wrote: Sat Nov 23, 2013 12:30 pmThere are certain scenarios (see my previous posts) where I'd like to be able to temporarily switch the browser's layout, even if that comes at the price of a less efficient use of the available screen space.
https://masonry.desandro.com/faq.html#what-is-the-difference-between-masonry-isotope-and-packery wrote:Masonry, Isotope, and Packery are all similar in that they are layout libraries. Many of their options and methods are the same.
Masonry does cascading grid “masonry” layouts. Packery does bin-packing layouts, which allow it to be used for draggable interactions.
Isotope does sorting and filtering. Isotope uses masonry layouts, as well as other layouts.
https://isotope.metafizzy.co/ wrote:
  • Layout modes: Intelligent, dynamic layouts that can’t be achieved with CSS alone.
  • Filtering: Hide and reveal item elements easily with jQuery selectors.
  • Sorting: Re-order item elements with sorting. Sorting data can be extracted from just about anything.
  • Interoperability: features can be utilized together for a cohesive experience.
  • Progressive enhancement: Isotope's animation engine takes advantage of the best browser features when available — CSS transitions and transforms, GPU acceleration — but will also fall back to JavaScript animation for lesser browsers.
https://packery.metafizzy.co/ wrote:Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.
These alternative and innovative ways of browsing images (Tumblr, Pinterest etc.) will find their way into desktop applications — sooner rather than later. Pierre's always been an early adopter (-;
User avatar
XnTriq
Moderator & Librarian
Posts: 6022
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: Thumbnail photo wall view (ala Google Photos & Pinterest)

Post by XnTriq »

xnview wrote: Mon May 23, 2022 12:23 pmi'll check how to do it
XnTriq wrote: Sat Nov 23, 2013 12:30 pm
Keywords / search terms: bin packing, shape packing, polyomino, masonry
User avatar
helmut
Moderator
Posts: 8499
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Re: Thumbnail photo wall view (ala Google Photos & Pinterest)

Post by helmut »

+1
I support this request. This way of viewing pictures is very cool and reminds me a bit of a photo album.