Unofficial Nextion/TJC User Forum

Help needed, Gradients on the nextion screen

Hi there,

I have been making a beautiful layout for my next Nextion project using a gradient as the background.
Like stated on the Nextion website, the screen uses a 16 bit color space. When I respect these export rules the Nextion editor and screen give me terrible banding on the gradient.

(When exporting from Nextion to an image file the banding is not present, so my guess is that it is not due to software compression?)

This banding problem is so bad that I don’t think it could be the limited color space of the screen either.
Also, I have seen other people use gradients as well with far better results.

I use a Nextion 7" NX8048P070_011 INTELLIGENT. (Should be official)

Does anyone know how I can get a smooth/decent gradient for my background?
(I have tried .jpg, .png, I could not figure out how the .xi file works)

Thank you in advance!

JPG and PNG are both compressed formats, the first lossy, the second lossless (in theory). But the Nextion has to expand these to a bitmap for displaying. Better feed directly a bitmap (bmp) in RGB565 encoding, so that the Nextion can display it 1:1 and doesn’t need to do decoding.

1 Like

SOLVED:

Thank you @Fjodor for the help,

I did my designs in PS/AI and exported it as a 16bit PNG. Next I was able to convert this to a RGB565 BMP(Dithered) using the imagemagick command lines. As a result a nice gradient without banding (bmp style).

(Conclusion: Nextion decoder isn’t the best :grin:)


This forum is in no way affiliated with NEXTION®, ITEAD STUDIO®, TJC®, or anyone else really. All product names, logos, and brands are property of their respective owners. All company, product, and service names used in this website are for identification purposes only. Use of these names, logos, and brands does not imply endorsement from the respective rights holder(s).