Как установить иконку в 1С: подробное руководство с примерами

Иконки в 1С:Предприятие — это не просто украшение интерфейса, а важный элемент удобства работы. Они помогают пользователям быстрее ориентироваться в системе, сокращают время поиска нужных функций и делают программу визуально привлекательной. Однако многие разработчики и администраторы сталкиваются с трудностями при добавлении иконок: где их взять, в каком формате сохранить, как правильно привязать к элементам управления?

В этой статье мы разберём все этапы — от подготовки графического файла до тестирования отображения в разных режимах 1С. Вы узнаете, какие форматы поддерживаются, как избежать распространённых ошибок и где найти бесплатные коллекции иконок, оптимизированные для платформы. Особое внимание уделим нюансам работы с Конфигуратором и Управляемым приложением, так как процесс может отличаться в зависимости от версии платформы.

Если вы никогда не работали с графикой в 1С, не переживайте — инструкция адаптирована для новичков. Опытные разработчики найдут здесь полезные лайфхаки по оптимизации иконок для высоких разрешений экрана и советы по интеграции с внешними библиотеками.

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

1. Какие форматы иконок поддерживает 1С?

Платформа 1С:Предприятие 8 работает с ограниченным набором графических форматов. Основной и рекомендуемый формат — PNG с прозрачностью (alpha-channel). Он обеспечивает хорошее качество при минимальном весе файла и поддерживает полупрозрачность, что критично для адаптивного интерфейса.

Также допускаются:

• 🖼️ BMP — без сжатия, подходит для простых иконок без прозрачности (не рекомендуется для современных конфигураций).
• 🎨 JPEG — только для иконок без прозрачного фона (может давать артефакты при сжатии).
• 🖥️ ICO — устаревший формат, поддерживается для совместимости со старыми версиями.

Размер иконок зависит от области применения:

• 📱 16×16 px — для панелей инструментов и меню.
• 🖥️ 32×32 px — для кнопок и элементов формы.
• 📺 64×64 px и выше — для логотипов и баннеров (в Управляемых формах).

Важно: начиная с платформы 8.3.14, рекомендуется использовать иконки в векторе (SVG) через внешние библиотеки, но нативной поддержки SVG в 1С пока нет. Для векторизации придётся конвертировать SVG в PNG нужного разрешения.

2. Где взять иконки для 1С: бесплатные и платные источники

Создавать иконки с нуля — долгий процесс, поэтому большинство разработчиков используют готовые наборы. Вот проверенные источники:

Бесплатные коллекции:

• 🌐 Material Design Icons — более 6000 иконок от Google, оптимизированных для интерфейсов. Можно скачать в PNG или SVG.
• 🎨 Font Awesome — популярная библиотека с открытой лицензией (проверьте условия использования для коммерческих проектов!).
• 🖼️ Flaticon — бесплатные иконки с обязательной ссылкой на автора (есть платная версия без атрибуции).

Платные решения:

• 💎 Icons8 — более 150 000 иконок в едином стиле, есть специальный раздел для бизнес-ПО.
• 🛒 Streamline Icons — наборы для корпоративных систем, включая иконки для бухгалтерии и логистики.

Для 1С особенно актуальны иконки в стиле Metro UI или Flat Design — они лучше вписываются в стандартный интерфейс платформы. Избегайте объёмных иконок с тенями или градиентами: они будут выглядеть чужеродно.

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

3. Подготовка иконки к загрузке в 1С

Перед тем как добавлять иконку в конфигурацию, её нужно правильно подготовить. Вот пошаговый алгоритм:

1. Выбор размера и обрезка

Иконка должна быть квадратной (например, 32×32 px). Если исходное изображение прямоугольное, обрежьте его в графическом редакторе, сохранив центральный элемент. Для этого:

• Откройте изображение в Paint.NET, GIMP или Photoshop.
• Используйте инструмент Crop (Кадрирование) и задайте квадратные пропорции.
• Убедитесь, что основной объект иконки находится по центру.

