Картинка в модуль

Индексируем модули | Base64 конвертер изображений


Можно вставить картинку в модуль кодом base64.

Модули или таблицы, в которые можно вставить картинку

Картинку можно вставить везде, где допустим код HTML.
  1. Словари,
  2. Комментарии,
  3. Сноски,
  4. Ежедневные чтения,
  5. В таблице Info - detailed_info (детальное описание).

Модули или таблицы, в которые нельзя вставить картинку

Картинку нельзя вставить везде, где идет короткий определенный текст.
  1. Модули Библии или ее частей,
  2. Планы чтения,
  3. Заголовки,
  4. books, books_all,
  5. Краткое описание модуля - язык, русская нумерация ...

Порядок добавления картинки в текст

Делаем картинку с расчета, что большинство экранов не больше стандартного размера 1920x1080 пикселей. Потому хорошо ориентироваться на этот размер, даже если у вас экран меньше.

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

Не забываем, что специфика программы, у нас всегда должна быть открыта Библия, а словарь, комментарий, ежедневное чтение - в дополнительном окне. Значит максимальный размер вашей картинки - полэкрана.

Затем нам нужен Base64 конвертер. Его можно скачать, добавить расширение в браузер. Но я не вижу смысла перегружать компьютер и тем более браузер тем, чем вы не пользуетесь регулярно. Поэтому я выбрал для себя онлайн конвертер - Base64 конвертер изображений.
Конечно, это далеко не единственный конвертер

Тут всё просто.
Загрузить изображение и он выдает код. Выбираем последний: HTML <img>.
Код будет выглядеть примерно так (только гораздо длиннее):

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAMAAAD8CC+
4AAAAvVBMVEULAgACAAACAAADAQADAQAHAgAEAQAGAgAKAgACAQACAAAEAQACAAADAQ
ADAQAIAgAEAQACAAACAAAFAgACAAAEAQACAAAOCAUBAAAEAAD/AAD/CQmwAADFAACWA
AAuAAB7AABXAAD/AADWAgL/AAD+AADkAAD3AADpAAD/AwP/AAD/////3Nz/goL/6+v/
k5P/zMz/Nzf/cnL/oqP/KCj/Y2P/vb3/VFT/GRn/sLDkAAD/Rkb/9vbuAAD2AAC6L/3
oAAAAKnRSTlMRR0wpJhQbFxI1OSFELTETH0E/GUkjPCFXZ+38hZJ5Vmxh1J7hx6i8tv
6akzFAAAAkqklEQVR42uydaZOiMBBAFVFUdLxlymtQ8Sj+/w+cJILNIRQ0UHZCXtV+3
t16Gl71hJ7O1LQ1mWySmEl6wDTCz5tRwFiw5SwFi8ViwugK1msjwq/x+8v+AOfT8eEa
xro7WSy349Ho52c67fXYX79h2OUwex1zYGlyWUUYxJkLHCfy8Uh8GBKfAbAP+hfcvuC
ln2HEcQ/Xh+cfupPJcjkej7hwZtuZs3/BamWVZWB2bGuoiTF7049gRUh9BhLuP3kH66
H3QHrgHaxHtZ9PTPfeF1y58y1zzr/jTLkQ3u/PZsNyWA6T3tGEpMSnlYP1lHA7S3jqm
N9yAt0ZwtmB/rww3cAjONtBOnfOlHfKIaQPO5rGdAvydKeP9T/QHcNj0hdL/kDnp7st
pFv8i17yf6qlZ+gW1Kibk6Gb8dbtHu+3nZ+FAV9109TSsbpDiukWgG47km1o3Yyw1W6
jL7TqLn2gPY4CEDvEAT0QSdvMboHuFeL9ZRyQE98DQLQ9B3Qny=">