# Uploading images

When editing documents on Overleaf, it's straightforward to upload 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

{% stepper %}
{% step %}
To upload an image, in the editor go to the upper left corner and click the upload icon![](https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FBrwnjbHZN9XBNywA1wQn%2Fimage.png?alt=media\&token=5be6aeb5-71f2-4731-acf7-5ba6357e9745) .

<figure><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FqkMmU1UX7ZwIPSOBOgfY%2FScreenshot%202025-12-17%20155922.png?alt=media&#x26;token=058be3c6-cd2b-4f19-b31c-72e5ad339c64" alt="The Upload icon in the Overleaf Editor"><figcaption></figcaption></figure>
{% endstep %}

{% step %}
A dialogue box will pop up for you to upload your files. There you can either drag and drop your files or click either *Select files* or *Select a folder* to open a file browser.

<figure><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2F9Ol1JpZ5BNZroPDRqF4U%2FV2uploaddialogue.png?alt=media&#x26;token=c4ac8ed6-3679-4097-a40a-856ffe5cbcd0" alt="The Add Files dialog box"><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Navigate to and select the images to upload. You can upload several files at once.

<figure><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FDZgmpHp4hLFrg9824ji6%2FUploadingImagesEx3.png?alt=media&#x26;token=37736de7-1387-484c-a4fb-5089d4392ac7" alt="A file browser"><figcaption></figcaption></figure>
{% endstep %}

{% step %}
After the upload process is complete you will see the files in the left panel.

<figure><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FnCWRBhMAhux7R9Nyjk3V%2FScreenshot%202025-12-17%20160144.png?alt=media&#x26;token=4d2ccc15-e8e4-4798-accb-ff67ec51ca5e" alt="The Overleaf Editor with the image upload in the left panel."><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

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

{% columns %}
{% column width="50%" %}
{% code overflow="wrap" %}

```latex
\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}
```

{% endcode %}
{% endcolumn %}

{% column %}

<figure><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FKqncqdyUdA9JatrGBjym%2FUploadingImagesEx5b.png?alt=media&#x26;token=cc41200b-e299-42ee-8d00-9d6369926ff8" alt="Example image created using the example code"><figcaption></figcaption></figure>

{% endcolumn %}
{% endcolumns %}

Notice that only the file name of the image is passed as parameter in `\includegraphics[width=4cm]{InsertingImagesEx5}` .

For more information about picture manipulation in LaTeX see the [further reading](#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.

{% stepper %}
{% step %}
To create folders in Overleaf, go to the upper left corner of your editor and click the folder icon![](https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2F3bDGB0AHffg4tepWxudz%2Fimage.png?alt=media\&token=4017a84e-b42c-45f5-9e09-797c1c633a2d)&#x20;

<figure><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2Fm38aIkNG1uSL2HN0P4kM%2FScreenshot%202025-12-17%20160310.png?alt=media&#x26;token=27ff1b93-e34c-4d30-b6ec-710915afa32b" alt="The Folder icon in the Overleaf Editor"><figcaption></figcaption></figure>
{% endstep %}

{% step %}
An input box will appear. Set a name for your folder and click *Create*.

<figure><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FsmUzGOSJcApYdbRc5KTO%2FUploadingImagesEx7b.png?alt=media&#x26;token=e2e8664f-ca8d-4a72-b381-49fb68413ee2" alt="The New Folder modal."><figcaption></figcaption></figure>
{% endstep %}

{% step %}
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.

<figure><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FitXUzoyosmfYcyjZQ7nj%2FScreenshot%202025-12-17%20160412.png?alt=media&#x26;token=5620565e-d3b4-413d-8bc8-978eca67359f" alt="The Overleaf Editor with a folder in the left panel."><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

To upload files directly into a folder, click that folder then click on ***New*** and follow the instructions in the [previous section](#simple-image-upload).

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

{% columns %}
{% column %}
{% code overflow="wrap" %}

```latex
\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}
```

{% endcode %}
{% endcolumn %}

{% column %}

<figure><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FKqncqdyUdA9JatrGBjym%2FUploadingImagesEx5b.png?alt=media&#x26;token=cc41200b-e299-42ee-8d00-9d6369926ff8" alt="Example image created using the example code"><figcaption></figcaption></figure>

{% endcolumn %}
{% endcolumns %}

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](#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.

* [Positioning images and tables](https://learnwiki.overleaf.com/learn/Positioning_images_and_tables)
* [Lists of tables and figures](https://learnwiki.overleaf.com/learn/Lists_of_tables_and_figures)