2. Настройка прозрачности

Для PNG-файлов:

• Удалите фон с помощью инструмента Magic Wand (Волшебная палочка) или Background Eraser (Ластик фона).
• Сохраните файл с включённой опцией Transparency (Прозрачность).

3. Оптимизация цвета

Стандартный интерфейс 1С использует ограниченную палитру. Чтобы иконка не выбивалась:

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

⚠️ Внимание: Если иконка будет использоваться в Тонком клиенте или Веб-клиенте, проверьте её отображение на тёмных темах оформления. Некоторые PNG с прозрачностью могут отображаться с белым ореолом!

Обрезать до квадратного размера (16×16, 32×32 и т.д.)|

Удалить фон (сделать прозрачным)|

Сохранить в формате PNG с прозрачностью|

Проверить контрастность на светлом и тёмном фоне-->

4. Как загрузить иконку в конфигуратор 1С

Теперь перейдём к практической части. Загрузка иконки происходит через Конфигуратор в режиме редактирования. Вот пошаговая инструкция:

Шаг 1. Открыть конфигурацию в режиме редактирования

Запустите 1С:Предприятие в режиме Конфигуратор. Для этого:

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

Шаг 2. Перейти в хранилище картинок

Иконки в 1С хранятся в специальном разделе:

1. В дереве конфигурации найдите ветку Общие → Картинки.
2. Щёлкните правой кнопкой мыши и выберите Добавить.

Шаг 3. Импортировать файл иконки

В открывшемся окне:

1. Нажмите Загрузить из файла.
2. Выберите подготовленный PNG-файл.
3. Задайте имя картинки на латинице (например, Icon_Save).
4. Нажмите ОК для сохранения.

Шаг 4. Привязать иконку к элементу интерфейса

Теперь иконку можно использовать в:

• 📌 Командах (меню, панели инструментов).
• 🖱️ Кнопках на формах.
• 📋 Заголовках групп в управляемых формах.

Пример привязки к команде:

1. Откройте нужную команду в дереве конфигурации (например, Общие → Команды → СохранитьДокумент).
2. В свойствах команды найдите поле Картинка.
3. Выберите загруженную иконку из списка.

⚠️ Внимание: Если иконка не отображается в 1С:Предприятии, проверьте:

• Правильно ли указан путь к картинке в свойствах элемента.
• Не сбились ли настройки кэша (попробуйте перезапустить клиент с очисткой кэша).

Что делать, если иконка отображается размыто?

Размытость обычно связана с несоответствием размера иконки и области отображения. Например, если вы загрузили иконку 16×16 px, а система пытается растянуть её до 32×32 px. Решения:

1. Создайте иконку в нужном разрешении (например, 32×32 px для кнопок).
2. В свойствах элемента интерфейса проверьте параметр Масштаб (если доступен).
3. Для векторных иконок используйте внешние библиотеки (например, Font Awesome через HTML-виджет).

5. Использование иконок в управляемых формах

В управляемых формах (начиная с платформы 8.2) процесс добавления иконок немного отличается. Здесь иконки можно привязывать не только к командам, но и к отдельным элементам — кнопкам, полям ввода, закладкам.

Пример: добавление иконки к кнопке

1. Откройте нужную форму в Конфигураторе (например, Документ.ЗаказПокупателя.ФормаОбъекта).
2. Выделите кнопку, к которой хотите добавить иконку (например, Провести).
3. В палитре свойств найдите поле Картинка или Изображение.
4. Выберите загруженную ранее иконку из списка.
5. При необходимости настройте выравнивание иконки относительно текста (Слева, Справа, Сверху).

Особенности работы с закладками

Для закладок (ГруппаЗакладок) иконки настраиваются отдельно для каждой закладки:

1. Выделите элемент Закладка в дереве формы.
2. В свойствах найдите Картинка или ИзображениеЗакладки.
3. Присвойте иконку (рекомендуемый размер — 16×16 px).

