СП307-Р. Проблема с динамическим изображением и не только.

Вид для печати

22.06.2022, 09:05
Denis2901

СП307-Р. Проблема с динамическим изображением и не только.

Здравствуйте, проблема в следующем: в конфигураторе панели при загрузке в блок "Динамическое изображение" какой-либо картинки (возможные варианты .bmp и .jpeg) очень сильно проседает качество изображения (огромные пиксели и размытые границы). Пробовал менять разрешение, программы, в которых создается изображение - результата ноль. Как победить проблему?
Также интересен вопрос со вставкой .png с прозрачным фоном. Почему-то вместо картинки Черный или белый квадрат. Каким-то образом можно вставить картинку с прозрачным фоном или это невозиожно?
22.06.2022, 09:17
Евгений Кислов

Вложений: 3

Добрый день.

1. Выложите, пожалуйста, картинки, с которыми можно воспроизвести эту проблему (в максимально возможном разрешении).

С моей тестовой картинкой (.jpg, разрешение 800x480) артефактов не появляется.

Вложение 61348

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

Вложение 61349 Вложение 61350
22.06.2022, 10:02
Denis2901

Цитата:

Сообщение от Евгений Кислов

Добрый день.

1. Выложите, пожалуйста, картинки, с которыми можно воспроизвести эту проблему (в максимально возможном разрешении).

С моей тестовой картинкой (.jpg, разрешение 800x480) артефактов не появляется.

Вложение 61348

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

Вложение 61349 Вложение 61350

Вложение 61351
Вложение 61352
Спасибо, прикладываю
22.06.2022, 10:07
Евгений Кислов

Вложений: 1

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

Вложение 61353

Но если вы хотите на экране панели отображать картинку в меньшем разрешении (например, 50x50) - то надо ее в таком разрешении и отрисовать, чтобы конфигуратору не приходилось делать масштабирование.
При масштабировании, действительно, могут возникнуть артефакты.
22.06.2022, 10:20
Denis2901

Понял, буду пробовать
28.12.2022, 02:38
Borserg

Вложений: 5

Следует признать, что работа Конфигуратора с прозрачностью в изображениях реализована отвратительно:

1. При вставке из Библиотеки изображения JPG (галочка "Прозрачность" снята) результат имеет нормальный контур (как у источника) и белый фон.
Это предсказуемо.

Вложение 64889

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

Вложение 64890

А ведь формат JPG не поддерживает прозрачность. Значит Конфигуратор конвертирует исходное изображение?

3. Имеется нормальное изображение PNG с прозрачным фоном.

Вложение 64891

При вставке этого изображения (галочка "Прозрачность" снята) получаем черный фон. Почему?

Вложение 64892

При вставке этого же изображения, но с установленной галочкой "Прозрачность" результат ни в какие ворота не лезет. От четкого контура не осталось и следа.

Вложение 64893

Такое поведение Конфигуратора сильно затрудняет создание мнемосхем.
28.12.2022, 10:51
petera

Цитата:

Сообщение от Borserg

Следует признать, что работа Конфигуратора с прозрачностью в изображениях реализована отвратительно:

1. При вставке из Библиотеки изображения JPG (галочка "Прозрачность" снята) результат имеет нормальный контур (как у источника) и белый фон.
Это предсказуемо.

Вложение 64889

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

Вложение 64890

А ведь формат JPG не поддерживает прозрачность. Значит Конфигуратор конвертирует исходное изображение?

3. Имеется нормальное изображение PNG с прозрачным фоном.

Вложение 64891

При вставке этого изображения (галочка "Прозрачность" снята) получаем черный фон. Почему?

Вложение 64892

При вставке этого же изображения, но с установленной галочкой "Прозрачность" результат ни в какие ворота не лезет. От четкого контура не осталось и следа.

Вложение 64893

Такое поведение Конфигуратора сильно затрудняет создание мнемосхем.

Поддержка прозрачности формата JPG тут не причем.
При любом формате изображения, конфигуратор "делает прозрачность" путем наложения на исходное изображения битовой маски, имеющей ч/б изображение, где видимая часть - черное, а невидимое(фон) - белое.
При этом маска формируется автоматически, при вкл. галки прозрачность.
Посмотреть вид полученной маски можно в свойствах изображения.
Однако ИИ у конфигуратора нет, по этому маска может быть получена не очень, особенно если исходное изображение имеет полутона.
Например

