Skip to main content

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 today

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.

Questions or Feedback

If you have any questions or feedback for this article, please email the Leanpub Team at hello@leanpub.com.


Subscribe to our YouTube channel! Growing our audience there really helps Leanpub authors like you get discovered! Plus you'll learn about other authors, and their experiences writing and publishing.

If you have any feedback or questions about this article, please email the Leanpub team about it at hello@leanpub.com!

If you have any questions or thoughts on writing and self-publishing with Leanpub, please join our global community of authors in our Authors Forum here!

Are you interested in self-publishing, and creating your first Leanpub book? Here are some quick tutorials for our most popular writing modes: http://help.leanpub.com/en/articles/3088382-quick-walkthroughs-for-getting-started-on-a-leanpub-book

Are you looking for great deals on Leanpub ebooks, ebook bundles, and courses? Sign up for our Weekly and Monthly newsletter sales here!

You can also follow Leanpub in lots of other places!

Did this answer your question?