{"id":14277,"url":"\/distributions\/14277\/click?bit=1&hash=17ce698c744183890278e5e72fb5473eaa8dd0a28fac1d357bd91d8537b18c22","title":"\u041e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0442\u0440\u044b \u0431\u0435\u043d\u0437\u0438\u043d\u0430 \u0438\u043b\u0438 \u0437\u043e\u043b\u043e\u0442\u044b\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"771ad34a-9f50-5b0b-bc84-204d36a20025"}

Счёт может быть красивым и в HTML, а не в PDF

В статье “Что должно быть в счёте на оплату, чего быть не должно и что дико бесит” мы разбирали содержимое счёта. По результатам той работы возникло желание оформить счёт стильно ибо стандартный вариант бухгалтерских программ вроде 1С какой-то страшный.

Дизайн обычного счёта

Дизайн обычного счёта

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

Почему HTML

Некоторые компании, которым приходится рассылать сотни тысяч счетов или квитанций бьются за размер файла PDF. У них важен каждый байт. Например, FastReports очень гордится тем, что их PDF на 14-25% меньше, чем PDF сформированный стандартными средствами.

У нас счетов не сотни тысяч, а на два порядка меньше. Но и тысячи счетов разослать по электронной почте с большими прикреплёнными файлами задача непростая. HTML формат позволяет рассылать существенно быстрее, так как размер письма меньше.

У HTML есть один недостаток — в нём может быть javascript, а javascript может быть потенциально опасным. Однако, это вопрос уже к фильтрам и антивирусному программному обеспечению. HTML-документу не помешал бы атрибут отключающий javascript. Или отдельный формат htmlcss, который гарантирует, что никакой javascript в файле исполняться не будет.

Плюсы HTML-формата:

  1. Легко генерится, верстается, внесение правок менее трудоёмкое, чем в PDF.
  2. Файл имеет меньший размер, чем PDF.
  3. Для просмотра не нужен Adobe Reader, а подойдёт любой браузер.
  4. Почтовые программы легко отображают HTML, сразу видно что пришло.
  5. Нет проблем с выделением и копированием данных. В PDF иногда бывают.

Сторонники PDF скажут, что PDF — это стандарт, что не такой уж он и большой, и Adobe Reader можно легко установить, и PDF много где отображается в preview-режиме, например, в тех же браузерах и почтовых программах, и даже можно научиться вносить в шаблоны PDF правки также быстро как HTML-шаблоны, а можно и HTML конвертировать в PDF. Очень даже может быть, как говорил профессор Преображенский, но не нравится мне PDF, а нравится HTML. Кстати, с конвертацией документов из HTML в PDF не сложилось у нас. Там пустая страница в конце в ряде случаев вылетала.

Если уж очень надо в PDF

Если ваши контрагенты или контролирующие органы все-таки просят счет именно в PDF формате, то в данном случае получателю достаточно через меню печати выбрать в принтере «Сохранить как PDF». Никаких дополнительных программ для этого не нужно.

Или, как вариант, существует масса библиотек конвертации HTML в PDF. И такой процесс существенно проще, чем изначально генерить документ в PDF.

HTML и печать формата А4

По умолчанию счёт и так распечатается нормально, главное, чтобы его ширина была 100%. У нас ещё и высота 100%. Небольшой тюнинг версии для печати желательно сделать.

Если нужно, чтобы на экране счёт выглядел приблизительно как на печати, то используйте стили:

html,body{ height: 297mm; width: 210mm; margin: 0; padding: 0; }

Однако, это ни к чему в общем случае. Всё больше компаний переходят на электронный документооборот, и никакой реальной необходимости распечатывать счёт нет. Ну если где-то старпёры коллекционируют до сих пор визирующие подписи на счетах, то правильнее пересмотреть свои бизнес-процессы.

При печати следует отключить фон, дабы не расходовать зря чернила:

@media print { .left_column { background: white; color: black; border-right: solid 1px#00578a; } }

Дополнительно, как вариант, можно на печати установить шрифт с засечками. Считалось, что на бумаге удобнее и быстрее читается шрифт с засечками. Лично мне тоже удобнее с засечками. Однако, исследования не подтверждают разницы.

HTML и ЭЦП (УКЭП)

HTML-файл можно подписать откреплённой усиленной квалифицированной подписью точно также, как и PDF. И точно так же он будет в соответствии с 63-ФЗ равнозначен счёту с собственноручной подписью. А проверить подпись можно на ГосУслугах.

Красивый счёт

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

Дизайн счёта на оплату дата-центра ITSOFT Игорь Тарасов

Дизайн счёта на оплату дата-центра ITSOFT

На бумаге будет принимать такой вид:

Версия для печати счёта на оплату дата-центра ITSOFT Игорь Тарасов

Версия для печати счёта на оплату дата-центра ITSOFT

Если у вас интересный счёт, то кидайте образец в комментарии.

Нужно ли внедрять красивые счета или стоит использовать дизайн счёта от 1С?
Нужно, мир должен быть красивым
Не нужно, к старому все привыкли
Показать результаты
Переголосовать
Проголосовать
0
84 комментария
Написать комментарий...
Андрей Тишкин

Странно, я думал форма счёта утверждена, по аналогии со всякими упд... То есть и счёт-договор можно со стразами рисовать?

Ответить
Развернуть ветку
Igor Tarasov
Автор

Можно. 

Ответить
Развернуть ветку
81 комментарий
Раскрывать всегда