Руководство по созданию книг в формате ePub 2.0 _24.jpg

Существует множество бесплатных графических редакторов, в которых можно изменить размеры изображений, улучшить контрастность, яркость и т.д.

Не рекомендуются слишком маленькие размеры иллюстраций, т.к. многие программы чтения будут растягивать изображения с появлением искажений (пикселизации, размытости). Для фотографий – только формат jpg (jpeg), для логотипов, графиков предпочтителен png.

Я вставляю иллюстрации внутрь собранной книги ePub в редакторе Sigil. Там существует специальная кнопка для вставки изображений.

При встраивании изображения оно оказывается заключено в тег

<p> </p>
. Это приводит к тому, что изображение смещено к левому краю экрана и не масштабируется. Это не самый лучший вариант. Я помещаю ссылку на файл изображения внутрь блока <div>. При этом, в таблице стилей CSS должны быть записи, что-то вроде этого:

.imgDiv

{

text-align:center;

width:100%;

max-width:100%;

margin-bottom:5px;

}

img

{

border-radius: 0.3em;

-webkit-border-radius: 0.3em;

-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;

box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;

box-sizing: border-box;

border: white 0.2em solid;

/* Don't go too big on images, let reader zoom in if they care to */

max-width: 100%;

max-height: 100%;

margin-bottom:5px;

}

Параметр

border: white 0.2em solid;
– рамка для изображения – совсем необязателен.

В итоге при просмотре кода вставленный рисунок выглядит так:

&lt;div class=&quot;imgDiv&quot;&gt;

      &lt;img alt=&quot;tools&quot; src=&quot;../Images/tools.JPG&quot; /&gt;

&lt;/div&gt;

Согласитесь, что иногда рисунок способен чуть разбавить скучное содержание.

Руководство по созданию книг в формате ePub 2.0 _25.jpg

Руководство по созданию книг в формате ePub 2.0 _26.jpg

Все файлы иллюстраций я советую сложить в отдельную папку. Так будет легче оптом импортировать все изображения в редактор Sigil. Часто рекомендуют иллюстрациям давать осмысленные названия, но это необязательно. В данной книге (ePub-версия) мной сознательно оставлены изображения достаточно большого размера, чтобы была возможность рассмотреть увеличенные рисунки или фотографии на планшетах.

Несколько сложнее обстоит дело с подготовкой иллюстраций для книг в формате mobi. В данном формате книг допустимы jpeg и gif. Рисунок на весь экран допустим только для файла обложки. Иллюстрации внутри книги ограничены размером 500-600 px по ширине (лучше 500). Максимальный вес для единичного файла 127 Kb. Окружение картинки текстом невозможно. Допустимо выравнивание по центру, к левому или правому краю.

По умолчанию в mobi изображения выравниваются по левому краю. В CSS добавляется:

p.imagecentre {text-indent:0; text-align:center;}

p.imageright {text-indent:0; text-align:right;}

В файле HTML:

&lt;p class=&quot;imagecentre&quot;&gt;&lt;img src=&quot;image.gif&quot;/&gt;&lt;/p&gt;

&lt;p class=&quot;imageright&quot;&gt;&lt;img src=&quot;image.gif&quot;/&gt;&lt;/p&gt;

Для небольших изображений необходимо указывать размеры, иначе Kindle попытается их растянуть (вверх). Пример:

&lt;p class=&quot;sectionbreak&quot;&gt;&lt;img src=&quot;image.jpg&quot; height=&quot;50px&quot; width=&quot;100px&quot;/&gt;&lt;/p&gt;

К странице Содержания

-=***=-

Подготовка файла обложки

На определённом этапе развития электронных книг требования к обложке выглядели достаточно внятно и обоснованно: 600×800 пикселей, портретная ориентация, RGB, 72 dpi. Увы, так было ещё вчера...

Небольшая цитата с переводом:

THURSDAY, JUNE 14, 2012

New Ebook Cover Image Requirements Coming to Satisfy Higher Resolution E-Reading Devices

("Новые требования к обложкам электронных книг для соответствия более высоким разрешениям устройств чтения")

Updated June 20 with additional examples.

Updated July 15 – B&N also now recommends larger images.

Руководство по созданию книг в формате ePub 2.0 _27.jpg

"Starting in August, Apple will require that all new ebook cover images be at least 1,400 pixels wide. Their previous minimum was 600 pixels.

(Начиная с августа (2012) Apple требует от всех новых электронных книг иметь обложки с минимальной шириной 1,400 пикселей. Предыдущие минимальные требования были 600 пикселей)

Why is Apple requiring higher pixel counts? Most likely, it's because they want to provide ebook customers a more pleasing visual experience for their current and future higher-resolution iPads, iPhones and MacBooks.

(Почему Apple рекомендует большее количество пикселей? Скорее всего, это желание предоставить потребителю /покупателю/ электронных книг возможность получать больше удовольствия от нынешних и будущих iPads, iPhones and MacBooks, поддерживающих высокое разрешение экрана.)

Amazon recommends images that are 2,500 pixels tall, with the height 1.6 times greater than the width. In early July, Barnes & Noble notified me that they too are increasing their recommended (recommended, not a requirement) to a minimum height of between 1,200 to 2,000 pixels.

(Amazon рекомендует изображения высотой 2500 пикселей, высота должна быть больше ширины в 1,6 раз. (т.е. получается 1560×2500). В начале июля (2012) Barnes & Noble уведомило о повышении ожиданий к размерам изображений (ожиданий, а не требований) до минимальной высоты обложки от 1,200 до 2,000 пикселей)" (конец цитаты с переводом).

Источник:

http://blog.smashwords.com/2012/06/new-ebook-cover-image-requirements.html


Перейти на страницу:
Изменить размер шрифта: