Встроенная подпись

Встроенная подпись или подпись с визуализацией оттиска (штампа) ЭП в документе PDF. В результате подписания PDF-документа будет создана подпись в формате PAdES.

Визуально вы можете разместить несколько штампов в нужное место документа, а также можно разместить несколько штампов и на одной странице. Более того, вы можете разместить штампы разных сертификатов (подписантов).

По умолчанию, при выборе в верхнем меню сайта раздела «Подписать документы ЭП» (1), либо на баннере главной страницы «Встроенная подпись с визуализацией» (2) вы попадете именно в секцию подписи PDF-документа с визуализацией штампа ЭП:

Для начала процесса подписания необходимо выбрать документы, которые требуется подписать.

Выбор документов

При открытии страницы выбора документов будет произведена проверка совместимости вашего браузера с требованиями для работы с системой.

Проверка совместимости

Система проверит корректность работы «КриптоПро ЭЦП Browser plug-in», а также совместимость вашего браузера с вспомогательными программными библиотеками. При возникновении какой-либо проблемы или несовместимости вместо формы выбора документов вы увидите соответствующее сообщение о проблеме:

Пример вывода сообщения о проблеме.

Если все компоненты прошли проверку, откроется форма выбора документов.

Для начала процесса подписания необходимо выбрать документ. Для этого нажмите на область загрузки документов (3) и выберите нужный документ (или несколько документов) в открывшемся окне. Кроме того, выбор документа может быть осуществлен перетаскиванием нужного документа в область загрузки документов (3):

Область загрузки файлов

После выбора документов система попытается определить тип файла (по расширению), в случае, если какие-то из файлов не будут соответствовать PDF, отобразится соответствующее оповещение:

Сообщение о найденных ошибках в типах файлов

В итоге, в области загрузки документов (3) будут отображены названия документов, которые прошли проверку по типу расширения имени файла (доступно только расширение .pdf). После загрузки файлов в области загрузки «добавить» файлы к наборе не возможно.

Для изменения состава выбранных файлов можно либо удалить лишний файл, нажав на символ крестика (4) напротив удаляемого файла, либо полностью изменить набор файлов, нажав на «Изменить выбор» (5), после чего перечень выбранных файлов будет очищен и откроется окно выбора добавляемых документов:

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

Также вы можете сразу указать системе о необходимости «Добавить метку доверенного времени» в будущую подпись документа.

Метка доверенного времени

При установке отметки будет сформирована подпись в расширенном формате CAdES-X Long Type 1, Такая подпись предусматривает обязательное включение в реквизиты подписанного документа доказательства момента создания подписи и доказательства действительности сертификата в момент создания подписи.

Доказательства действительности сертификата в момент подписи обеспечиваются вложением в реквизиты документа цепочки сертификатов до доверенного УЦ и OCSP-ответов. На эти доказательства также получается штамп времени, подтверждающий их целостность в момент проверки.

Формат CAdES-X Long Type 1, обеспечивает вложение в реквизиты документа всех доказательств, необходимых для проверки подлинности ЭП, обеспечивает возможность оффлайн-проверки подлинности ЭЦП. Доступ к репозиторию сертификатов, службам OCSP и службам штампов времени необходим только в момент создания подписи.

Мы настоятельно рекомендуем именно такой формат подписи, если вы планируете хранить документы (или иметь возможность проверить действительность ЭП) дольше, чем дата окончания срока действия сертификата (ключа проверки ЭП), которым подписан документ. Именно о наличии такой метки времени идет речь в п. 2 условий успешной проверки подписи.

Выбор сертификата

Если ранее вы не настраивали адреса доверенных сайтов, то появится запрос на подтверждение действий с ключами и сертификатами. Для продолжения работы с сервисом «На-Подписи» необходимо дать согласие.

Если сертификат ранее не был выбран (о чем свидетельствует надпись «Выбрать сертификат ЭП» в области выбранного сертификата),

Вид области выбранного сертификата, когда сертификат НЕ выбран

то откроется модальное окно «Выберите сертификат ЭП» с перечнем сертификатов, которые имеются у вас (в хранилище «Личное»):

Модальное окно выбора сертификата

Для удобства отбора сертификата можно воспользоваться полем для поиска (1), поиск осуществляется по всем полям сертификата (Владелец, дата окончания срока действия сертификата, номер сертификата и т.п), в том числе и по тем полям, которые не отображаются в карточке сертификата в данном модальном окне (например, ИНН Издателя сертификата, наименование издателя и т.п).

Переключатель режима отображения перечня сертификатов (2) позволяет отобразить либо только действующие сертификаты, либо и действующие и не действующие. По-умолчанию отображаются действующие сертификаты.

Признак действительности сертификата, и возможную причину его «недействительности» вы можете посмотреть в ПО «Инструменты КриптоПро», установленном на вашем ПК: в разделе «Сертификаты» выберите интересующий сертификат и нажмите «Свойства сертификата».

