"tighter" tile spacing and uniform tile height using tiledlayout?

I have three .png images (.fig also available) that I would like to combine using a tiledlayout.

I want the combined image to have a 1x3 layout and have a much tighter spacing than the "tight" option is giving, but I don't want no spacing.

Adittionally, I want all three images in the combined image to have the same height.

The code I am using is shown below:

% Create tiled layout
tiledlayout(1,3,'TileSpacing','tight','Padding','none');
 
% Image A
nexttile
ImageA = imread('image-a.png');
imshow(ImageA)

% Image B
nexttile
ImageB = imread('image-b.png');
imshow(ImageB)

% Image C
nexttile
ImageC = imread('image-c.png');
imshow(ImageC)

% Save combined image
exportgraphics(gcf,'image-combined.png')

With the following output:

Clearly, the spacing is not very tight, I would like it approximately 1/3 of the current amount.

It is also clear that the images all have different heights. Ideally, they would all have the same height, but retain their original aspect ratios.

Answer 1

[Matt J]

One option would be to download subaxis, as an alternative to tiledlayout.

s=.01;

% Image A
subaxis(1,3,1,'SpacingHoriz',s)
ImageA = imread('image-a.png');
imshow(ImageA)

% Image B
subaxis(1,3,2,'SpacingHoriz',s)
ImageB = imread('image-b.png');
imshow(ImageB)

% Image C
subaxis(1,3,3,'SpacingHoriz',s)
ImageC = imread('image-c.png');
imshow(ImageC)

Answer 2

[Matt J]

You could also play with the tilespan:

% Create tiled layout
tiledlayout(1,305,'TileSpacing','none','Padding','none');
 
% Image A
nexttile(1,[1,100])
ImageA = imread('image-a.png');
imshow(ImageA)

% Image B
nexttile(103,[1,100])
ImageB = imread('image-b.png');
imshow(ImageB)

% Image C
nexttile(205,[1,100])
ImageC = imread('image-c.png');
imshow(ImageC)

[Daniel van Huyssteen]

I like this solution to the tile spacing problem!

How could it be extended to address the question of equal figure heights?

[Matt J]

The figure heights are already the same. If you mean you want the green region to have the same dimensions as the blue and red regions, then you would have to imresize() the images, e.g.,

% Create tiled layout
tiledlayout(1,305,'TileSpacing','none','Padding','none');
 
% Image A
nexttile(1,[1,100])
ImageA = imread('image-a.png');
imshow(ImageA)

% Image B
nexttile(103,[1,100])
ImageB = imresize(imread('image-b.png'),'OutputSize', size(ImageA,1:2));
imshow(ImageB)

% Image C
nexttile(205,[1,100])
ImageC = imresize(imread('image-c.png'),'OutputSize', size(ImageA,1:2));
imshow(ImageC)

[Daniel van Huyssteen]

This does indeed force the images to all have the same dimensions.

What I am looking for is for the images to all have the same y-dimension, and the x-dimension would then be defined by the aspec ratio of the original images.

In this example the green figure should then be much wider than the other figures.

[Matt J]

You can still do that with imresize(). Set the OutputSize of each image to whatever you like.