Легко добавлять изображения в книги Kindle с помощью HTML. Вы добавляете их в свой HTML так же, как и на любую другую веб-страницу с элементом. Но есть некоторые вещи, которые вы должны рассмотреть:
- Где хранятся изображения относительно HTML?
- Насколько велики изображения (как по размерам, так и по размеру файла)?
- Какой формат файла изображения?
- Изображение линии искусства или фото?
- Изображение черно-белое или цветное?
Где хранить изображения для вашей книги Kindle
Когда вы пишете HTML для создания своей книги Kindle, вы пишете это как один большой HTML-файл, но где вы должны поместить изображения? Лучше всего создать каталог для своей книги и поместить туда свой HTML, а затем поместить подкаталог для своих изображений. Это будет иметь структуру каталогов:
my-book
book.html
style.css
images
image1.jpg
image2.jpg
image3.jpg
Когда вы ссылаетесь на свои изображения, вы должны использовать относительные пути, а не указывать на местоположение изображения на вашем жестком диске. Это означает, что вы должны ссылаться на них относительно папки «my-book». Например:
<img src = "images / image2.jpg">
Путь к файлу изображения не начинается полностью на вашем жестком диске. Вместо этого предполагается, что все начинается в папке «my-book», где находится ваш HTML-файл, и следует по пути оттуда.
Это соглашение здесь, потому что ваша книга будет распространяться на тысячи (надеюсь) устройств, и все они будут иметь различную структуру каталогов, а это означает, что полный путь к месту расположения вашей книги будет меняться. Однако относительный путь между вашим изображением и корневой папкой «моя книга» останется неизменным, где бы он ни находился.
Затем, когда ваша книга готова и вы готовы опубликовать ее, вы должны сжать весь каталог «my-book» в один ZIP-файл («Как заархивировать файлы в Windows 7») и загрузить его в Amazon Kindle Direct Publishing.
Размер ваших изображений
Как и в случае с веб-изображениями, важен размер файла ваших книжных образов Kindle. Большие изображения сделают вашу книгу намного больше и медленнее загружать. Но помните, что загрузка происходит только один раз (в большинстве случаев), и после загрузки книги размер файла изображения не повлияет на чтение, но некачественное изображение будет. Изображения низкого качества затруднят чтение вашей книги и создадут впечатление, что ваша книга плохая.
Поэтому, если вам нужно выбрать между изображением с меньшим размером файла и лучшим качеством, выберите лучшее качество. На самом деле, в правилах Amazon прямо указано, что качество фотографий JPEG должно быть не менее 40, и вы должны предоставлять фотографии с таким высоким разрешением, какое у вас есть. Это гарантирует, что ваши изображения будут выглядеть хорошо независимо от разрешения устройства, которое их просматривает.
Размер ваших изображений не должен превышать 127 КБ. Это гарантирует, что ваши изображения выглядят как можно лучше.
Но есть не только размер файла, но и размер. Также есть размеры ваших изображений. Если вы хотите, чтобы изображение занимало максимальную площадь экрана на Kindle, вы должны установить для него соотношение сторон 9:11. В идеале вы должны размещать фотографии шириной не менее 600 пикселей и высотой 800 пикселей. Это займет большую часть одной страницы. Вы можете создать их больше (например, 655×800 — это соотношение 9:11), но создание меньших фотографий может затруднить их чтение, а фотографии размером менее 300×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.
Разводы черно-белые, но сделайте ваши изображения цветными
Во-первых, существует больше устройств, которые читают книги Kindle, чем сами устройства Kindle. Планшет Kindle Fire — полноцветный, а приложения Kindle для iOS , Android и настольных компьютеров — все цвета книг. Поэтому вы всегда должны использовать цветные изображения, когда это возможно.
Устройства Kindle eInk отображают изображения в 16 оттенках серого, поэтому, хотя ваши точные цвета не отображаются, нюансы и контрасты отображаются.
Размещение изображений на странице
Последнее, что большинство веб-дизайнеров хотят знать при добавлении изображений в свои книги Kindle, это как их позиционировать. Поскольку Kindles отображают электронные книги в изменчивой среде, некоторые функции выравнивания не поддерживаются. Прямо сейчас вы можете выровнять ваши изображения по следующим ключевым словам, используя либо CSS, либо атрибут «align». Использование выглядит примерно так:
<img src = "images / image1.jpg" align = "middle">
Атрибут align принимает следующие значения:
- Топ
- дно
- средний
- оставили
- верно
Если вам нужно больше контроля, CSS — это путь.
Текст не будет обтекать изображения на Kindle. Таким образом, вы должны думать о своих изображениях как о новом блоке ниже и выше окружающего текста. Обязательно проверьте, где с вашими изображениями возникают разрывы страниц. Если ваши изображения слишком велики, они могут создавать вдов и сирот из окружающего текста либо над, либо под ними.