共计 1911 个字符，预计需要花费 5 分钟才能阅读完成。
图片，是咱们生存中最常见的信息载体，作为一个日常生活中无处不在的事物，咱们曾经很习惯动态或者动静的图片了。大家也理解动态图片次要是 jpg/png 格局，动静图片次要为 gif。那你有没有过一瞬间的纳闷：“为什么都是图片还有不同的格局，这些格局都有什么不同？”
Q1 聊聊常见的图片格式
JPEG 格局
JPEG（Joint Photographic Experts Group）即联结图像专家组，是用于间断色调动态图像压缩的一种规范，文件后缀名为 .jpg 或 .jpeg，是最罕用的图像文件格式。
JPEG 图片格式的设计指标，是在不影响人类可分辨的图片品质的前提下，尽可能的压缩文件大小。这意味着 JPEG 去掉了一部分图片的原始信息，也就是进行了有损压缩。JPEG 的图片的长处，是采纳了间接色，得益于更丰盛的色调，JPEG 非常适合用来存储照片，用来表白更活泼的图像成果，比方色彩突变。
然而，JPEG 不适宜用来存储企业 Logo、线框类的图。因为有损压缩会导致图片含糊，而间接色的选用，又会导致图片文件体积更大。
PNG 格局
PNG（Portable Network Graphics）即便携式网络图形，是一种采纳无损压缩算法的位图格局，文件后缀名为 .png。PNG 应用从 LZ77 派生的无损数据压缩算法，个别利用于 JAVA 程序、网页中，它的压缩比高，生成文件体积小。
PNG 格局是咱们在数字设计我的项目中最常应用的格局。PNG 通常具备比其余格局更大的文件大小，然而它保留了硬性边缘成果，且能够解决大量色彩。另外 PNG 有个比拟乏味的个性，那就是反对通明背景，这也是大多数网站将 Logo 创立为 PNG 格局的次要起因。
GIF 格局
GIF（Graphics Interchange Format）即图像调换格局，是在 1987 年由 Compu Serve 公司为了填补跨平台图像格式的空白而倒退起来的。家喻户晓，它最大的特点就是“能动”。因而，GIF 通常用于从图像文件创立动画。通过在压缩中合并无损品质，能够无损传输和存储这些文件，并且对图像库的存储影响较小。
GIF 是无损的，采纳 GIF 格局保留图片不会升高图片品质。得益于数据的压缩，文件体积小，也是 GIF 格局的长处。此外，它还具备反对动画以及通明背景。
GIF 格局实用于对色调要求不高同时须要文件体积较小的场景，比方企业 Logo、线框类的图等。因其体积小的特点，当初 GIF 也曾经被宽泛的利用在各类网站中。
然而近几年，一种全新的图片格式迅速开始成为各大网站的宠儿，它就是 WebP。
Q2 图片的王者？WebP or JPEG？
WebP 能够简略看做 JPEG 的升级版。它是 Google 推出的图片文件格式，目标就是为 Web 上的图片资源提供卓越的有损、无损压缩。在与其余格局等同品质指数下提供更小，更丰盛的图片资源，以便资源在 Web 上拜访传输。
WebP 图片格式来源于 VP8 视频编解码器，也就是 WebM 视频容器，是 WebM 视频格式地单个压缩框架。VP8 编解码器的一个弱小性能就是可能进行帧内压缩，或者更确切地说，能将视频的每个帧都被压缩，再压缩帧与帧之间的差别。
WebP 个性
- 有损压缩：有损压缩基于 VP8 要害编码。VP8 是 On2 Technologies 创立的视频格式，是 VP6 和 VP7 格局的后续版本。
- 无损压缩：采纳预测变换，色彩变换，减去绿色，LZ77 反应参考等技术进行压缩。
- 透明度：8 位 Alpha 通道对图形图像很有用。Alpha 通道能够于有损 RGB 一起应用。与其它格局图片所不反对的 WebP 特有的性能。
- 动画：它反对真彩色动画图像，即能够反对动态图 (类 Gif 图)
- 元数据：它可能具备 EXIF 和 XMP 元数据
- 色彩配置文件：它可能具备嵌入式 ICC 配置文件。
点击原文浏览理解更多~
Q3 图片防盗——小性能，大平安
将精心拍摄或制作的图片公布到网上是一件高兴的事件，被气味相投的小伙伴看到投诉是另一件高兴的事件。两件高兴的事件加起来本来应该取得双倍的高兴，但总有些人不问自取，不仅盗图，还盗链，这让人倍感焦躁。
知己知彼方能屡战屡败，因而咱们先来理解一下什么是盗链。
盗链是指服务提供商本人不提供服务的内容，通过技术手段绕过其它有利益的最终用户界面（如广告），间接在本人的网站上向终端用户提供其它服务提供商的服务内容，骗取最终用户的浏览和点击率。
简略来说，就是其余网站上“盗”用了你网站的资源，去减少他的网站点击率，但最初流量却算在你身上，让你花“冤枉钱”。这个当然不能忍！怎么办？因为各网站性质不同（游戏 / 新闻等），需要也是不尽相同的。又拍云提供多种防盗链性能，满足用户的须要。
举荐浏览
如何抉择适宜本人网站的防盗链
秋天的第一份“干货”I Referer 防盗链，为什么少了个字母 R？