От автора - авторам: как добавлять иллюстрации?
Приветствую, коллеги! А давайте обсудим, как правильно добавлять в главы картинки?
На «Литнете» я пару раз натыкалась в книгах на рамку пустого прямоугольника, на месте которого, видимо, должна была быть иллюстрация. Я задумалась, почему такое происходит и как не попасть в аналогичную ситуацию. Картинка слетает спустя время? Иллюстрация отображается некорректно только на некоторых устройствах? Каким способом она была вставлена, что результат получился вот таким?
У меня самой путем проб и ошибок (никакого мануала я не нашла) получилось выкладывать иллюстрации двумя способами: простым и сложным. Обоими способами – только с компьютера (на телефоне вообще без вариантов). Начала я, естественно, со сложного (легких путей не ищем):
1. Нажала последнюю иконку на панели инструментов – обозначила ее красной стрелкой:
Увидела в появившемся окне, что просто загрузить картинку не получится, нужно вставить ссылку на изображение:
2. Поскольку у меня была собственная иллюстрация, сгенерированная в нейросети, и ее ни на каком сайте не было, загрузила картинку на свою страницу во «Вконтакте».
Для этого: создала отдельный альбом; загрузила туда картинку; скопировала ссылку на иллюстрацию (открыла картинку -> щелкнула по ней правой кнопкой мыши –> выбрала «Копировать ссылку на изображение»); в настройках альбома указала, что просматривать его могу только я.
3. Вставила ссылку в окно редактора на «Литнете» и обнаружила, что загруженная иллюстрация (размером больше 3 тыс. пикселей по короткой стороне и весом 1,6 Мб) в редакторе разъехалась на невообразимую ширину. Подумала, что будет печально, если картинка так будет отображаться у читателей.
4. Сделала шаг назад и пересохранила картинку. Кстати, делюсь простым способом уменьшить размер тяжелой иллюстрации: открыть ее на компьютере/ноутбуке так, чтобы она заняла весь экран, сделать скриншот (клавиша Prt Sc), вставить его в Paint и обрезать картинку по краям, после чего сохранить получившееся изображение. В моем случае новая картинка стала весить 300 Кб, а разрешение у нее стало 590*788 пикселей.
5. Перезалила иллюстрацию во «Вконтакте» и вставила новую ссылку. После этого картинка в редакторе на «Литнете» стала такой же ширины, как и текст. В окне для добавления изображения (см. п. 2) при добавлении ссылки автоматически появились ширина и высота картинки.
6. Чтобы иллюстрация корректно отображалась на всех устройствах (с телефона и компьютера), нажала маленький значок с замочком (опять см. п. 2). Когда его нажимаешь, появляется текст «Сохранять пропорции».
7. Сохранила изменения в своей главе и пошла смотреть на всех устройствах, что получилось. Обнаружила, что на ноутбуке картинка выглядела нормально, а на телефоне вытянулась во всю длину экрана. После этого пришлось потратить некоторое время, чтобы разобраться, как сохранять пропорции. В комментариях к одной из записей в блоге на «Литнете» кто-то посоветовал удалить значения ширины и высоты в окне для вставки изображения.
8. Вернулась в редактор главы, удалила картинку из текста, открыла окно для добавления изображения, заново вставила туда ссылку и удалила автоматически отобразившиеся ширину и высоту. А потом нажала «ОК» и сохранила изменения в главе. После этого на всех устройствах картинка стала отображаться с правильными пропорциями.
Когда мне во второй раз понадобилось вставлять иллюстрацию, я решила поискать менее трудоемкий способ. Методом тыка поняла, что картинку можно добавить гораздо проще. Что я сделала:
1. Нашла на компьютере иллюстрацию, которую хотела вставить, и с помощью правой кнопки мыши скопировала изображение.
2. Поставила курсор на то место в главе, в которое хотела вставить иллюстрацию, и нажала сочетание клавиш Ctrl + V. После этого картинка отобразилась на всех устройствах с корректными пропорциями.
Все последующие иллюстрации в книгу я вставляла именно вторым способом, через Ctrl + V. У меня они пока отображаются нормально и с компьютера, и с телефона (например, иллюстрация есть на странице 5 в главе 5 https://litnet.com/ru/book/besstrashnaya-teodora-b587724). Но теперь я сижу и ломаю голову: а все ли видят картинки так, как вижу их я, и будет ли эта картинка так выглядеть, скажем, через месяц?
Кто может поделиться опытом, друзья?
7 комментариев
Авторизуйтесь, чтобы оставлять комментарий
ВойтиКакой полезный пост👍 Благодарю за информацию. Пока ни разу не вставляла картинки в главы. А вот с обложками дела плохи(( До загрузки на Литнет она у меня идеальная, чёткая, без размытости и пикселизации. Но как только загружаю, всё, хорошее качество прощается со мной. Размеры меняла и по советам в блогах, и по советам для автора от администрации Литнета, а толку нет.
Здравствуйте, Ксения. На Литнете реально какая-то сложность с добавлением изображений. В книги я не добавляю, но к постам в блоге пришлось идти через ссылку. Через телефон сработало: там я вручную уменьшала ширину, чтобы картинка вместилась в рамку, а второй показатель подгонялся сам.
С обложками у меня беда: все размыты, как бы я не игралась с ними. Только на этой площадке присутствует такая проблема, т.к. в других местах везде изображения четкие.
Я, как профессиональный иллюстратор, у которого из техники только телефон и айпад, неистово негодую. Это ж надо -- в 2026 году вставлять куда-то картинку по инструкции, которая размером с лонгрид и все равно из-за отсутсвия компа мне не поможет! Бушевание мое не знает границ и нет ответа, почему мы должны вместо простого действия за смертью Кощея идти
Спасибо за полезную информацию👍⭐ я работаю почти всегда с телефона. Копирую картинку в галерее. Вставляю в поле после текста вставкой. Картинка вставляется очень большой. По крайней мере на телефоне. Я кликаю на неё, выделяю, и на значок вставки картинки, открываются её параметры и вручную пишу цифру 300 в ширину. Картинка ужимается и подбирается, высота по пропорциям сама меняется автоматически. Не знаю, правильно ли это. И как смотрится с других устройств. На моём же мобильном остаётся небольшое фото, с расчётом, чтобы влезало в приложении лн в окно читалки с текстом . Если вдруг кто видит, что у меня с картинками беда, пожалуйста, скажите мне об этом 😄
Я ещё пыталась вставить гифки. Но вышеописанным способом мне не удалось. Вставилось статичное фото с одним кадром. Если кто знает, буду очень благодарна за подсказку от работе с гиф🌷
Какой полезный пост. От души спасибо.
Спасибо за информацию!
Очень актуальный пост! Спасибо за информацию.
Теперь сама задумалась о том, как отображаются картинки в одной из историй. Решила добавить туда иллюстрации в качестве эксперимента, но делала это совсем иначе: поскольку текст набираю в ворде, то картинку вставляла в документ, а уже оттуда -- вместе с текстом в главу.
Бывает, даже обложки "вытягиваются". Про иллюстрации думать страшно.😬
Удаление комментария
Вы действительно хотите удалить сообщение ?
Удалить ОтменаКомментарий будет удален безвозвратно.
Блокировка комментирования
Вы дейтсвительно хотите запретить возможность комментировать ?
Запретить Отмена