wpf inkcanvas 保存为透明图片_【凡凡经验04】Photoshop压缩图片大小

凡凡领域 ~年轻人都关注的公众号~

前言

我们在网站报名考试或者填报一些个人信息时，经常需要上传20k以内的照片。

这就需要我们将图片大小进行压缩。

就像画家需要了解颜料，雕塑家需要了解石材一样，虽然我们大多数并不是设计师，但笔者认为，对图片本质有一定的了解，有助于我们更好的理解所做的操作。

图片基本常识

按照构成元素来分，图片主要分为矢量图和位图。基本概念如下表。

概念	解释
像素	位图最小的不可分割的元素，也是数码感光元件最小的感光单位
分辨率	单位面积内的像素数量
图片尺寸	图片纵横方向上包含的像素个数
图片宽高	图片物理意义上的长度
图片体积	图片占用的存储空间大小

我们在网站上使用的图片都是位图，以像素为单位。上表的图片体积，也就是俗称的图片大小。

简单来说，图片分辨率越高，图片越清晰，所包含的总像素数量越多，图片体积越大。

Web所用格式

不同位图记录图片信息的方式不一样，从而诞生了不同的图片格式。

Photoshop提供了Web所用的图片格式，包括GIF、JPG、PNG、WBMP等。这类文件压缩比高，体积小，上传和下载速度快，适合Web传播。

其中，JPG和PNG是最常见的图片格式。

JPG采用有损压缩记录图片信息，不支持透明和动画。与JPEG是一种格式的不同叫法。

PNG采用无损压缩，支持透明但不支持动画，一般图片体积较大。所以当对图片清晰度要求不高时，压缩图片一般导出JPG格式。

使用Web所用格式的好处是，在要求图片质量的同时，文件体积小。还能移除图片的Exif信息，主要包括拍摄日期及其它相机参数，从而保护隐私。

JPG参数设置

导出JPG格式主要的参数设置如下表。

参数	解释
品质	设置越高，图片越清晰，体积越大
优化	创建体积稍小的增强型图片，获得最大压缩量
连续	创建在Web浏览器中连续显示的图片，能看到低分辨率版本
模糊	指定应用于图片的模糊量
杂边	指定图片中透明像素的填充色

Photoshop压缩图片大小

一、工具

Photoshop CS6

链接：https://pan.baidu.com/s/1FN-_5jgaW1gl83nhOWYpvg  提取码：vrhu

二、步骤

1. 打开Photoshop CS6，点击文件下的【打开】，导入需要上传的图片。

2. 点击文件【存储为Web所用格式】。

3. 出现新的操作面板，各项设置如图所示。本例中图片大小为67.64K，我们需要设置右侧格式和属性来压缩图片大小。

4. 按照下图步骤调整图片【品质】，其余参数按需设置。

5. 完成上述设置后，点击【存储】，按如下步骤保存图片。

6. 当保存的文件名出现中文时，保存时会出现如下警告。这是由于以前含有中文的图片在Web使用时，会造成一些老版本浏览器或服务器不支持，现在已经没有这个问题了，可以忽略警告。如果介意只需修改文件名只含字母或数字，或者在网站使用时不要有中文即可。

7. 来到存储路径下找到压缩完成的图片。右键【属性】查看图片大小，如图已经压缩为19.8K，成功压缩到20K以下。需要注意的是，占用空间大小指的是文件占用硬盘空间大小的字节数，这些空间被分为很多小格，会有一个文件占不满一个格子的情况，所以占用空间大小通常比实际文件大一点。我们只需关注实际大小，满足需求即可。

写在最后

在这个人人都是自媒体的时代，图片是除了文字和视频以外，传递信息的重要载体。

笔者认为掌握Photoshop的一些基本技巧，会像掌握剪辑和编程一样，逐渐成为我们每个人必备的技能。

不论对于自身成长还是对社会发展，都将是有益的一部分。

图文：平   凡 (点击主页菜单原创->教程->经验即可随时阅读) (点击下方，即可浏览全文↓↓↓)