4.2.3 Requirement #3: Setting Images as Background Images. Amazon Kindle

Publishing on Kindle: Guidelines for Publishers

<div id="fs1-4-org" class="txt fs1-txt4">

<a class="app-amzn-magnify"

data-app-amzn-magnify='{"targetId":"fs1-txt4-magTarget", "sourceId":"fs1-4-txt",

"ordinal":4}'>

<p id="fs1-4-txt"><span class="dropcap">D</span>stands for DONKEY, - a poor patient beast<br/>Who thinks some fresh thistles a very great feast.</p></a></div>

…

<div id="fs1-txt4-magTarget" class="target-mag fs1-txt4"></div>

4.2.3 Requirement #3: Setting Images as Background Images

The images in fixed-layout books must be set as background images using the CSS backgroundimage

property (instead of using HTML <img> tags). This is important for children’s content and comic books because HTML images interfere with Region Magnification if they are not set as background images. If background images are correctly set, the images will not open in the image viewer when double tapped.

4.3 Content Recommendations

4.3.1 Recommendation #1: Applying CSS Reset

Apply a CSS reset to fixed-layout books. A CSS reset removes the inconsistent styles that browsers automatically apply, such as font sizes, margins, etc. Adding a CSS reset, such as the YUI reset

( http://yuilibrary.com/yui/docs/cssreset ), removes these inconsistencies, allowing designers to build on a dependable styling template.

4.3.2 Recommendation #2: Including One CSS File Per HTML Page

To increase page-turn performance on fixed-layout books, include one short, relevant CSS file per HTML page. CSS files should only contain information that is directly referenced by the associated HTML files.

4.3.3 Recommendation #3: Optimizing Content for Full Screen

Kindle books are read across a wide variety of devices (e.g., Kindle e Ink, Kindle Fire, and other manufacturers’ smartphones and tablets) and a wide variety of screen dimensions. The Kindle Fire has a resolution of 1024 x 600 pixels. Design the content to maintain this aspect ratio, if possible.

For the best user experience, Amazon strongly encourages publishers to design fixed-layout content to maximize the available space of the screen dimensions. If the content has a different aspect ratio or size, the Kindle devices and apps display it scaled to fit the screen, centered, and surrounded by a white margin (letterbox).

Fixed-layout and other image-heavy content is more likely to be magnified because customers prefer to read with Kindle Panel View or on devices with large screens. Amazon recommends submitting images scaled to support at least 2X magnification with high quality. For example, if planning for Kindle Fire, the image pixel dimensions should be at least 2048 x 1200 (this matches the aspect ratio and would support

2X zoom). Always use Kindle Previewer to validate the quality of the content.

4.3.4 Recommendation #4: Using Large Region Magnification Tap Targets in Children’s Books

The primary purpose of Region Magnification is to aid accessibility and is more effective when the tap target is larger than the area being magnified. To enable a larger area, consider adding a padding of 20 to

40 pixels to the app-amzn-magnify anchor elements, but do not let the tap targets overlap.

Kindle Publishing Guidelines Amazon.com 33