Пример вставки изображения в шаблон документа Как встроить изображение в шаблон печатной формы в формате Base64 и почему этот способ надёжнее внешних ссылок. false W3sidGl0bGUiOiLQndCw0YHRgtGA0L7QudC60LgiLCJ1cmwiOiIvdXNlcnMvYWRtaW5pc3RyYXRpb24vIn0seyJ0aXRsZSI6ItCX0LDQutCw0LfRiyIsInVybCI6Ii91c2Vycy9hZG1pbmlzdHJhdGlvbi9vcmRlci1zZXR0aW5ncy8ifSx7InRpdGxlIjoi0J/QtdGH0LDRgtC90YvQtSDRhNC+0YDQvNGLIiwidXJsIjoiL3VzZXJzL2FkbWluaXN0cmF0aW9uL29yZGVyLXNldHRpbmdzL3ByaW50aW5nLWZvcm1zLyJ9LHsidGl0bGUiOiLQl9Cw0LrQsNC30YsiLCJ1cmwiOiIvdXNlcnMvYWRtaW5pc3RyYXRpb24vb3JkZXItc2V0dGluZ3MvcHJpbnRpbmctZm9ybXMvb3JkZXItcHJpbnQtZm9ybXMvIn1d Настройки /users/administration/ ["users","Настройки"] ["users","Настройки","Заказы"] users

Пример вставки изображения в шаблон документа

Как встроить изображение в шаблон печатной формы в формате Base64 и почему этот способ надёжнее внешних ссылок.

Содержание

Вставка изображения в шаблон документа

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

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

Чтобы подготовить изображение, воспользуйтесь сервисом Base64:

  1. Нажмите «выберите файл» и загрузите изображение или перетащите его в область загрузки.
  2. Выберите формат результата data:image/png;base64.
  3. Скопируйте полученную строку целиком, включая префикс data:image/...;base64,.

Префикс указывает формат изображения, например data:image/png;base64, для PNG или data:image/jpeg;base64, для JPEG. Не добавляйте его повторно.

Для вставки изображения укажите скопированную строку в атрибуте src тега <img>. В примере ниже замените <полный_data_URL> всей полученной строкой:

<img src="<полный_data_URL>" alt="Логотип">

Для фонового изображения укажите ту же строку в CSS:

background-image: url('<полный_data_URL>');
Благодарим за отзыв.
Была ли статья полезна?
Нет
  • Рекомендации не помогли
  • Нет ответа на мой вопрос
  • Текст трудно понять
  • Не нравится описанный функционал
Да
Предыдущая статья
Создание шаблона для списка заказов
Рассмотрим, как создать печатную форму для групповой печати.
Следующая статья
Вывод Яндекс.Карт в шаблоне
Рассмотрим, как использовать API Яндекс.Карт для вывода их в формируемом документе.