Uploading Images

There are many ways to include images in your work. Here are some of the more common ones.

1. Media Library

Each book has its own media library that all chapters in the book share. To upload images to the book's media library, navigate to the book's home page and click on the media library button at the top of the page.

When uploading images, be sure that each desired image has a unique name. Uploading an image with the same name as a previously uploaded image will give the new image a new name. If you would like to update an image across an entire book, simply delete the image from the media library first and then upload the updated version with the same name.

Once an image is in the media library, it can be embedded in any chapter by editing the chapter, right-clicking, and selecting Insert > Image or Figure. You can then click on the Media Browser button to select your image from the library.

2. Paste the Link

If an image is already hosted on another website on the internet, a chapter author can hotlink to it by right-clicking, selecting Insert > Image or Figure, and pasting the image's URL directly into the URL field. When saving the chapter, if the system detects that the image is hosted on another site, it will attempt to automatically download it and save it on EdTech Books.

3. Paste into the Editor

Many images can be pasted directly into the editor from an internet source or your computer. Just try it!

Image Sizing

Image sizing on the internet can be a bit more complicated than authors initially think, because you want your work (a) to look good, (b) to download quickly, and (c) to adapt to different screen sizes. This means that images should be optimized for the web by making them the right size and format. Our editorial tools help you do some of this, but here are a few useful tips and guides.

1. Not too Big

Because your image will be shown on a website with fixed maximum dimensions, you should not upload any images that are wider than 1,200 pixels.

If you upload images larger than this, they will be scaled down to fit the screen, and the extra size will just make the page load slower for your readers.

2. Not too Small

Having said that, any images smaller than the maximum will look fuzzy if you try to show them at full-screen width. So, if you upload anything smaller than 1,200 pixels wide, you should scale it down on your page to avoid fuzziness.

3. Use the Sizing Tools

Our editor has a nifty sizing tool for images that lets you bump the size up and down until they look right. This sizing tool is magical because it not only helps the images look right for you, but it will also adapt the image for other screen sizes.

The image editor with sizing buttons

4. Use the Alignment Tool

The editor also has an alignment tool that will alternatively center your image on the page or wrap text around it.

5. Optimize your Images

And finally, we have an Optimize feature in the Media Library that will resave images and try to scale them down or reduce their size.

The media library with optimization options


CC BY: This work is released under a CC BY license, which means that you are free to do with it as you please as long as you properly attribute it.