读图的时代,怎么解读图片?

一、图片的那些区别

1、矢量图和位图
位图---是由一个个像素组成一个图片,放大会模糊。
矢量图----是用线段和曲线来描述图像,也就是一个个数学函数,例如一个三角形,就用三角形函数去描述,图片放大也不会模糊,因为里面的函数不变。

2、DPI
dpi是指每英寸的像素。dpi越小,含有的像素就越低,所以,在互联网传输速度的情况下,web上使用的图片都是72dpi。
但是打印照片,必须是300dpi或者更高dpi。

3、常见的格式
jpg/jpeg、gif、png、bmp、tiff、webp

gif ---- gif的颜色数量最多只能是256种,可以做成动画。
jpg/jpeg---- 采用是有损压缩,在保留色彩与体积之间取得不错的平衡。
png---- 其设计目的是试图替代GIF,画质中等。具有高保真性、透明性及文件大小较小的特点。
bmp---- 不采用任何压缩,图质最好,所以体积很大,不适合互联网使用
tiff---- 主要是用来存储照片图像,同时也是印刷行业中受到支持最广的图形文件格式,但不适用于在浏览器查看。
webp---- 是谷歌(google)开发的一种旨在加快图片加载速度的图片格式,压缩体积可以比JPG少40%。也是属于有损压缩,美中不足的是,WebP格式图像的编码时间“比JPEG格式图像长8倍”。

4、png与gif透明属性的区别
GIF的透明度,只有两种情况,要么是全透明,要么是全不透明。不能有类似30%这种半透明情况。所以会导致出现难看的锯齿。
PNG图片格式现在包含三种类型:
1.PNG8 --- 256色(相当于gif)
2.PNG24 --- 全色
3.PNG32 --- 全色

其实,PNG32就是PNG24,png附带了全alpha通道,可以实现半透明的效果。
注:低版本的IE6浏览器,是不支持png的半透明。


扩展阅读:简述jpg。Gif。png-8.png-24的区别,分别使用场景

5、颜色模式:RGB和CMYK
RGB---- 即红、绿、蓝三种色彩。
CMYK---- 即青、洋红(品红)、黄、黑四种色彩,是专门用在印刷喷绘领域。

他们之间的色域关系如下:

RGB的色域相对CMYK来说,是广很多,所以如果图片由CMYK转换到RGB是没问题的,但RGB转换CMYK,可能颜色就有类似色来取代。
同时,CMYK的图片,有个别浏览器是不支持的。所以,我们放在网上的图片,都应该是RGB模式。

二、浅谈美化图片常用工具

美化图片这个话题太大了,在这里,我只谈谈我们平时常用的,可以快速的完成的操作。

1、锐化

2、虚化
动态模糊,高斯模糊

3、调整色阶
针对光线不足的情况下的图片

4、仿制图章
主要是用来去水印

5、修补工具

三、抠图的常用方法

1、魔术棒法

适用:图像和背景色色差明显,背景色单一,图像边界清晰。

2、色彩范围法

适用:图像和背景色色差明显,背景色单一,图像中无背景色。

3、磁性索套法

适用:图像边界清晰。

4、橡皮擦法

5、蒙板抠图法

6、钢笔工具法

适用:图像边界复杂,不连续,加工精度度高。但缺陷是慢。

7、通道法

是利用寻找通道里,画面对比度最大的通道。


扩展阅读:
从菜鸟到高手!PHOTOSHOP抠图全方位攻略
Adobe又玩黑科技:PS新算法逆天 数秒完成自动抠图
利用通道及钢笔抠出人物细长的发丝

四、动态图片的制作与修改

知识点:新增,删除,调整时间,移动元素,修改元素,输出

举例:新建gif

举例:修改gif

举例:减少gif体积

五、图片的保存

1、图片的命名
为了保证可靠的兼容性,文件的命名,不宜用中文(因为有一些浏览器是不支持中文),更不能出现特殊符号、日文、火星文等等。
这些不友好的名称,只会增加麻烦,譬如:
你分享链接给朋友,却因为浏览器没能正确解释而打不开链接;
网友打不出你的字符而搜索不到你的图;
浏览器不支持中文而显示不出图片。
推荐只用:拼音字母,阿拉伯数字,下划线。

2、体积和尺寸
图片的体积越少,下载的速度越快,网站的体验就更好。
有统计调查,页面加载时间如果超过四秒,意味着会有1/4的用户将面临着流失。
所以,网站都是有规定图片的大小限制的,以阿拉丁商城为例:


六、字体的选择和使用

1、字体的版权
近些年大家都非常重视知识产权的保护,有些字体公司更是经常去检查。一旦发现你侵权,就有可能收到律师函了。
“免费下载”和“免费使用”是不同的概念。有些字体你可以免费下载,但不可进行商用,只能允许你个人使用。
我们公司现在准备计划上市,更加不要使用有版权问题的字体去做商业使用。

2、 常用的中文字体里,有那些是免费商用的?
以下列举了一下常用字体,绿色的代表可以免费商用。


3、微软雅黑字体是否可以免费商业?
如果是在网页里声明使用是可以的,如:font-family:"Microsoft YaHei","微软雅黑";


但如果商用,还是需要向北大方正公司付费的。

扩展阅读:
免费商用中文字体有哪些?

4、通过字体的修改,规避侵权

举例...

七、网上免费资源

图片类:
58pic.com - 需要注册,普通会员可以每隔一个小时免费下载一个素材。
90sheji.com
699pic.com - 需要注册,普通用户限下载1张/天。

图标类:
www.iconfont.cn - 阿里出品的矢量图标平台,需要注册,可以选择png或者ai格式,还可以选择大小和颜色。
www.iconpng.com - 只能下载png格式的图标。

PSD源文件:
365psd.com

压缩工具:
tinypng.com - 如果不想每次都打开ps程序,可以用这个在线工具,他可以在几乎不降低质量的情况下减少图片的体积。

教程:
www.68ps.com