epubjs
Version:
Render ePub documents in the browser, across many devices
46 lines (35 loc) • 3.19 kB
HTML
<html xmlns:epub="http://www.idpf.org/2007/ops" xmlns="http://www.w3.org/1999/xhtml"><head><title>Writing in the Editor</title><link rel="stylesheet" type="text/css" href="epub.css"/></head><body data-type="book"><section data-type="chapter" epub:type="chapter" data-pdf-bookmark="Chapter 5. Writing in the Editor"><div class="chapter" id="idm669472">
<section data-type="sect1" data-pdf-bookmark="Adding Images"><div class="sect1" id="addingimages">
<h1>Adding Images</h1>
<p>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.</p>
<figure><div class="figure"><img alt="Alt Text" class="icontentsscreen-shot-2013-10-15-at-125447-pmpng" src="assets/Screen Shot 2013-10-15 at 12.54.47 PM.png"/> <h6><span class="label">Figure 5-2. </span>Add an image in one step: Drag the image from your system file navigator straight into an open file in Atlas.</h6></div></figure>
<p>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”).</p>
<figure><div class="figure"><img alt="Alt Text" class="icontentsscreen-shot-2013-10-15-at-125107-pmpng" src="assets/Screen Shot 2013-10-15 at 12.51.07 PM.png"/> <h6><span class="label">Figure 5-3. </span>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.</h6></div></figure>
<section data-type="sect2" data-pdf-bookmark="Supported File Types"><div class="sect2" id="idm471296">
<h2>Supported File Types</h2>
<p>The Visual Editor will display the following image file types: png, jpg/jpeg, and gif (both static and animated).</p>
<p>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:</p>
<dl>
<dt>
<p>If you want to build your project to PDF only:</p>
</dt>
<dd>
<p>Use png, jpeg/jpg, static gif files, and svg files</p>
</dd>
<dt>
<p>If you want to build your project to EPUB or MOBI:</p>
</dt>
<dd>
<p>Limit yourself to png, jpeg/jpg, and static gif files</p>
</dd>
<dt>
<p>If you want to build your project to HTML only:</p>
</dt>
<dd>
<p>Use any image file that is supported on the Web</p>
</dd>
</dl>
<p>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.<span style="line-height: 1.5em;"> </span></p>
</div></section>
</div></section></body></html>