优艾设计网

切图教程,切图后图片过大该怎么压缩大小?

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:Matuo__Basyou
在网页设计中经常会用到切图,但有时候切出来的图片过大,那该怎么进一步压缩图片大小呢?一起来了解一下补救的方法。

切图教程,切图后图片过大该怎么压缩大小?

JPG 只有 338KB。直接导出 JPG 不用额外压缩,而且通过 PS 还可以直接选择你想输出的质量,通过降低质量来减小图片大小。

切图教程,切图后图片过大该怎么压缩大小?

同时如果觉得降低 JPG 导出质量仍然还是偏大,还可以在 PS 里通过色调分离来进一步压缩图片的大小:

切图教程,切图后图片过大该怎么压缩大小?

当然这个也是有损的,这里将参数设置到40时,已经出现了一些肉眼可见的质量损失:

切图教程,切图后图片过大该怎么压缩大小?

所以具体怎么平衡质量与大小的平衡还是看实际情况来决定。

还有一种情况是图标素材的压缩,最理想的情况是将图片处理为矢量的 SVG 格式。一方面可以无损放大缩小,而且体积也相较于未压缩的文件来说有很大的减小。网上有很多转 SVG 的教程,我这里就不过多描述了。

最后关于系统中控件的输出,有一条原则就是能用代码来实现就用代码,最好不要用图片,一方面用素材输出就需要好几套素材来适配 xhdpi、xxhdpi、xxxhdpi,后期维护起来非常麻烦。而且程序在加载这些素材的时候也会占用内存,对稳定性和性能都会有影响,一张图可能不太明显,但是一个页面中如果大量的使用图片素材,那么影响就是非常巨大的了。

一般软件工程师都可以对矢量图形的圆角参数,描边,填充色,投影大小,投影距离,投影颜色进行定义,所以只要素材可以转换为实际可用的参数,都是建议写清楚参数,然后由软件工程师通过程序来实现。

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消