LVGL学习笔记——lvgl图像转化

最新推荐文章于 2025-07-02 00:18:35 发布

码农江_一叶知秋

最新推荐文章于 2025-07-02 00:18:35 发布

阅读量2.2k

点赞数 9

CC 4.0 BY-SA版权

分类专栏： LVGL学习笔记文章标签：学习笔记 stm32

本文链接：https://blog.csdn.net/m0_68510271/article/details/135017139

LVGL学习笔记专栏收录该内容

2 篇文章

订阅专栏

文章讲述了作者在使用LVGL时遇到的问题，即在将PNG图像转换为C数组时，压缩图像后再转换会导致显示异常。作者提醒读者避免因图像压缩而引起的显示一致性问题，推荐直接使用未压缩图像并提供相关学习资源链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

lvgl图像转化

使用的是夏雨夜寐大佬制作的一款离线开源图片转换工具，在使用lvgl的过程中，也一直在使用，强推！资源见文章末尾。这是工具整体界面

对于lvgl字体生成和lvgl图像转换的过程，参考链接我放在文章末尾

我在这里只总结下我在使用过程中踩过的一个坑。

在使用lvgl显示图像时，需要将Png/jpg图像等转化为.c文件；如下，我将一张大小为348*348px的PNG格式图像转化为c数组。

这是源图像的大小信息

这样转化完成后，导入到我们的lvgl工程

然后将lv_img_set_src添加为图像所在路径就可以进行显示

    lv_obj_t *backgd_img  = lv_img_create(lv_scr_act());
    lv_img_set_src(backgd_img, &img_background_argb);
    lv_obj_set_x(backgd_img,67);
    lv_obj_set_y(backgd_img,66);
    lv_obj_set_size(backgd_img, 348, 348);
   lv_obj_set_style_opa(backgd_img, LV_OPA_MAX, LV_PART_MAIN);

这样就可以进行正常显示了

这是正常的lvgl图像显示流程

但是我有好几次掉自己所挖的坑里了，还查找了挺长时间，才找到问题所在，最主要的是浪费时间啊。我把源图像文件先用图像压缩工具压缩了一下，比如这个网址：TinyPNG – Compress WebP, PNG and JPEG images intelligently

我刚才的图像，压缩完成后

大小直接减小了好几倍。但是这对于我转化为c数组文件一点帮助都没有，我也不知道当初自己为啥要先将图像先压缩一下，然后再进行转化，结果就导致显示出来的图像在某种背景下显示可能是正常的，但是换一种背景，可能就跟源矢量图像完全不一样了，由于年代久远，你竟然一下子定位不到问题所在，重新转化了好几遍还是这样，唉，所以这就是一个神坑啊，做个笔记，希望大家别跟我一样掉进去，浪费时间。