Including images on Overleaf

When editing documents on Overleaf, it's straightforward to include images. This article explains how to upload images to your projects from your computer or from a URL, and how to include them in your typeset documents.

Simple image upload

To upload an image, in the editor go to the upper left corner and click the upload icon Uploadicon.png

V2uploadbutton.png

a dialogue box will pop up for you to upload your files

V2uploaddialogue.png

there you can either drag and drop your files or click Select files(s) to open a file browser

UploadingImagesEx3.png

navigate to the right folder and select the images to upload. You can upload several files at once. After the upload process is complete you will see the files in the left panel.

UploadingImagesEx3b.png

Now you can use your images within your LaTeX file, see the example below 

\documentclass{article}
\usepackage[utf8]{inputenc}
\usepackage{graphicx}

\title{A project with images}
\author{Overleaf}
\date{}

\begin{document}

\maketitle

\section{Introduction}
\begin{figure}[htp]
    \centering
    \includegraphics[width=4cm]{InsertingImagesEx5}
    \caption{An image of a galaxy}
    \label{fig:galaxy}
\end{figure}

\end{document}

UploadingImagesEx5b.png

notice that only the file name of the image is passed as parameter in \includegraphics[width=4cm]{lion-logo}

For more information about picture manipulation in LaTeX see the further reading for links to other documentation pages.

Uploading images to a folder

If your project includes several images you might need to put them in a separate folder to keep everything organized.

To create folders in Overleaf, go to the upper left corner of your editor and click the folder icon Foldericon.png

UploadingImagesEx6b.png

an input box will appear, set a name for your folder and click Create

UploadingImagesEx7b.png

Now you can see the folder in your left panel. You can drag and drop already uploaded files, even between folders in your left panel.

UploadingImagesEx8b.png

To upload files directly into a folder, click that folder then click on New and follow the instructions in the previous section.

Once you have some files in your folder you can use them within your document, see the example below. 

\documentclass{article}
\usepackage[utf8]{inputenc}
\usepackage{graphicx}

\title{A project with images}
\author{Overleaf}
\date{}

\graphicspath{{Images/}}

\begin{document}

\maketitle

\section{Introduction}
\begin{figure}[htp]
    \centering
    \includegraphics[width=4cm]{InsertingImagesEx5}
    \caption{An image of a galaxy}
    \label{fig:galaxy}
\end{figure}

\end{document}

UploadingImagesEx5b.png

The command \graphicspath{ {Images/} } tells LaTeX that the images are stored in Images, now you only have to use the file name instead of the full path in \includegraphics

For more information on image management in LaTeX look in further reading for links.

Quick guide

  • Quick guide to uploading one or more images into your Overleaf project:
In the top left corner of the editor click on the upload icon, then you can either drag and drop the files or click Select files(s) to browse in your local directories. After the uploading process is complete, you can use these images in your document.
  • Quick guide to uploading images into a folder:
To create a new folder in the editor click the folder icon, set a name for your folder and click create. Now click your newly created folder and follow the process described in the previous paragraph to upload images, or drag and drop already uploaded images into your folder.

Further reading

To learn more about image manipulation in LaTeX see.