HarmonyOS鸿蒙Next中图片格式推荐使用JPG还是PNG还是SVG矢量图

HarmonyOS鸿蒙Next中图片格式推荐使用JPG还是PNG还是SVG矢量图 请问Image推荐用什么类型的图片格式？ JPG还是PNG还是SVG矢量图呢？

个人觉得矢量图不会拉伸变形，更倾向于使用矢量图，但Harmony Demo都是用png图片，没看到有使用矢量图的，是Harmony更推荐使用png图片吗？文档的资料也不是很多。

9 回复

推荐用png图，因为性价比更高。

1、png比svg适配性好：大多数情况是公司一套图标即要用在鸿蒙app里，也要用在android、ios、h5等其它语言中去，而png的优势都支持，可以直接使用，而svg在android和ios里使用相比png更繁琐，还存在适配问题，将来图标有变动还需要麻烦UI设计师去修改，而设计师改一张png图片比改svg的图片要容易的多，可以花费更少的时间。

2、png比jpg可以少考虑背景色问题：jpg图片是不支持背景不透明度的，有些背景是纯白色的用起来还好，但万一哪天需求变了，背景又是一张图片，还要麻烦设计去修改jpg图片去掉白色背景并保存成png，很费时间。

但是推荐归推荐，很多特殊场合还是要考虑用svg或jpg的。

比如我之前做一个app，要求app体积越小越好，那么就要考虑凡是背景纯白色的都用jpg图片，因为一般情况下 jpg图片的体积比png要小十倍。

再比如之前有个app要个功能，平时是小图标，当用户点动之后就要有动画放大图标，这时就要考虑用svg，svg有放大不失真的效果且还可以支持动画，这个时候这个带动画的svg图片可以直接用在鸿蒙、android、ios、h5等地方，不需要在其它平台再考虑用对应的代码再去写动画代码了。

更多关于HarmonyOS鸿蒙Next中图片格式推荐使用JPG还是PNG还是SVG矢量图的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


感谢你的回复，我想用SVG的点就在于，SVG放大不失真，PNG放大会模糊。

看了你的回答，我知道的该怎么做了，谢谢你，

不对吧，我将应用图标替换为svg图显示不出来？

svg图标在预览时不显示，png 预览可显示。在开发中有时也方便点

找HarmonyOS工作还需要会Flutter的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：BV1S4411E7LY/?p=17

个人更推荐png图片，

可以用 svg 文件， 同样是放在 resources/base/media 下， 就可以引用。个人认为，其实像图标之类， 一般不会涉及到放大的资源， 什么格式不会有太大影响。

在HarmonyOS鸿蒙Next中，图片格式的选择应根据具体使用场景和需求来决定。JPG格式适合用于照片或复杂图像，因为它具有较高的压缩率，能够有效减小文件大小，但会损失部分图像质量。PNG格式适合用于需要透明背景或无损压缩的图像，如图标或简单图形，它支持透明通道且不会损失图像质量。SVG矢量图适合用于需要缩放不失真的场景，如UI元素或图标，它基于XML描述，可以无限缩放而不失真，且文件体积较小。根据具体需求选择合适的格式即可。

在HarmonyOS鸿蒙Next中，图片格式的选择应根据具体使用场景：

  • JPG：适合照片和复杂图像，压缩率高，文件较小，但不支持透明背景。
  • PNG：适合需要透明背景或高质量图像的场景，支持无损压缩，文件较大。
  • SVG：适合图标和简单图形，矢量格式，缩放不失真，文件小，适合多分辨率设备。

推荐：图标和简单图形用SVG，照片用JPG，需要透明背景或高质量图像用PNG。

回到顶部