Скрытый текст:

https://owen.ru/forum/attachment.php...5&d=1672213387
28.12.2022, 11:03
petera

Вложений: 1

Итог - хотите иметь качество без артефактов, тогда редактируйте маску сами.
Например
Вложение 64898

Пример 2

Скрытый текст:

https://owen.ru/forum/attachment.php...7&d=1672215345
28.12.2022, 13:22
Borserg

Цитата:

Сообщение от petera

Однако ИИ у конфигуратора нет, по этому маска может быть получена не очень, особенно если исходное изображение имеет полутона.

В том то и дело, что исходное изображение исключительно ч/б с четким контуром.
28.12.2022, 14:19
kondor3000

Вложений: 2

Цитата:

Сообщение от Borserg

В том то и дело, что исходное изображение исключительно ч/б с четким контуром.

Изображение у вас с тенями изначально, вот попытался в PAINT залить белый фон и получил то же самое. Вложение 64902 а это в панелиВложение 64903

Панель даже лучше обработала, так что рисуйте сами без теней
и размер картинки примерно как будет в панели, тогда всё ок будет.
28.12.2022, 15:40
Borserg

Вложений: 2

Цитата:

Сообщение от kondor3000

Изображение у вас с тенями изначально, вот попытался в PAINT залить белый фон и получил то же самое.

Все дело в том, что Вы взяли изображение из моего сообщения, в формате PNG. С прозрачностью в этом формате Конфигуратор совсем не дружит.

Попробуйте JPG:Вложение 64909
Никаких теней в нем нет.

А работать с прозрачностью в JPG можно в этом случае по-разному, например так:

Скрытый текст:

Вложение 64910
28.12.2022, 15:54
kondor3000

Вложений: 1

Цитата:

Сообщение от Borserg

Все дело в том, что Вы взяли изображение из моего сообщения, в формате PNG. С прозрачностью в этом формате Конфигуратор совсем не дружит.
Попробуйте JPG:
Никаких теней в нем нет.

Всё равно есть хоть и гораздо меньше.Вложение 64911
28.12.2022, 16:31
Borserg

Вложений: 2

Цитата:

Сообщение от kondor3000

Всё равно есть хоть и гораздо меньше.

Ну что делать, придется мириться.

Но артефакты вносит именно Конфигуратор.

Исходник крупно (никаких серых пикселей): Вложение 64912

Результат крупно, с прозрачностью (есть белые пиксели): Вложение 64913
28.12.2022, 16:36
kondor3000

Вложений: 1

Цитата:

Сообщение от Borserg

Ну что делать, придется мириться.

Но артефакты вносит именно Конфигуратор.

Исходник крупно (никаких серых пикселей):

Вы не поняли, это в Paint скрин опять. Это в вашем исходнике проблемы. Сами проверьте.Вложение 64914
Если их убрать в Paint, то и в панели всё ОК.
28.12.2022, 20:16
Borserg

Вложений: 3

Цитата:

Сообщение от kondor3000

Вы не поняли, это в Paint скрин опять. Это в вашем исходнике проблемы. Сами проверьте.

С каким исходником и что именно Вы делаете в Paint?
Я экспериментирую вот с этим: (см. вложение ниже).
В нем нет никаких артефактов. Строго два цвета - черный и белый.

Paint, встроенный в Windows, сам по себе глючит.
Заливка фона в Paint:

Вложение 64918

То же действие, выполненное в Paint.Net:

Вложение 64919

Как видите, PaintNet не добавляет лишние пиксели в заливку, а Paint и Конфигуратор - добавляют.
Так что дело не в исходнике, а в кривости алгоритма обработки изображения в самом Конфигураторе.
28.12.2022, 22:17
kondor3000

Вложений: 1

Цитата:

Сообщение от Borserg

С каким исходником и что именно Вы делаете в Paint?
Я экспериментирую вот с этим: (см. вложение ниже).
В нем нет никаких артефактов. Строго два цвета - черный и белый.
Заливка фона в Paint:
Так что дело не в исходнике, а в кривости алгоритма обработки изображения в самом Конфигураторе.

