Latex Images Side by Side – A Simple Guide to Displaying Images in LaTeX

If you're working with LaTeX, you know how important it is to format your documents effectively. Whether you're writing a research paper, preparing slides for a presentation, or just crafting a well-organized document, LaTeX allows you to have full control over the presentation of text and visuals. One common challenge people face is how to position images side by side. Fortunately, LaTeX provides various ways to do this, and in this article, we will explore some of the best methods to position your images side by side.

Why Use Images Side by Side in LaTeX?

Positioning images side by side in LaTeX is incredibly useful in many scenarios. It helps when comparing two or more images, such as displaying results of experiments, showing visual data, or even when you want to create more compact document layouts. This approach can save space while ensuring that your visuals are clear and aligned. Whether you’re working on academic papers, presentations, or reports, having images side by side can be a powerful tool to showcase multiple visuals together.

Basic Method: Using the minipage Environment

The most basic and widely used method for positioning images side by side in LaTeX is by using the minipage environment. The minipage allows you to create separate blocks of content that can sit side by side on the same line.

Here’s how you can do it:

\documentclass{article}
\usepackage{graphicx} % Include this to work with images
\begin{document}

\begin{figure}[h!]
    \centering
    \begin{minipage}{0.45\textwidth}
        \centering
        \includegraphics[width=\linewidth]{image1.png}
        \caption{First Image}
    \end{minipage}
    \hfill
    \begin{minipage}{0.45\textwidth}
        \centering
        \includegraphics[width=\linewidth]{image2.png}
        \caption{Second Image}
    \end{minipage}
\end{figure}

\end{document}

In this code, we create two minipages, each taking up 45% of the width of the page. The \hfill command between them adds horizontal space, ensuring the images are positioned apart. You can adjust the width of the minipages as necessary to make them fit better on the page.

Advanced Method: Using the subfigure Package

For more advanced needs, such as when you want to include captions for individual images, the subfigure package is a great option. The subfigure environment allows you to place images side by side with individual captions, which is helpful when presenting multiple parts of a larger image or comparing several elements.

To use the subfigure package, you first need to include it in the preamble of your document:

\usepackage{subcaption}
\end{pre>

Once included, you can use the subfigure environment:

\documentclass{article}
\usepackage{graphicx}
\usepackage{subcaption}

\begin{document}

\begin{figure}[h!]
    \centering
    \begin{subfigure}{0.45\textwidth}
        \centering
        \includegraphics[width=\linewidth]{image1.png}
        \caption{First Image}
    \end{subfigure}
    \hfill
    \begin{subfigure}{0.45\textwidth}
        \centering
        \includegraphics[width=\linewidth]{image2.png}
        \caption{Second Image}
    \end{subfigure}
    \caption{Images side by side using subfigure}
\end{figure}

\end{document}


With the subfigure method, you can assign each image a caption, making it easier for your readers to understand what each image represents. The main figure will also have its own caption, summarizing the set of images.

Using floatrow for Enhanced Control

For those seeking more control over their image layouts, the floatrow package is another excellent tool to position images side by side. This package allows you to adjust the spacing between images and align them more precisely. The floatrow package also offers additional customization options such as customizing the figure captions, positioning, and more.

To use floatrow, include it in the preamble:

\usepackage{floatrow}
\end{pre>

Then, use the following code to position your images:

\documentclass{article}
\usepackage{graphicx}
\usepackage{floatrow}

\begin{document}

\begin{figure}[h!]
\centering
\begin{floatrow}
    \ffigbox{\includegraphics[width=0.45\textwidth]{image1.png}}{\caption{First Image}}
    \ffigbox{\includegraphics[width=0.45\textwidth]{image2.png}}{\caption{Second Image}}
\end{floatrow}

\end{document}


The floatrow package automatically arranges the images side by side, and each image has its own caption. It’s a great way to maintain a clean, organized layout while having fine control over spacing and positioning.



Best Practices for Displaying Images Side by Side

While it’s great to have the ability to display images side by side in LaTeX, it’s important to ensure that your document remains visually appealing and easy to read. Here are a few best practices:


    
Ensure Proper Spacing: Avoid cramming too many images in a small space. Leave enough room around your images to give them breathing space and improve readability.
    
Maintain Image Quality: Always use high-quality images so that your document looks professional. Low-quality images can make your work look sloppy and detract from your message.
    
Use Captions: Always provide captions for your images to ensure that your readers understand what they are looking at. Captions also improve the accessibility of your work.
    
Consider Size and Proportions: Make sure the images are appropriately sized. Avoid overly large images that take up too much space or too small images that are hard to read.


Conclusion

LaTeX is a powerful tool for typesetting and document preparation, and knowing how to display images side by side is an essential skill. Whether you’re using the minipage environment, the subfigure package, or the floatrow package, each method offers a unique set of features that can help you organize your images effectively. Remember to follow best practices for spacing, image quality, and captioning to create visually appealing and professional documents. Now that you have these tools at your disposal, you can enhance your LaTeX documents with stunning layouts and clear, well-positioned images!