I have a bunch of images (about 15 of them) of various sizes and aspect ratios, which all need to be fitted into a large new blank image, in a sort of mosaic fashion. Since the images' sizes & aspect ratios vary considerably, there is no simple way of arranging them (e.g. they can't be arranged in a grid), and to find the optimal solution manually takes a lot of time.

Is there a way in Photoshop/GIMP to have these pictures optimally resized in the new blank slate, such as to maximise the size of each individual picture but minimise the inevitable white space remaining between them?

  • 2
    Have you tried using Photoshop Contact Sheet: Photoshop Help / Create a contact sheet CS5?
    – AndrewH
    Apr 14, 2015 at 14:25
  • 1
    I haven't heard of any automatic way of doing this. I think the easiest way is to setup guides for how wide you want your photos to be and using an action or bulk converter to give a max-width for each image. Then it is just a drag and drop game. Another alternative is to use code to align all your images. Download a masonry plugin like http://masonry.desandro.com/ and use your images. You can then take screen shots to use or use as a reference for where to place images.
    – AndrewH
    Apr 14, 2015 at 14:52
  • 1
    I saw this in another thread, I have never used this but it may be worth checking out: http://lumens.se/tychpanel/
    – AndrewH
    Apr 14, 2015 at 14:57
  • 1
    This is essentially a treemapping problem. You want a fixed aspect ratio algorithm and you weight the importance of the images to hint for size. en.wikipedia.org/wiki/Treemapping
    – Yorik
    Apr 14, 2015 at 14:59
  • 1
    Hey @wildetudor, I would check out the site http://softwarerecs.stackexchange.com/ for that type of question. Make sure to be specific about your intentions.
    – AndrewH
    Apr 14, 2015 at 16:55

1 Answer 1


I have thought of 3 different techniques that you can try.

The easiest way to get a masonry layout is by using code. I would look into using the masonry plugin by: http://masonry.desandro.com/. You can then either take screenshots for use or as a reference guide to placing images in Photoshop.

You can manually make all of the image widths in Photoshop the same with an action and drag n drop the images into the new document.

I saw this in another thread, I have never used this but it may be worth checking out: http://lumens.se/tychpanel/. This plugin for Photoshop will automate the process of aligning images next to each other.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.