Ну так обрежьте и сделайте нужный размер, залейте нужным цветом в Paint.Net и вставьте как картинку в конфигуратор без прозрачности.
Я так и делаю и никаких артефактов нет.
Вот пример, вставлена кнопка с нужным цветом без прозрачности, нет никаких артефактов Вложение 64922
Размер сильно увеличен, на самом деле она будет меньше и на живой панели смотрится как настоящая.
Переходов тоже не видно.
28.12.2022, 23:47
Borserg

На самом деле рисунок, который я предоставил - только маленькая часть общей схемы,
которая будет цветная и с наложением нескольких рисунков друг на друга посредством "Динамического изображения", а кое где и "Анимации изображения".
Также на схеме будут цифровые дисплеи в разных местах.
Так что прозрачный фон необходим.
Будем трудиться.
20.01.2023, 09:10
Ryjkoff

Цитата:

Сообщение от Borserg

С каким исходником и что именно Вы делаете в Paint?
Я экспериментирую вот с этим: (см. вложение ниже).
В нем нет никаких артефактов. Строго два цвета - черный и белый.

Paint, встроенный в Windows, сам по себе глючит.
Заливка фона в Paint:

Вложение 64918

То же действие, выполненное в Paint.Net:

Вложение 64919

Как видите, PaintNet не добавляет лишние пиксели в заливку, а Paint и Конфигуратор - добавляют.
Так что дело не в исходнике, а в кривости алгоритма обработки изображения в самом Конфигураторе.

Здравствуйте.
В какой программе вы создаете исходник изображения и каким методом экспортируете?
Подозрение на то, что при экспорте изображение имеет сжатие, от этого и появляются невидимые полутени. WindowsPaint отработал на отлично увидев эти пиксели, а вот paint.net после такого, я бы не стал доверять.
Работаю в CorelDraw при экспорте ни каких проблем.
25.01.2023, 18:09
Borserg

Цитата:

Сообщение от Ryjkoff

Здравствуйте.
В какой программе вы создаете исходник изображения и каким методом экспортируете?
Подозрение на то, что при экспорте изображение имеет сжатие, от этого и появляются невидимые полутени. WindowsPaint отработал на отлично увидев эти пиксели, а вот paint.net после такого, я бы не стал доверять.
Работаю в CorelDraw при экспорте ни каких проблем.

В данном конкретном случае исходник создавался в специализированной программе для рисования принципиальных схем sPlan 7.0.
Она рисует в векторном формате SVG с возможностью экспорта в GIF, JPG, BMP с выбором разрешения до 300 dpi.
Пробовал и JPG и BMP. Полутона, образующиеся при экспорте вектора в растр убирал вручную в Paint.Net заливкой фона белым и контура черным.
Сейчас посмотрел на свойства файла, который должен быть (после манипуляций с заливкой фона) строго двухцветным - количество цветов 24!
Но отклонение цвета этих пикселей от черного или белого настолько малы, что не видны "невооруженным" глазом.
Все дело оказалось в значении параметра "Чувствительность" при заливке. Он был установлен на 20%.
При установке значения параметра чувствительности в 0% артефакты при вставке картинки в проект пропадают.
27.01.2023, 10:32
Ryjkoff

Цитата:

Сообщение от Borserg

В данном конкретном случае исходник создавался в специализированной программе для рисования принципиальных схем sPlan 7.0.
Она рисует в векторном формате SVG с возможностью экспорта в GIF, JPG, BMP с выбором разрешения до 300 dpi.
Пробовал и JPG и BMP. Полутона, образующиеся при экспорте вектора в растр убирал вручную в Paint.Net заливкой фона белым и контура черным.
Сейчас посмотрел на свойства файла, который должен быть (после манипуляций с заливкой фона) строго двухцветным - количество цветов 24!
Но отклонение цвета этих пикселей от черного или белого настолько малы, что не видны "невооруженным" глазом.
Все дело оказалось в значении параметра "Чувствительность" при заливке. Он был установлен на 20%.
При установке значения параметра чувствительности в 0% артефакты при вставке картинки в проект пропадают.

Рад, что разобрались.
Но почему вы используете непрофильную программу sPlan? Или вы из её библиотеки достаете схематичные изображения элементов. Тогда уместнее будет ваш SVG открывать в CorelDraw и в нем экспортировать в PNG c включенной прозрачностью. Или воспользоваться бесплатным онлайн конвертером из SVG в PNG.