Imágenes en Documentos Overleaf

En este apunte, aprenderemos a insertar imágenes en documentos creados con Overleaf, explorando varias configuraciones para controlar su posición, tamaño y leyendas, además de cómo manejar múltiples imágenes en una disposición ordenada.

1. Preparación de la Carpeta para Imágenes

Primero, es necesario subir las imágenes al sistema de Overleaf. Para organizarlas mejor, crea una carpeta llamada figures (o el nombre que prefieras) en el directorio del proyecto. Esta carpeta será el repositorio de todas las imágenes que usarás en tu documento.

2. Definición del Directorio Base de Imágenes

Para simplificar la referencia a las imágenes dentro del documento, se define el directorio base con el comando \graphicspath. Esto permite evitar escribir la ruta completa cada vez que se inserte una imagen.

\graphicspath{{figures/}}

3. Insertar una Imagen Básica

La forma básica de insertar una imagen es utilizando el comando \includegraphics. Este comando se coloca dentro de un entorno figure que permite controlar la ubicación y configuración de la imagen.

\begin{figure}[h]
    \centering
    \includegraphics{nombre_imagen.eps}
\end{figure}

Nota: Es recomendable usar imágenes en formato vectorial (.eps), ya que no se pixelan al ampliar.

4. Controlar la Posición de la Imagen

El entorno figure permite ajustar la posición de la imagen dentro del documento usando opciones como:

  • [h] para "here" (aquí), posiciona la imagen en el lugar donde aparece en el código.
  • [t] para "top" (arriba), coloca la imagen en la parte superior de la página.
  • [b] para "bottom" (abajo), coloca la imagen en la parte inferior de la página.
  • [H] para forzar la posición exacta con el paquete float.
\begin{figure}[H]
    \centering
    \includegraphics{nombre_imagen.eps}
\end{figure}

5. Centrar la Imagen y Ajustar su Tamaño

Para centrar la imagen dentro del entorno figure, se utiliza el comando \centering. El tamaño de la imagen se controla a través del comando \includegraphics especificando el ancho (width) como un porcentaje del ancho total del documento:

\begin{figure}[h]
    \centering
    \includegraphics[width=0.7\textwidth]{nombre_imagen.eps}
\end{figure}

Esto hace que la imagen ocupe el 70% del ancho del documento.

6. Agregar Leyenda (Caption) y Referencias

Para añadir una leyenda (caption) debajo de la imagen y etiquetarla para futuras referencias, se utilizan los comandos \caption y \label dentro del entorno figure:

\begin{figure}[h]
    \centering
    \includegraphics[width=0.5\textwidth]{nombre_imagen.eps}
    \caption{Descripción de la imagen.}
    \label{fig:imagen1}
\end{figure}

Luego, puedes referenciar la imagen en el texto usando:

Como se muestra en la Figura \ref{fig:imagen1}, ...

7. Insertar Múltiples Imágenes Lado a Lado

Para insertar dos o más imágenes una al lado de la otra, se deben usar los paquetes subfig y float. Cada sub-imagen se coloca en un entorno subfigure:

\usepackage{subfig}

\begin{figure}[H]
    \centering
    \subfloat[Imagen 1]{%
        \includegraphics[width=0.48\textwidth]{imagen1.png}
        \label{fig:subfig1}}
    \hfill
    \subfloat[Imagen 2]{%
        \includegraphics[width=0.48\textwidth]{imagen2.png}
        \label{fig:subfig2}}
    \caption{Descripción general de ambas imágenes.}
    \label{fig:figura2}
\end{figure}

El comando \hfill entre las imágenes asegura que se distribuyan correctamente el espacio entre ellas.

8. Ajustes Avanzados y Centrado Individual

Si las imágenes no se centran adecuadamente en sus propios espacios, se puede utilizar el paquete adjustbox con la opción export para ajustar esto:

\usepackage{adjustbox}

\subfloat[Imagen 1]{%
    \adjustbox{valign=m}{\includegraphics[width=0.48\textwidth]{imagen1.png}}
    \label{fig:subfig1}}

Este paquete garantiza que cada imagen esté centrada en su propio espacio, independientemente de la disposición general.

Ejemplo