前言
客户在使用 TouchGFX 开发 GUI 应用的时候, 往往需要很多的图片资源来呈现友好的人机交互功能, 因此外扩了一个 FLASH 来存储图片资源. 在软件研发后期发现现有的 FLASH 存储空间不够, 因此提出是否可以使用 TouchGFX 来减少图片资源的存储空间且实现同样的 UI 效果.
1 调研
经过调研发现 :
4 n$ R! |1 i+ j. L➢ 在硬件方面 :
MCU 的图像处理加速器 DMA2D 中的调色板的颜色格式 , 支持 L8 格式的图层之间的渲染 :




➢ 从软件方面:
+ D9 J: `6 m5 _: W: a最新的 TouchGFX4.12.3 开始, 可以利用了 DMA2D 的调色板功能对图片的资源进行优化 .

0 D& ]' N$ |. B: z8 {5 q6 ]➢ 比如下图(宽 x 高=200x200) :
1.这幅图是由 256 种颜色组成的.
2.且每种颜色都针对图像进行了优化.
+ E. I" w  |( p+ J. x  [, X$ @3.256 种索引颜色中的每一种都是 24 位颜色.
' M# K+ Z5 N  `' x' m  u/ U
/ }7 F! W4 X, l# G
4 t9 e5 c  \0 |3 c  D- j
* Z& p* A6 o6 w3 A( V' V7 w! z% v, d
➢ 为了在 LCD 上显示这张图, TouchGFX Designer 在生成资源文件时,生成的资源文件 大小 :
1. L8_ARGB8888 :
200x200x1byte+256x4byte=41024bytes
8 `. a( K( _* p/ h  f/ U9 N, `! l→200x200 个 8bit 的颜色索引+256 个 32bit 的颜色


: l9 q% y2 A* Y% ~$ E1 |

2. ARGB8888 :
200x200x4byte=160000bytes.
→200x200 个 32bit 的颜色
1 A/ z: y4 _9 ^
  b0 v5 F- P  ~; J0 y0 g4 m1 J➢ 在 TouchGFX 中使用 L8 Image ，只需要将 L8 的图片拖入到 TouchGFX Designer 中，然后在 Image 页面中选择正确的格式 :

* W- E+ J2 T8 x0 R
* m3 b, Y$ p- k

➢ 注意 :如果图片超过 256 颜色，转换工具就会报错，因此可以使用图片工具(如paint.net/imagemagick)将颜色数减少至少于 256 色 :
✓ Paint.net :

6 M4 U/ j8 J( W) j0 g: _
3 w8 i- Q0 r% X7 U2 B

2 结论
( X+ w* `& v: g6 n& S: h7 K图像使用 L8 格式时占用的 flash 大小显著低于标准 24 位格式(RGB888)的原始图像。下表列出了这三种不同调色板格式的具体图像的 flash 使用情况（图片分辨率 200x200）：
) W  v6 q) ~3 `; j6 Z" q- I  j% w. U
- U6 r/ D: t' v  I% c9 F. o7 C3 K/ T4 d


6 a- I5 y+ {4 _, H2 }7 Y. k& {由于 TouchGFX 对于 L8 格式还可以支持 L8_ARGB8888，因此可以与 ARGB8888 等格式的图像进行混合渲染，因此特别适合作为图标等颜色数少且素材丰富的应用.
综上可以看出，采用 TouchGFX4.12.3+L8 格式 :
  C* W, k, E1 b" [/ A- |* G4 Q6 N2 s4 a1.相比较 ARGB8888 像素格式, L8 大幅降低了资源文件的大小, 从而降低对存储芯片的需求 .
( a8 V, E5 w9 D" T2.同时由于图片像素信息大幅减少，读写一张图片的速度也大大提高, 也提高了系统实时性能.
; f; O; Y- ?+ @5 n+ |/ a
  T+ c; D* c# k( ]! b9 c
完整版请查看：附件

# F- l) l  x9 d2 K3 |. R- g 使用TouchGFX4.12.3和L8格式减少图片资源以提升性能.pdf (418.83 KB, 下载次数: 0)

2023-6-18 14:37 上传

点击文件名下载附件