Лучший способ использовать изображения для книг Kindle

В этой статье объясняется, как добавлять изображения в книги Kindle через HTML. Хотя процесс такой же, как добавление изображений на веб-страницу, помните, где хранятся ваши изображения относительно HTML, насколько велики ваши изображения, их форматы файлов, будь то штриховые рисунки или фотографии, черно-белые или цветные.

Где хранить изображения для вашей книги Kindle

Когда вы пишете HTML для создания своей книги Kindle, вы пишете его как один большой HTML-файл, но куда вы должны поместить изображения? Лучше всего создать каталог для вашей книги и поместить туда свой HTML, а затем поместить внутри подкаталог для ваших изображений. Это будет иметь структуру каталогов:

моя книга
book.html
style.css
изображений
image1.jpg
image2.jpg
image3.jpg

Когда вы ссылаетесь на свои изображения, вы должны использовать относительные пути, а не указывать на расположение изображения на жестком диске. Это означает, что вы должны ссылаться на них относительно папки «my-book». Например:

Путь к файлу изображения не начинается полностью на жестком диске. Вместо этого предполагается, что все начинается в папке «my-book», где находится ваш HTML-файл, и следует оттуда по пути.

Это соглашение здесь, потому что ваша книга будет распространена на тысячи (надеюсь) устройств, и все они будут иметь разную структуру каталогов, а это означает, что полный путь к тому месту, где находится ваша книга, будет менять. Однако относительный путь между вашим изображением и корневой папкой «my-book» останется прежним, где бы он ни оказался.

Затем, когда ваша книга будет завершена и вы будете готовы к публикации, вы заархивируете весь каталог «my-book». в один ZIP-файл (Как архивировать файлы в Windows 7) и загрузить его в Amazon Kindle Direct Publishing.

Размер ваших изображений

Как и в случае с изображениями в Интернете, размер файла изображений вашей книги Kindle. Чем больше изображения, тем больше ваша книга будет больше и медленнее будет загружаться. Но помните, что загрузка происходит только один раз (в большинстве случаев), и после загрузки книги размер файла изображения не будет влиять на чтение, но изображение низкого качества будет. Низкое качество изображения затруднит чтение вашей книги и создаст впечатление, что ваша книга плохая.

Поэтому, если вам нужно выбирать между изображением меньшего размера и более высокого качества, выбирайте лучшее качество. Фактически, в рекомендациях Amazon прямо указано, что фотографии в формате JPEG должны иметь настройку качества не менее 40, и вы должны предоставлять фотографии с максимально возможным разрешением. Это гарантирует, что ваши изображения будут хорошо выглядеть независимо от разрешения устройства, просматривающего их.

Размер ваших изображений не должен превышать 127 КБ. Это гарантирует, что ваши изображения будут выглядеть как можно лучше.

Но размер не ограничивается размером файла. Также есть размеры ваших изображений. Если вы хотите, чтобы изображение занимало максимальное пространство на экране Kindle, вам следует установить его с соотношением сторон 9:11. В идеале вы должны размещать фотографии не менее 600 пикселей в ширину и 800 пикселей в высоту. Это займет большую часть одной страницы. Вы можете сделать их больше (например, 655x800 - это соотношение 9:11), но создание меньших фотографий может затрудняют их чтение, а фотографии размером менее 300 x 400 пикселей слишком малы и могут быть отклоненный.

Форматы файлов изображений и когда их использовать

Устройства Kindle поддерживают в содержимом изображения GIF, BMP, JPEG и PNG. Однако, если вы собираетесь протестировать свой HTML-код в браузере перед его загрузкой в ​​Amazon, вам следует использовать только GIF, JPEG или PNG.

Как и на веб-страницах, вы должны использовать GIF для изображений в стиле штриховой графики и клип-арта и использовать JPEG для фотографий. Вы можете использовать PNG для любого из них, но помните о соотношении качества и размера файла, указанном выше. Если изображение выглядит лучше в формате PNG, используйте PNG; в противном случае используйте GIF или JPEG.

Будьте осторожны при использовании анимированных файлов GIF или PNG. В моем тестировании анимация работала при просмотре HTML на Kindle, но затем удалялась при обработке Amazon.

Вы не можете использовать векторную графику, такую ​​как SVG, в книгах Kindle.

Kindles черно-белые, но делают ваши изображения цветными

Во-первых, есть больше устройств, которые читают книги Kindle, чем только сами устройства Kindle. Планшет Kindle Fire является полноцветным, и все приложения Kindle для iOS, Android и настольных компьютеров просматривают книги в цвете. Поэтому по возможности всегда следует использовать цветные изображения.

Устройства Kindle eInk отображают изображения в 16 оттенках серого, поэтому, хотя ваши точные цвета не отображаются, появляются нюансы и контрасты.

Размещение изображений на странице

Последнее, что хотят знать большинство веб-дизайнеров при добавлении изображений в свои книги Kindle, - это их расположение. Поскольку Kindles отображает электронные книги в жидкой среде, некоторые функции выравнивания не поддерживаются. Прямо сейчас вы можете выровнять свои изображения по следующим ключевым словам, используя CSS или атрибут «align». Использование это выглядит примерно так:

Атрибут align принимает следующие значения:

• вершина
• Нижний
• середина
• оставил
• верно

Если вам нужно больше контроля, CSS - это то, что вам нужно.

Текст не будет обтекать изображения на Kindle. Поэтому вы должны думать о своих изображениях как о новом блоке под и над окружающим текстом. Обязательно проверьте, где с вашими изображениями происходят разрывы страниц. Если ваши изображения слишком большие, они могут создавать вдовы и сироты окружающего текста над или под ними.