Разработка и Конфигурация · 9 мин
Как сделать прозрачный фон картинки в 1С
Как сделать прозрачный фон картинки в 1С: работа с редактором картинок в конфигураторе, формат PNG, прозрачность в формах и отчётах, типичные ошибки.
Прозрачный фон картинки в 1С чаще всего нужен в трёх ситуациях: при оформлении кнопок и командных панелей в управляемых формах, при подготовке логотипа для печатных форм и отчётов, а также при настройке картинок элементов интерфейса в конфигураторе. Во всех случаях ключевое условие одно — сам файл изображения должен содержать альфа-канал, то есть поддерживать прозрачность на уровне формата.
Формат JPEG прозрачность не поддерживает в принципе: «прозрачные» области в нём всегда заливаются сплошным цветом, чаще белым. Рабочие варианты для 1С — PNG (основной и рекомендуемый), а также GIF и BMP с указанием прозрачного цвета в отдельных сценариях. Если исходная картинка в JPEG, просто пересохранить её в PNG недостаточно — фон сначала нужно удалить в графическом редакторе.
Ниже разобраны способы подготовки файла, встроенный редактор картинок 1С, размещение изображения в формах и макетах, а также проверка результата и типичные ошибки, из-за которых прозрачность «пропадает».
Какие форматы поддерживают прозрачность и какой выбрать
Прежде чем что-то настраивать в 1С, убедитесь, что файл изображения изначально содержит прозрачные области. Платформа 1С не «вырезает» фон сама — она лишь отображает то, что записано в файле. Поэтому выбор формата определяет результат ещё до загрузки картинки в конфигурацию.
Оптимальный вариант — PNG-24 или PNG-32 с альфа-каналом. Он даёт полупрозрачные края (плавные переходы, тени), корректно отображается в тонком и веб-клиенте, а также в макетах табличных документов. Формат GIF поддерживает только один полностью прозрачный цвет без полутонов, поэтому края изображения получаются рваными — его стоит использовать лишь для простых одноцветных иконок.
Сравнение форматов для прозрачного фона
Полноценный альфа-канал, полупрозрачность, лучший выбор для форм, отчётов и печати. Ограничение — больший размер файла по сравнению с JPEG.
Один прозрачный цвет без полутонов. Подходит для простых иконок, края изображения выглядят ступенчато.
Прозрачность не поддерживается вообще. Не подходит, даже если пересохранить — фон останется залитым цветом.
Прозрачность возможна только через задание прозрачного цвета в конкретных механизмах. Тяжёлый формат, применять не рекомендуется.
Как подготовить картинку с прозрачным фоном во внешнем редакторе
Самый надёжный путь — удалить фон до загрузки картинки в 1С. Подойдёт любой редактор, работающий с альфа-каналом: Photoshop, GIMP (бесплатный), Paint.NET, онлайн-сервисы удаления фона. Алгоритм везде схожий: выделить фон инструментом «волшебная палочка» или выделением по цвету, удалить его, затем убедиться, что вместо фона отображается «шахматная доска» — стандартное обозначение прозрачности.
При сохранении выбирайте PNG и проверяйте, что в настройках экспорта включён альфа-канал (иногда опция называется «сохранить прозрачность»). Если сохранить с отключённой прозрачностью, редактор подставит вместо неё белый или чёрный фон, и вся работа будет потеряна.
- 1Откройте исходное изображение в редакторе, поддерживающем альфа-канал (GIMP, Photoshop, Paint.NET).
- 2Выделите фон инструментом выделения по цвету и удалите его клавишей Delete.
- 3Убедитесь, что вместо фона видна шахматная сетка — признак прозрачности.
- 4Обрежьте лишние пустые поля по краю изображения, чтобы картинка не «прыгала» при выравнивании в 1С.
- 5Сохраните файл как PNG с включённой опцией сохранения прозрачности.
- 6Откройте готовый файл поверх цветного фона в просмотрщике и проверьте, что фон действительно просвечивает.
Встроенный редактор картинок в конфигураторе 1С
В конфигураторе есть встроенный редактор картинок: он открывается при создании или изменении общей картинки (ветка «Общие» → «Картинки») либо при выборе картинки в свойствах элемента. Редактор позволяет рисовать простые изображения, менять размер и задавать прозрачный цвет для форматов, где прозрачность задаётся одним цветом.
Для простых иконок этого достаточно: создайте картинку нужного размера, оставьте фон незакрашенным и при необходимости укажите цвет, который должен считаться прозрачным. Однако возможности редактора ограничены — сложную графику с плавными полупрозрачными краями в нём не подготовить, поэтому для логотипов и фирменных изображений лучше использовать внешний редактор и загружать готовый PNG.
Как добавить картинку с прозрачным фоном в конфигурацию
Стандартный способ — общие картинки. В дереве конфигурации откройте ветку «Общие» → «Картинки», создайте новый элемент, задайте имя и загрузите подготовленный PNG через кнопку выбора файла. После этого картинку можно назначать кнопкам команд, элементам формы, подсистемам и другим объектам через свойство «Картинка».
Второй вариант — картинка непосредственно в элементе формы. Для декоративного элемента вида «Картинка» или для поля картинки файл выбирается индивидуально. Это удобно для разовых изображений, но при повторном использовании лучше выносить картинку в общие — так проще обновлять её централизованно.
При выводе в макет табличного документа (печатные формы, отчёты на СКД) картинка добавляется в область макета через меню «Таблица» → «Рисунки» → «Картинка» в режиме редактирования макета. PNG с прозрачностью корректно отображается и при печати, если файл подготовлен правильно.
Для кнопок командных панелей делайте картинки одного размера (обычно 16×16 или 24×24 пикселя) и без лишних прозрачных полей по краям — иначе иконки в интерфейсе будут выглядеть неровно и с разными отступами.
Прозрачность в управляемых формах и на веб-клиенте
В управляемых формах прозрачный PNG отображается корректно в тонком, толстом и веб-клиенте — платформа сама обрабатывает альфа-канал. Проблемы возникают обычно не из-за клиента, а из-за самого файла: например, если изображение было пересохранено промежуточной программой, потерявшей альфа-канал.
Отдельный нюанс — фон, на котором лежит картинка. Если элемент формы имеет собственный цвет фона, прозрачные области покажут именно его. Это нормальное поведение, но при смене темы оформления или цвета формы картинка может начать выглядеть иначе. Проверяйте отображение на том фоне, который реально используется в конфигурации.
Как проверить результат
При просмотре поверх цветного фона прозрачные области просвечивают
На месте прозрачности белый или чёрный цвет — альфа-канал потерян
Фон элемента виден сквозь прозрачные области картинки
Вокруг изображения виден сплошной прямоугольник — файл без прозрачности
Логотип выводится без белой подложки на цветных областях макета
Белый квадрат вокруг логотипа при печати
Картинка выглядит так же, как в тонком клиенте
Искажённые края или заливка — проверьте исходный файл и кэш браузера
Типичные ошибки и ограничения
Самая частая ошибка — переименование JPEG в PNG или пересохранение без удаления фона. Формат меняется, но прозрачности в файле не появляется, и в 1С картинка по-прежнему выводится с белой подложкой. Вторая типичная ситуация — копирование изображения через буфер обмена: многие программы при вставке из буфера теряют альфа-канал, поэтому сохраняйте и загружайте именно файл, а не вставленную картинку.
Также учитывайте ограничения: платформа не масштабирует картинки с сохранением качества во всех сценариях, поэтому готовьте изображение сразу в нужном размере. Для библиотеки картинок в составе конфигурации следите за общим объёмом — десятки больших PNG заметно увеличивают размер файла конфигурации и время обновления.
Что важно запомнить
Прозрачность задаётся в файле, а не в 1С. Подготовьте PNG с альфа-каналом во внешнем редакторе, загрузите его как общую картинку или в элемент формы и проверьте отображение на реальном фоне конфигурации. JPEG для этой задачи не подходит.
Частые вопросы
Можно ли сделать прозрачный фон прямо в 1С без внешних программ?
Частично: встроенный редактор картинок конфигуратора позволяет создать простое изображение и задать прозрачный цвет. Для сложной графики с полупрозрачными краями его возможностей недостаточно — понадобится внешний редактор.
Почему PNG с прозрачностью в 1С показывается с белым фоном?
Чаще всего альфа-канал был потерян при сохранении или копировании файла. Откройте PNG в редакторе и проверьте, есть ли прозрачность в самом файле, затем повторно загрузите его в конфигурацию.
Какой размер картинки выбрать для кнопок в управляемой форме?
Стандартная практика — 16×16 или 24×24 пикселя без лишних прозрачных полей по краям. Единый размер для всех иконок обеспечивает аккуратный вид командных панелей.
Сохранится ли прозрачность при печати на принтере?
Да, если картинка в макете — корректный PNG. Прозрачные области при печати остаются незапечатанными, и сквозь них виден цвет бумаги или фоновых элементов макета.
Чем заменить прозрачность, если картинка обязана быть в JPEG?
Никак — JPEG не поддерживает прозрачность на уровне формата. Единственный обходной путь: залить фон картинки тем же цветом, что и фон элемента, на котором она будет размещена, но при смене оформления подлог станет заметен.