Наш проект Book on the Move (Книга в русі) займається виданням сучасної поезії та короткої прози. Як відзначають багато фахівців - якісне форматування віршованих текстів є не найпростішим завданням в електронних книгах. Мабуть, щоб ще більше ускладнити собі завдання, ми впали в "єресь" illustrated books publishing (видання ілюстрованих книг). Існує думка, що ілюстрації дуже важливі в дитячих книгах, а дорослих людей нема чого балувати. Особисто я готовий при нагоді подискутувати на цю тему, а поки поділюся просто інформацією про те, як роблю я.
- І яка користь від книг, в яких немає картинок і розмов? - подумала Аліса.
Пригоди Аліси в країні чудес, Люїс Керрол, 1865
Додавання ілюстрацій в ePub
Що необхідно пам'ятати? У назвах файлів ілюстрацій не повинно бути пробілів, кириличних літер. Багато фахівців рекомендують давати осмислені назви для файлів зображень (так буде легше орієнтуватися).
Специфікація ePub описує допустимі формати зображень:
Давайте розберемося з концепцією.
Будь-яке кольорове і якісне зображення на екранах чорно-білих рідерів з e - ink дисплеєм (8-16 градацій сірого) - буде виглядати досить непоказно. Чи означає це, що ілюстрації не потрібно особливо готувати? Ні, є люди, які читають книги на планшетах, кольорових ридерах. У планшетів вже зараз є високоякісні дисплеї з високою роздільною здатністю (скептикам рекомендується поспілкуватися з iPad. Погортати фотографії). Висновок - планка вимог до ілюстрацій повинна бути на рівні хорошої якості. (Уявіть собі гіпотетичну ситуацію: на шикарному дисплеї книга з "хріновими" картинками. Навіть закриєш таку книгу - осад залишиться).
Ще одна особливість. Зазвичай книги читають в портретній орієнтації екрану. Візьмемо за основу абстрактний екран шириною 600 і висотою 800 пікселів. Особливості формат стилю в книзі epub диктують, щоб зображення підганялися під 100% ширину екрану. Тоді ілюстрація 600х800 демонструватиметься на весь екран, що виглядає досить приємно. Чи варто підбирати все зображення в портретній орієнтації? Зовсім ні. Малюнок може бути шириною 1200 і висотою 600 пікселів, він буде масштабований на 100% ширини екрану. Будемо зменшувати розміри?
Які висновки? Так, є обмеження: "вага" зображення не повинен бути більше 200-250 кб (інакше процесор застарілих рідерів може не впоратися з перегортанням такої сторінки). Ну і власне розміри зображень не варто брати з великим запасом. Мінімум 768x1024 (ширина - висота) диктується збільшенням дозволу більш сучасних пристроїв для читання. І практично всі розробники підкреслюють, що для ілюстрацій в електронній книзі не потрібно того високої якості, яке потрібно для кольорового друку (це важливо!). Обмеження Apple на ілюстрації (не більше 2 млн.пикселей), і це не відноситься до файлу обкладинки (тобто вбудована обкладинка може і перевищувати дані параметри).
Для скріншотів з текстом, таблиць більш підходить формат png.
У таблиці стилів CSS має бути прописано правило щодо форматування зображень.
Правила в CSS можна записувати і в один рядок. imgDiv
У коді сторінки зображення укладають всередині тега
елемент
Як і при використанні інших блочних елементів, вміст тега
Чи є ще якісь особливості? На жаль, так.
Тому, більшість експертів з розробки електронних книг рекомендують розміщувати картинки окремо від тексту, іноді навіть на окремій сторінці (вставляючи розриви сторінок до і після зображення).
І ще особливість. Якщо текст, наприклад, вірші, займає 2/3 простору сторінки, і далі відразу ж розмістити ілюстрацію - частина програм читання "витісняє" ілюстрацію на наступну сторінку, але може статися і велика "неприємність" - зображення може виявитися розрізаним. Або буде катастрофічно зменшено. Це залишає неприємний осад при читанні.
1. Співпраця зі знайомим художником, фотографом, дизайнером.
3. Використання власних ілюстрацій (малюнків або фотографій).
Знову повторю: в назвах файлів зображень неприпустимі прогалини, кирилиця (!). Можна давати осмислені назви: window01.jpg. lady_in_red.jpeg
Між іншим, Микола вже за цю проблему тут, на цьому ресурсі стосувався, описував.
Потрібно обов'язково враховувати момент, що електронна верстка, чи не паперова, тут в принципі не можна жорстко прив'язати розташування багато чого. Через особливості відображення книг на РІЗНИХ ридерах.
Цим доводиться жертвувати.
До речі, з рідерами від соні я сам зіткнувся кілька разів.
У них як правило, скільки витягнутий екран. МОЖЛИВО звідси і проблема.