photoshop切图后图片过大压缩教程分享

给各位photoshop软件的使用者们来分享一下切图后图片过大的压缩教程。

教程分享:

首先如果只是压缩的话,建议使用 ImageAlpha(专门压缩PNG)

以网上的一副海报为例(侵删)

正常从PS导出的PNG大小:

 


 

原本是 1.1 MB

 


 

在 ImageAlpha 中打开后可以看到在默认参数下可压缩 65%。

 


 

压缩后 379 KB。而且是几乎无损画面细节的。我一般在输出切图资源的时候都是靠 ImageAlpha 来完成素材的压缩。

而且 ImageAlpha 还可以通过调节颜色数位来进一步压缩,但是这样是有损的。

 


 

比如夸张一些将颜色数位调节到 4,细节就已经丢失的差不多了,但是能极大限度的压缩图像。

另外还有一些在线的图片压缩工具,最常用的也就是:TinyPNG 。和 ImageAlpha 的压缩默认压缩率差不多,所以具体喜欢用哪个来压缩还是看个人习惯了。

还有一种压缩方式是讲 PNG 转为 WebP 格式。

工具有 Webponize 等。

 


 

 


 

(图侵删)网上的测试结果压缩率还是非常可观的。

然而 WebP 还没有普及开来,大部分公司内部还是主要使用 PNG 来输出,所以还是要看公司大多数人的使用习惯来选择具体输出的格式。

另外如果是一些不带 Alpha (透明)通道的图,可以使用 JPG 来输出,比如移动端产品的引导页,一般情况同样大小的 JPG 格式文件都会比 PNG 小,还是以之前的图为例。

 


 

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

 


 

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

 


 

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

 


 

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

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

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

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

好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的切图后图片过大的压缩教程分享的全部内容了,各位用photoshop软件切图过后觉得大的使用者们,那么就快去按照小编分享的自己去压缩试一下吧。

时间: 2025-01-19 07:27:20

photoshop切图后图片过大压缩教程分享的相关文章

PS切图后图片大小过大怎么办?

  首先如果只是压缩的话,建议使用 ImageAlpha(专门压缩PNG) 以网上的一副海报为例(侵删) 正常从PS导出的PNG大小: 原本是 1.1 MB 在 ImageAlpha 中打开后可以看到在默认参数下可压缩 65%. 压缩后 379 KB.而且是几乎无损画面细节的.我一般在输出切图 资源的时候都是靠 ImageAlpha 来完成素材的压缩. 而且 ImageAlpha 还可以通过调节颜色数位来进一步压缩,但是这样是有损的. 比如夸张一些将颜色数位调节到 4,细节就已经丢失的差不多了,

photoshop切图命名规则及常用单词分享

给各位photoshop软件的使用者们来详细的说说切图命名规则以及常用单词. 分享一览:   好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的切图命名规则以及常用单词分享的全部内容了,各位看到这里的软件的使用者们,希望小编上面分享的内容能够给各位软件的使用者们带去有用的帮助.

Photoshop切图学习

前端开发中,之前都是Designer给我们切好图,给出readline,所以我们前端工程师基本不自己动手切图,现在换了新的公司,需要我们自己手动切一些图.Designer制作好的psd的图片如下: 自己想达到以下要求: 1.将"Sign in"按钮填充放大,文字也放大并且居中显示 a).选中要操作的图层 b).选择右下角进行拖动,可以看到图片变大了.也可以在工具栏中直接设置图片的x,y坐标和width.height值. c).如果文字不是居中显示的话,我们可以选中文字的图层,然后点击

photoshop把风光数码图片调出大师艺术效果教程