Если в перечне сертификатов, по какой-то причине, вы не нашли нужного вам сертификата, нажмите на «Перечитать сертификаты» (4). Система попытает перечитать и отобразить обновленный перечень из вашего хранилища сертификатов «Личное». Перечень сертификатов кешируется в локальном хранилище вашего браузера.

В модальном окне также отображается общее количество сертификатов (и действующих и не действующих), а также количество действующих сертификатов, удовлетворяющих условиям поиска (если таковые были заданы) (5).

Для выбора нужного сертификата дважды щелкните по нему левой кнопкой мыши, либо произведите одиночный клик на нужном сертификате (фон выбранного сертификата станет темным (3) , после чего активируется кнопка «Выбрать» (6), нажмите на нее. При успешном выборе сертификата модальное окно автоматически закроется.

Просмотр и смена сертификата

Выбранный сертификат будет отображен на любой странице в правом верхнем углу вместо кнопки «Выбрать сертификат ЭП» (будет отображено наименование владельца сертификата: для юр. лиц: название юр. лица и ФИО владельца сертификата, для ИП и физ. лиц: ФИО). Он будет использоваться при любых операциях с подписанием.

Вид области выбранного сертификата, когда сертификат выбран

Для просмотра информации о выбранном сертификате, нажмите на владельца сертификата, откроется плашка с дополнительной информацией о выбранном сертификате:

Информация о выбранном сертификате

Для смены сертификата нажмите на иконку «выход» (1) либо (2).

Настройка оттиска

После успешного выбора файлов для подписания и выбора сертификата откроется рабочая область размещения оттисков ЭП на документах, а над ней — панель инструментов.

При этом, если вы впервые используете сервис «На-Подписи» для подписи с визуализацией, вам будет предложено пройти краткий инструктаж по работе с элементами интерфейса, состоящий из нескольких подсказок, описывающих назначение элементов интерфейса. В любой момент вы можете нажать кнопку «Закрыть», чтобы перейти к работе с оттисками.

Кнопка, открывающее модальное окно настроек оттиска ЭП

Перед размещением оттиска ЭП на документе вы должны настроить внешний вид оттиска.

Вид оттиска электронной подписи

Для настройки стиля оттиска нажмите кнопку «Вид оттиска ЭП», откроется модальное окно в котором вы можете настроить содержание оттиска, размер и цвет текста, фона, границы и т.п.

Модальное окно настроек оттиска ЭП

Настройка содержания оттиска

В выпадающем списке «Выберите состав полей:» вы можете отметить те поля, которые будут заполнены данными из сертификата и выведены в штампе (оттиске) ЭП. Сейчас доступны следующие поля:

1. серийный номер сертификата,

2. срок действия,

3. владелец (ФИО),

4. ИНН владельца,

5. организация (если сертификат выдан на юр. лицо),

6. должность,

7. дата и время подписания,

8. логотип компании (или герб).

Если в сертификате отсутствует значение какого-либо поля, в оттиске будет установлен прочерк вместо значения отсутствующего поля.

Также можно скрыть/показать саму текстовую плашку «Сведения о сертификате ЭП», а ее стиль (цвет текста и цвет фона) можно настроить в самом низу блока настроек в соответствующем разделе «Сведения о сертификате ЭП:»

Блок настроек плашки "Сведения о сертификате ЭП"

Элементы оттиска

Вы можете настроить цвет и размеры разных элементов оттиска используя блок настроек:

Доступные настройки оттиска ЭП

Настройка логотипа (герба)

К оттиску вы можете добавить логотип, герб или иную картинку которая требуется для визуализации вашего оттиска ЭП. Для достижения максимального качества изображения мы рекомендуем использовать изображение в формате SVG. Также допустимы форматы png, jpeg, gif и т.п.

В качестве картинки вы можете добавить печать организации и подпись уполномоченного лица (в виде одной картинки), таким образом документ будет и электронную подпись в соответствии с ФЗ «Об электронной подписи» и «скан» оттиска живой печати:

Пример оттиска с печатью и подпись в качестве "Логотипа"

Используйте ползунки для корректного позиционирования картинки:

• Координата Х - расположение картинки по горизонтали (влево-вправо),

• Координата Y - расположение по вертикали (вверх-вниз),

• Размер - масштаб картинки,

• Ширина отступа - размер свободного пространства от левой границы оттиска до начала текста содержания параметров сертификата.

Герб для сертификатов, выданных УЦ ФК

Для удаления логотипа нажмите кнопку «Удалить загруженный логотип», для изменения логотипа нажмите кнопку «Выберите файл» и загрузите другую картинку.

Настройка текста ЭП

В этом блоке вы можете настроить цвет и размер текста содержимого оттиска а также заголовка оттиска («Документ подписан электронной подписью»).

Блок настроек текста

Минимальный размер шрифта (и для текста и для заголовка): 10px, максимальный: 18px.

Пример оттиска ЭП с различным цветом текста

Границы и фона оттиска

Вы можете задать цвет фона оттиска ЭП (либо, вовсе сделать его прозрачным).

Также доступна настройка толщины границы оттиска, ее цвет и радиус округления углов границы оттиска ЭП.

Блок настроек границы и фона

Более того, вы можете полностью отключить границы (самое левое положение ползунка «Толщина границы»):

Пример оттиска ЭП без границ

Сведения о сертификате ЭП

В последнем блоке настроек задается внешний вид прямоугольной плашки с текстом «Сведения о сертификате ЭП», а именно можно указать цвет текста и цвет фона.

Блок настроек плашки "Сведения о сертификате ЭП"

Кроме того, в настройках содержания оттиска можно отключить опцию «Сведения о сертификате ЭП», в таком случае эта плашка не будет отображаться в оттиске:

Пример оттиска без плашки "Сведения о сертификате ЭП"

Глобальная настройка цвета

Если требуется быстро изменить все цвета элементов (в т.ч. цвет границы оттиска) оттиска на какой-то определенный используйте секцию «Глобальная настройка цвета» в блоке настроек

После изменения цвета всех элементов вы можете задать индивидуальный цвет нужному элементу в соответствующем блоке настройки.

Кроме того, с помощью выпадающего списка стилей, расположенного в том же блоке настроек, вы можете выбрать один из предустановленных стилей оттиска: синий или черный:

Селектор предустановленный стилей (цвета)

Например, при выборе стиля «Синий» у вас может получиться такой оттиск, при этом цвет фона оттиска ЭП и цвет текста «Сведения о сертификате ЭП» был задан до применения стиля:

Пример стиля "Синий"

Обратите внимание, цвет устанавливается, также, как и при глобальной настройке цвета для всех элементов кроме фона и надписи «Сведения о сертификате ЭП».

Пример стиля "Черный"

Сброс настроек на «заводские»

Для сброса всех настроек оттиска (цвет, размер, отступы, скругления) в т.ч. фона и логотипа нажмите кнопку «Сбросить все настройки». При этом цвет будет сброшен на черный, а фон будет удален (установлен прозрачный фон).

Сохранение настроек

При нажатии кнопки «Сохранить» настройки будут сохранены и связаны с номером сертификата. При дальнейшем использовании этого сертификата к нему будут применяться установленные настройки (в т.ч. и размер и расположение оттиска на странице).

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

Добавление оттисков

Для начала размещения оттисков нажмите кнопку «Добавить оттиск ЭП» на панели инструментов:

панель инструментов, расположенная над областью размещения оттиска

При нажатии кнопки на текущую открытую страницу документа будет добавлен один оттиск ЭП выбранного сертификата.

Если ранее вы уже подписывали документы с визуализацией оттиска ЭП этого сертификата, то добавленный оттиск будет размещен в том же месте, где был размещен последний оттиск на подписанном ранее документе.

Вы можете добавить несколько оттисков в любое место документа (на любую страницу). Для навигации по страницам документа используйте любой из инструментов:

• боковую панель с миниатюрами страниц,

• постраничный навигатор.

Боковая панель с миниатюрами

Для отображения боковой панели с миниатюрами страницу документа нажмите значёк «☰» в левой части панели инструментов:

Кнопка раскрытия боковой панели с миниатюрами страниц документа

Слева от документа отобразится боковая панель, содержащая миниатюры всех страниц вашего документа. При наведенной мыши на боковую панель вы можете скроллить миниатюры до нужной вам страницы. Кликните на миниатюру страницы которую хотите открыть, она загрузится в области размещения оттисков ЭП

Постраничный навигатор

Используйте «постраничный навигатор» для перехода к заранее известному номеру страницы в документе, либо для перемещения по одной странице вперед или назад в документе.

«Постраничный навигатор» расположен в середине нижней части области размещения оттисков ЭП:

Постраничный навигатор

Для перехода к конкретной странице документа, укажите ее номер в поле ввода постраничного навигатора.

Изменение стиля размещенных оттисков

Если вы захотите изменить стиль уже размещенных оттисков, то система сначала удалит все размещенные текущие оттиски, после чего будет предложено настроит стиль оттиска, с последующим переразмещением оттисков на документе.

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

Оттиски разных ЭП

Размещение оттисков разных сертификатов ЭП (мультиподпись или соподпись) в рамках одной сессии с документом невозможна.

Вы можете подписать документ сначала одним сертификатом, а затем, используя кнопку «Подписать другой документ» и выбрав уже подписанный документ, подписать его другим сертификатом.

Соответственно к каждому выбранному сертификату будет применен его, ранее сохраненный стиль (либо стиль «по умолчанию», если подпись этим сертификатом создается впервые).

Удаление оттисков

Для удаления всех размещенных оттисков ЭП, нажмите кнопку «Удалить все» на панели инструментов.

В правом верхнем углу кнопки отображается счетчик количества оттисков в текущем документе.

Метка времени (усовершенствованная подпись)

При необходимости подписания документа усовершенствованной подписью, содержащую в том числе метку доверенного времени нажмите кнопку «Метка».

Кнопка "Метка" активна - документ будет подписан усовершенствованной подписью

Кнопка «Метка» будет в нажатом состоянии, если в области выбора файлов вы уже установили отметку «Добавить метку доверенного времени»:

Подписание

После завершения настройки вида оттиска, а также окончания размещения оттисков в нужном месте документа нажмите кнопку «Подписать». При подписании будет произведена проверка сертификата, если проверка прошла успешно, будет сформирована и размещена в корректном месте структуры его электронная подпись (в формате PAdES), размещены ее оттиски в на указанных местах.

Окно с индикатором хода процесса подписания

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

Пример запроса "КриптоПро CSP" в ОС Windows

Пример запроса "КриптоПро CSP" в MacOS

Для подписания необходимо произвести запрашиваемые действия с носителем ключевой информации (вставить USB-токен, приложить NFC-токен и т.п).

При завершении процесса формирования ЭП вы увидите страницу результата подписания. Если в процесса подписания возникли ошибки, на странице подписания вы увидите красный фон в блоке реквизитов подписанта и описание возникшей ошибки.

Пример неуспешного подписания документа

Если подписание прошло успешно, то будет отображены реквизиты подписанта и дата-время подписания:

Для получения подписанного файла с размещенными оттисками ЭП нажмите кнопку «Скачать подписанный PDF», начнется скачивание файла стандартными средствами браузера. Имя скачиваемого файла будет изменено, будет добавлено расширение .sig (это удобно, чтобы не перезаписать исходный файл и по имени определять какой файл с подписью):

• было: document.pdf

• стало: document.sig.pdf

Чтобы подписать еще один или несколько PDF-документов встроенной подписью нажмите кнопку «Подписать другой документ». Откроется страница с областью загрузки файлов и автоматически отроется системное окно выбора подписываемых файлов.

Ссылки «Получить ссылку» (на подписанный документ), а также «Отправить документы» доступна только при сохранении документов на сервер (функционал недоступен в текущей версии сервиса).

В подписанном файле нет оттисков

Если в вашем документе после успешного подписания не видно оттисков (штампов) ЭП, то первое, что следует сделать — проверить скачанный документ на валидность подписи, например в нашем же сервисе, в разделе «Проверка ЭП».

Для решения проблемы попробуйте пересохранить исходный PDF-документ с помощью любой программы для работы с PDF, например Foxit Reader или Adobe Acrobat Reader DC. Обычно пересохранить можно с помощью команды «Файл > Сохранить как» (Ctrl + Shift + S). После сохранения документа попробуйте подписать его заново.

Работа с несколькими документами

Сервис поддерживает работу по подписанию нескольких файлов встроенной подписью в формате PAdES. Визуализация оттисков будет происходить поочередно для каждого загруженного файла.

Пример загрузки нескольких PDF-документов

Загрузка нескольких файлов и выбор сертификата аналогичен ранее описанным шагам:

1. выбор документов,

2. выбор сертификата (но для любого документа вы можете изменить сертификат позже),

3. настройка оттиска,

4. размещение оттисков.

В дополнение к стандартному интерфейсу подписания одного файла над панелью инструментов вы увидите порядковый номер файла с которым работаете в настоящий момент.

Работая с этим документов вы используете настройки стиля того сертификата, который указан в правом верхнем углу сайта. Для подписания документа другим сертификатом произведите смену сертификата до размещения оттисков.

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

По завершению работы с последним файлом и его подписанием будет открыта страница с результатами подписания всех файлов:

При нажатии кнопки «Скачать подписанные PDF» будет подготовлен и скачан стандартными средствами браузера zip-архив c названием «на-подписи.zip», содержащий все подписанные файлы, к именам которых будет добавлено расширение .sig:

• был: document.pdf

• в архиве: document.sig.pdf

Визуализация существующей подписи .sig

Можно ли визуализировать в PDF-документе уже существующую подпись (например открепленную, в формате .sig), например с созданием PDF/A-3 документа?

Произвести визуализацию подписи, которая хранится в отдельном файле в ваш PDF-документ возможно, но:

1. В самом документе подписи не будет (будет только оттиск), и при проверке подпись будет не корректна.

2. Из-за изменения подписанного PDF-документа (так как теперь в него добавили красивый штампик) его открепленная подпись также станет не действительна.