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, Applewill 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,поддерживающих высокое разрешение экрана.)
Amazonrecommends images that are 2,500 pixels tall, with the height 1.6 times greater than the width. In early July, Barnes & Noblenotified 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
Smashwords– это крупнейший сайт для авторов, желающих опубликовать свои книги. В FAQ на этом сайте (раздел Вопросы и Ответы) описаны современные требования к обложке:
(https://www.smashwords.com/about/supportfaq#covers )
– файл обложки должен иметь расширение jpg, jpeg или png.
– на обложке должны быть указаны Автор и Название книги.
– изображение должно быть в 2-х измерениях (3D и псевдо 3D – не допускаются).
– не допускается на обложке присутствие веб-адресов, указание цены.
– изображение в портретной ориентации (высота больше, чем ширина, квадратные обложки не рекомендуются), минимально-допустимая ширина 1400 пикселей. Рекомендуемые размеры 1600 в ширину и 2400 в высоту. (Общая рекомендация: сделайте высоту обложки примерно на 30-60% больше ширины и это будет вполне замечательно).
– в служебных целях при размещении информации о книге на сайтах обложку будут уменьшать до необходимых размеров, потому КРАЙНЕ ВАЖНО, чтобы имя автора и название можно было прочитать и на миниатюрах.
– обложки, состоящие в основном из надписей и четких форм изображений – лучше делать в формате png. Если на обложке используется фотография – предпочтителен формат jpeg (jpg). Качество изображения – здесь рекомендации от 96 до 132 ppi (пикселей на дюйм). Многие авторы подчеркивают, что цветовая схема должна быть RGB.
Здесь приведу изображения пропорций обложек с того же сайта Smashwords.
Достаточно ли учесть эти требования? Да, это технические требования. По размерам изображений обложки – требования несколько избыточные, в расчёте на потенциальный технический прогресс устройств чтения, планшетов. Согласитесь, будет достаточно грустно, если через 2-3 года качественная обложка вдруг окажется слишком "ретро, из прошлого века".
На сегодняшний день (Вы можете попытаться кинуть в меня тапком), я делаю в новых книгах формата epub обложку jpeg, 1200×1600, 96 ppi, RGB(это не всегда получается, но я стараюсь к этому стремиться). Другой вариант: 1400×1860 px(и есть мнение, что 1600×2400 – тоже неплохо). Повторюсь, что чуть ранее, как стандарт было 600×800, но уже год назад появилось ощущение, что этого мало. Стоит помнить, что уменьшение большого изображения для подстройки под маленький экран происходит с меньшими искажениями, чем "растягивание", масштабирование маленькой картинки на большой экран.