Adding Images

Adding images is super easy—simply open the file navigator on your PC, and then drag the image file into your Atlas project. Atlas will automatically upload the image into your repository, and insert the image in the location you dropped it. Images will get stored in the same folder as the open file by default.

Alt Text
Figure 5-2. Add an image in one step: Drag the image from your system file navigator straight into an open file in Atlas.

Alternatively, you can add images to your repository by dragging them into the Atlas file navigator in the left sidebar; insert them into your project by placing your cursor in the correct location within your project, and then clicking the image file name in the file list. This method gives you finer control over the organization of the files in your repository (for example, if you want all images to be stored in a subfolder called “images”).

Alt Text
Figure 5-3. Two step method for adding images: 1) Drag the image into the Atlas file navigator; 2) Click the image file name to insert it in place in the open document.

Supported File Types

The Visual Editor will display the following image file types: png, jpg/jpeg, and gif (both static and animated).

However, not all build outputs support all file types. For example, an animated gif will not render in a PDF. Here’s a break-down of what files you should use, depending on your target output:

If you want to build your project to PDF only:

Use png, jpeg/jpg, static gif files, and svg files

If you want to build your project to EPUB or MOBI:

Limit yourself to png, jpeg/jpg, and static gif files

If you want to build your project to HTML only:

Use any image file that is supported on the Web

We generally recommend using high-resolution images that will work on many devices. For example, a 300 dpi png will look good both in a PDF and on a hi-res iPad.