如何选用和压缩图片素材,让作品更流畅
发表时间: 2019-01-18 15:24:11 阶段:初级 分类:素材处理
前言
经常有玩家反馈,作品卡顿加载不出来?很有可能你的作品图片素材太大了。本教程将教大家如何选择图片素材尺寸,以及对于图片素材的压缩处理,让你的作品加载更流畅!
 
 
教程开始
一、从尺寸谈谈图片素材的使用。
1. 立绘通常会以全身像和半身像,两种规格来使用。
 
 
而一款作品的背景大小限定是960*540尺寸。所以,常规使用的立绘素材都不宜过大,否则会让你的作品变得卡顿。
 
2. 闪艺素材库中,全身像-普清图画布限制在540像素以内,半身像-高清图画布限制在720像素以内。
 
 
建议大家可以按照上述尺寸来规范所用的立绘。无论立绘大小,画布可以先按上述尺寸来创建。
 
3. 当我们把半身像-高清图的立绘导入到工具使用,如图所示。红框内的部分已经超出了作品舞台。
 
超出部分多余的,实际在作品里也不会显示。我们可以对这部分进行裁剪。
同样的显示效果,质量大小相差了83KB。
 
4. 再来说下超清的尺寸。超清图就不受限于上面所说的画布大小限制。通常导入后,都会用做动态的大特写使用等。
这里要给大家举例一个错误的用法,大家使用的时候一定要予以规避。
 
我们从素材店里购买的立绘,都是超大尺寸的超清图。有些小伙伴就直接导入使用了。
立绘过大怎么办?直接在制作工具缩小呀。 X X X
 
就像下图这样,立绘是以45%的比例展示出来。虽然视觉上看去差不多,实际质量大小达到了888KB。
我们在第3步里,裁剪的立绘才163KB,这中间差了725KB。
 
所以,正确的做法是使用合适尺寸的立绘,将超清尺寸的立绘,放在PS工具里先压缩尺寸后再使用。 √√√
 
 
二、图片素材的正确压缩方式。
排除一些带透明图层的背景素材(常见如菜单底图)。通常我们可以将背景以JPG格式输出。
 
我们在图片质量和作品流畅度上做个平衡取舍。下面以一张背景处理为例:
1. 导入一张 1920*1080 345KB的背景图。因为背景不超过960*540尺寸,如果不是特殊用途。我们对图片进行图片大小缩放的处理。
这一步我们控制图片尺寸。
 
2. 大小缩放完后,我们进行导出。可用快捷键ctrl+alt+shift+s,或者左上角选择【文件——存储为Web所用格式】
 
在弹出的窗口中选择“JPEG”格式,调整品质为40。注意我们可以按默认按40%的质量输出,如果输出的效果不满意,这个数值可以调高。觉得图片质量还是太大,这个数值可以调低。
这一步我们控制图片质量。
 
 
3. 经过上面两步的操作。最终,我们得到了一张 960*540 122KB的背景图片。
 
4. 这里再介绍一种PNG格式。当你的图片色调不复杂,只有几种的时候,请用PNG-8格式输出。对比下PNG-24格式大小,你会发现效果拔群哦!
 
 
5. 最后再推荐一个网站 Tiny-PNG  <<点它,把图片拖进虚线框内自动压缩哦,来试试吧。

 

小声,教程君可是也有对图片进行压缩控制哦~本篇教程里的图片都有经过处理。

TOP