Faulty Imageview in SLS with LVGL9

Bugs
1

What do you want to achieve?

i want images correctly shown in SLS with lvgl9.1
with lvgl 8.3.11 everything is fine.

on device everything shows fine. just in SLS the images are broken

What have you tried so far?

changing project settings from 9.3/9.1 to 8.3.11

Screenshot or video

SLSlvgl9_fault
SLSlvgl9_fault791×467 54.5 KB

Others

  • **SquareLine Studio version:1.6.0
  • **Operating system:WIN10
  • **Target hardware:ESP32
2

Hi! Thanks for the detailed report. Could you tell us exactly which widget you used for the image in SLS? For example, did you use an Image widget, or did you set the image through a background style on another object. It would help a lot if you could also attach a screenshot showing how it looks in SLS, and if possible share the image asset and a short description of how you added and used it in Studio, so we can reproduce the issue on our side. Thanks!

3

hey,

its with every widget… Image Widget,… Imagebutton,…

i use a widget, set the Image on the toolbar and ready…

with LVGL8.3.11 the images are shown correctly.

on the right side, you see how the image should look like.

squarline_faultyimages
squarline_faultyimages1644×934 240 KB

4

Hi, thanks for the details. This looks more like a PNG asset issue than a widget problem, because some PNGs contain chunks or export parameters that the LVGL image converter doesn’t fully support, which can result in incorrect rendering in SquareLine Studio even if the same image shows fine in LVGL 8.3.11. I’d recommend re-exporting or re-encoding the PNG with a PNG optimizer (for example TinyPNG or ImageOptim), then re-importing the asset and running the conversion again. In most cases a “clean” re-save of the PNG fixes it.