Страница 9 из 37
Существует множество бесплатных графических редакторов, в которых можно изменить размеры изображений, улучшить контрастность, яркость и т.д.
Не рекомендуются слишком маленькие размеры иллюстраций, т.к. многие программы чтения будут растягивать изображения с появлением искажений (пикселизации, размытости). Для фотографий – только формат 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; – рамка для изображения – совсем необязателен.
В итоге при просмотре кода вставленный рисунок выглядит так:
<div class="imgDiv">
<img alt="tools" src="../Images/tools.JPG" />
</div>
Согласитесь, что иногда рисунок способен чуть разбавить скучное содержание.
Все файлы иллюстраций я советую сложить в отдельную папку. Так будет легче оптом импортировать все изображения в редактор 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:
<p class="imagecentre"><img src="image.gif"/></p>
<p class="imageright"><img src="image.gif"/></p>
Для небольших изображений необходимо указывать размеры, иначе Kindle попытается их растянуть (вверх). Пример:
<p class="sectionbreak"><img src="image.jpg" height="50px" width="100px"/></p>
К странице Содержания
-=***=-
Подготовка файла обложки
На определённом этапе развития электронных книг требования к обложке выглядели достаточно внятно и обоснованно: 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.
"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