要是有在经营网站跟自媒体,肯定会了解图片文件太大没优化容易影响开启速度,像是榜哥网站每篇教程文章至少都会有大量图片,大多数都要针对图片进行压缩优化,其实 Photoshop 优化压缩图片上就做得相当不错,能确保图片质量还能有压缩图片文件,这篇就来分享平常优化照片方式与技巧。
Photoshop 在优化和压缩图片大小算是一项蛮好用的工具,可别以为它只是一款绘图软件,实际上 Photoshop 图片压缩处理技术上可是相当顶尖,相对比起线上图片压缩效果要来得更好。
如果发现网页图片容量太大,经常容易导致网页开启慢,甚至会影响到SEO排名,通常需要了解压缩图片,不管是部落客、爱奇艺r、设计师或小编,对于图片压缩基本都会需要学习。
如何用 Photoshop 图片压缩功能优化网站图片
本篇就来分享榜哥最常用的 Photoshop 压缩图片技巧秘技,通常榜哥在压缩图片都会习惯,会建议每张教程图片至少要压到 250KB 以下,避免图片文件太大,防止网页加载速度过慢情况。
通常在使用 Photohop 设计教程首图后,在输出图片,就会一并使用 Photoshop 内置压缩图片功能进行输出。

步骤 1. 点击 Photoshop 工具栏菜单「文件」>「转存」,并且选择「储存为网页用(旧版)」。

步骤 2. 会跳优化图片菜单设置画面,依照底下压缩图片参数设置(由上到下),最后点击「储存」即可。
- 图片格式:JPEG
- 质量:65(高)
- 最佳化:勾选
- 影像尺寸:宽尺寸约1500以内

图片优化小技巧分享,通常网络图片比较常见都会使用JPEG、PNG格式,一般网页内的图片都尽量使用JPEG比较好,用上 PNG 除非是需要透明背景图片、Logo或颜色较少的图片才会用上。
至于影像尺寸,就要依照自己网页显示的图片大小来判断,要一般网页通常宽高只要1280*720 已经算是显示极限,尺寸过大只会增加图片容量,也会导致网页开启速度过慢,除非是要展示相机拍摄的照片作品。

步骤 3. 比较用 Photoshop 压缩出来的图片大小为 209KB ,要是直接用 Photoshop 快速转存输出 PNG 文件大小是 942KB ,压缩能将照片缩小至 77%。

图片压缩差异比较
在经由 Photoshop 图片压缩状态下,会不会有什么差别? 直接将原图上传让大家通过屏幕比对,基本上应该看不出来压缩过后JPG图片会出现马赛克或模糊情况,而且两张画质基本是相近。


功能总结
要是平常发现图片容量太大,上传网页或加载速度很慢时候,直接利用 Photoshop 图片压缩功能,就能快速替图片瘦身,小文件还能维持高分辨率,要是图片非常大量,也可以搭配 Photoshop 批次替照片转档方式,能达到同时压缩图片、条尺寸和上水印等。
延伸阅读:Photoshop批次转档快速替多张照片上水印与调尺寸技巧