В управляемых формах также можно использовать динамические иконки, которые меняются в зависимости от состояния элемента. Например, зелёный флажок для проведённого документа и красный крестик для непровждённого. Для этого используйте свойство УсловноеОформление с привязкой к данным.

⚠️ Внимание: В Веб-клиенте иконки могут отображаться с задержкой при первом открытии формы. Это связано с кэшированием. Чтобы ускорить загрузку, уменьшите размер PNG-файла (оптимально — не более 5 КБ).

6. Оптимизация иконок для высоких разрешений (4K, Retina)

Современные мониторы с высоким разрешением (4K, Retina) требуют иконок повышенного качества. Если использовать стандартные 16×16 px, они будут выглядеть размыто. Вот как решить эту проблему:

1. Использование иконок в 2× размере

Создайте иконки в двойном разрешении (например, 32×32 px вместо 16×16 px) и загрузите их в 1С. Платформа автоматически масштабирует их под текущее разрешение экрана. Для этого:

• Подготовьте иконку в размере 32×32 px (для стандартного 16×16 px).
• В свойствах элемента интерфейса укажите параметр Масштаб = 200% (если доступен).

2. Векторные иконки через HTML

Для полной поддержки Retina можно встраивать иконки через HTML-виджет:

1. Создайте элемент ПолеHTMLДокумента на форме.
2. Вставьте код SVG или ссылку на шрифт иконок (например, Font Awesome):

<i></i>

3. Адаптивные иконки в стиле Material Design

Google рекомендует использовать иконки размером 24×24 px для интерфейсов. Они хорошо масштабируются и выглядят чётко на любых экранах. Для 1С можно адаптировать этот стандарт:

• Скачайте иконки из Material Design Icons в размере 24×24 px.
• Загрузите их в 1С и используйте с масштабом 150% для 16×16 px областей.

Разрешение экрана	Рекомендуемый размер иконки	Формат	Примечание
Standard (Full HD)	16×16 px	PNG	Стандартный размер для большинства конфигураций.
Retina / 4K	32×32 px (с масштабом 200%)	PNG	Обеспечивает чёткость на высоких разрешениях.
Веб-клиент	24×24 px	PNG или SVG (через HTML)	SVG предпочтительнее для масштабирования.
Мобильное приложение	48×48 px	PNG	Учитывайте touch-интерфейс (иконки должны быть крупнее).

7. Типичные ошибки и как их избежать

Даже опытные разработчики иногда сталкиваются с проблемами при работе с иконками в 1С. Вот самые распространённые ошибки и способы их решения:

1. Иконка не отображается

Причины и решения:

• 🔍 Неправильный путь — проверьте, что в свойствах элемента указано корректное имя картинки.
• 🖼️ Неподдерживаемый формат — конвертируйте в PNG.
• 🔄 Кэш клиента — очистите кэш (Файл → Очистить кэш в Конфигураторе).

2. Иконка выглядит размытой

Как исправить:

• 📏 Несоответствие размера — создайте иконку в нужном разрешении (см. таблицу выше).
• 🎨 Сжатие PNG — сохраните без потерь (в Photoshop выберите Save for Web → PNG-24).

3. Иконка отображается с белым фоном

Решения:

• 🖌️ Прозрачность не сохранена — экспортируйте PNG с включённой прозрачностью.
• 🌓 Тёмная тема — проверьте отображение в разных темах оформления 1С.

4. Иконка не обновляется после изменений

Что делать:

• 🔄 Перезапуск клиента — иногда требуется полный перезапуск 1С:Предприятия.
• 🗑️ Очистка кэша — удалите временные файлы в папке %APPDATA%\1C\1Cv8.
• 📝 Изменение имени — если иконка "залипла", переименуйте файл и загрузите заново.

⚠️ Внимание: В Толстом клиенте иконки могут кэшироваться агрессивнее, чем в Тонком. Если изменения не применяются, попробуйте запустить 1С с ключом /ClearCache.