给各位photoshop软件的使用者们来详细的说一说把风光数码图片调出大师艺术效果的后期教程. 后期教程: 一幅照片的调整,往往可以有多种不同的影调或色调效果,表达不同的情感.但是同时设置多种不同组合的参数产生的效果,需要在输出之前反复比较,这样就用到ACR中的快照来做记录. 在ACR中解读调整后的图像,到Photoshop打开后,如果不满意,或另有想法,还想回到ACR中重新调整,可以用打开智能对象的方法解决问题.   在Photoshop中打开文件. 暮色退去,寒风渐起,荒草萋萋,长城悲壮.

photoshop快速把人物图片转为铅笔素描效果教程

给各位photoshop软件的使用者们来详细的解析分享一下快速把人物图片转为铅笔素描效果的教程. 教程分享:   1.把准备好的图片在PS里面打开,执行ctrl+J复制图层,执行ctrl+shift+u 去色--如下图   2.选中图层--执行ctrl+J复制一次--Ctrl+I反相,   3.更改图层的混合模式,设置为"颜色减淡"在图层面板,这个时候基本是白色--效果如下图   4.滤镜-其它-最小值 设置为1,设置根据图片调整   5.向下合并一层,在背景上面建立一个空白图层  

photoshop调出深秋调色图片效果后期修图教程

给各位photoshop软件的使用者们来详细的解析分享一下调出深秋调色图片效果后期修图的教程. 教程分享: 效果对比:     以上就是原片与调整之后的效果,观察原片绿色显得与整体画面感格格不入,破坏了片子的整体意境.显得人物的背影不再有神秘与优雅的味道,这就是原片所带给我的直观感觉.那么如何解决这一问题,关键所在就是绿色元素的取舍与人物和周遭环境色的搭配,解决好这一点,那么这张片子思路到调性就都解决了. 1.观察原片,感知原片所传达的意境. 2.通过Lightroom或camrea raw调整

photoshop简单几步制作梦幻发光效果教程分享

给各位photoshop软件的使用者们来详细的解析分享一下简单几步制作梦幻发光效果的教程. 教程分享:   ■踩点时的场景图和拍摄想法 我个人习惯在拍摄前先去踩点,踩点当天发现,背景是一片花(具体我也不知道是什么花),要想在这个地方拍得出彩,就一定要与众不同.因此,我想到了后期往唯美梦幻去调整.一般拍摄时,我就想好后期该往哪个方向去调整,脑海里要有那个画面,要带着后期的思路去拍摄. 就这个场景而言,如果只从前方看,会显得背景很平,所以拍摄当天我带了梯子去,可以俯拍一些大场景,这样作品视角会比较丰

photoshop调出暖色海岸边照片后期修图教程分享

给各位photoshop软件的使用者们来详细的解析分享一下调出暖色海岸边照片后期修图的教程. 教程分享: 生活和摄影一样,都是先做减法,寻找最基本的质地与颜色.之后慢慢的色彩丰饶.层次葳蕤的叠加起来,体会复杂和万紫千红.最后再逐渐的减下去,这时候你已经知道何为外物,何为内心,去掉冗余和噪音,重新回到最好的质地和简单色彩中. 后期修图也是如此,不是只有高超的技法才能修出漂亮的图片,往往很多时候,简单的技术,就可以让一张看似无趣的片子变得蓬荜生辉.今天给大家分享一张风光片的修图思路和调整流程,为了照

photoshop轻松调出小清新的风景摄影后期教程分享

给各位photoshop软件的使用者们来详细的解析分享一下轻松调出小清新的风景摄影的后期教程. 教程分享:   1.大光圈定焦镜头 带大光圈定焦镜头的好处:首先,定焦镜头相对轻便,其次光圈够大,可以应付各种复杂的光圈,比如夜晚或者逆光.我一般旅行的时候会带一支20mm左右的超广角镜头光圈在F2.8左右,然后带一支35mm 或者50mm 的定焦光圈在F1.4左右.这样基本上可以满足旅行拍摄的需要了.   2.跟着逆光走 因为是拍摄清新的风景,我个人喜欢逆光来刻画身边的小景物,所以每每在旅行的时候都