Skip to main content
All CollectionsAuthor Help
How do I add an image or picture to a book, if I'm using the in-browser text editor?
How do I add an image or picture to a book, if I'm using the in-browser text editor?

Keywords: image, images, how do I add, picture, pictures, photo, photos

Leanpub Support avatar
Written by Leanpub Support
Updated over 2 years ago

To add an image to a book when you are using our in-browser text editor, please follow these steps:

Go the Write page for your book:

leanpub.com/YOUR_BOOK/write/plain

...making sure you replace YOUR_BOOK with your book's unique web address.

You can also find a link to the "Write" page in the horizontal menu you'll see at the top of the page, when you're working on your book:

Here's what this looks like in a new book:

To add an image, click on "Resources" in the menu on the left:

Now, click on the plus sign:

Click "Choose File":

Next, select an image file. How this looks will depend on the device you are using.

Once you have selected an image, click the "Add" button:

Next, hover your mouse over the filename in the menu at the left, and click on the clipboard icon:

This will copy the text you need to add to your manuscript, in order to add the image to your book.

Clicking the icon will also take you back to your manuscript:

Select a chapter and paste in the text from your clipboard, which will look something like this:

You can also just type the path to the image into your manuscript. Here is what it looks like:

![]{filename.extension)

...where you replace "filename" with your file's name, and "extension" with the file type, e.g. .jpg or .png.

When you create your next preview, you will see the image in your book (this example is from the PDF version):

Please note you can also add a caption to your image by putting it in between the square parentheses [], like this:

![ADD_CAPTION]{filename.extension)

You can adjust the width of an image by doing this, setting whatever percentage you like:

{width: 70%}
![](marm-and-tangie.jpg)

You can also set the height of the image:

{height: 70%}
![](marm-and-tangie.jpg)

To combine settings, do this:

{width: 70%, height: 70%}
![](marm-and-tangie.jpg)

Pro Tip: If you want to add a caption to the image, type the caption between the square brackets [] like this:

![Marmalade and Tangerine](marm-and-tangie.jpg)

For more technical information about images, please read this section of the Markua manual: https://leanpub.com/markua/read#images.

Did this answer your question?