Как запустить 1С с очисткой кэша?

Чтобы принудительно очистить кэш при запуске, используйте следующий способ:

1. Закройте все сеансы 1С:Предприятия.
2. Создайте ярлык для запуска 1cv8.exe.
3. В свойствах ярлыка добавьте в конце пути параметр /ClearCache (например, "C:\Program Files\1cv8\8.3.20.1500\bin\1cv8.exe" /ClearCache).
4. Запустите 1С через этот ярлык.

8. Дополнительные возможности: анимация и динамические иконки

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

1. Анимированные GIF

1С не поддерживает GIF напрямую, но можно эмулировать анимацию:

• 🎬 Чередование картинок — загрузите несколько кадров (например, Loading1.png, Loading2.png) и меняйте их через таймер.
• ⏱️ Пример кода для формы:

Процедура АнимацияИконки()
ТекущийКадр = (ТекущийКадр + 1) % 4; // Чередуем 4 кадра
ЭлементыФормы.КнопкаВыполнить.Картинка = Картинки[ТекущийКадр];
КонецПроцедуры

2. Изменение цвета иконки программно

Можно динамически менять цвет иконки в зависимости от статуса. Например, зелёная иконка для успешного выполнения и красная для ошибки:

ЭлементыФормы.КнопкаСохранить.ЦветКартинки = Если Успешно Тогда RGB(0, 200, 0) Иначе RGB(200, 0, 0) КонецЕсли;

3. Внешние библиотеки (SVG, Font Awesome)

Для продвинутых решений используйте:

• 🌐 Font Awesome — через ПолеHTMLДокумента:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<i></i>

• 📊 SVG — вставляйте прямо в HTML или конвертируйте в PNG.

⚠️ Внимание: Динамические иконки могут замедлять работу формы, особенно в Веб-клиенте. Тестируйте производительность на слабых машинах!

FAQ: Частые вопросы по работе с иконками в 1С

Можно ли использовать иконки из интернета без обработки?

Нет, большинству иконок из интернета требуется предварительная подготовка:

• Обрезка до квадратного размера.
• Удаление фона (для PNG).
• Корректировка цвета под стиль 1С.

Исключение — специальные наборы для бизнес-ПО (например, от Icons8).

Как сделать иконку для мобильного приложения на 1С?

Для мобильных клиентов (1С:Мобильная платформа) рекомендуется:

• Размер иконок — 48×48 px (для удобства нажатия).
• Формат — PNG с прозрачностью.
• Цвета — контрастные, так как экраны мобильных устройств часто используются при ярком освещении.

Тестируйте отображение на реальных устройствах, так как эмулятор может показывать иконки иначе.

Почему после обновления платформы 1С иконки стали размытыми?

Это связано с изменением механизма рендеринга графики в новых версиях. Решения:

• Обновите иконки до размера 32×32 px (для стандартных 16×16 px).
• Проверьте настройки масштабирования в свойствах формы.
• Очистите кэш клиента (/ClearCache).

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

Можно ли использовать emoji вместо иконок?

Технически да, но это не рекомендуется:

• 😊 Emoji могут отображаться по-разному в разных ОС (Windows, macOS, Linux).
• Не все emoji поддерживаются в Тонком клиенте.
• Они плохо масштабируются и выглядят непрофессионально в бизнес-ПО.

Используйте emoji только для прототипирования или внутренних тестовых конфигураций.

Как экспортировать иконки из одной конфигурации в другую?

Для переноса иконок между базами:

1. Откройте исходную конфигурацию в Конфигураторе.
2. Перейдите в Общие → Картинки.
3. Выделите нужные иконки и нажмите Сохранить в файл (или скопируйте файлы из каталога базы).
4. В целевой конфигурации импортируйте файлы через Загрузить из файла.

Если иконки используются в формах, проверьте привязки после переноса!