图片的使用与网页的速度有关。
网页设计中，图片越小越好，前提是图片清晰。因为这样可以减少带宽的使用，加快网页的速度。特别是对于门户网站和高流量的网站，如果图片比原来的10K小，节省的带宽会相当明显。然后要求设计师在制作或生成图像时选择合适的格式和图像质量，尽可能的减少图像体积。
GIF是指图形交换格式(图片的交替布局)，是专门为网络使用而开发的绘图文件规范。这种压缩方法最适合大型2D平面、3D立体或动画。但是，GIF被限制为最少8种颜色级别，最多256种颜色级别，因此不能使用全颜色级别。
JPEG是联合摄影专家组(Joint Photographic Experts Group)，是一种为压缩数码照片而开发的绘图文件规范。JPG不支持256色阶或低阶颜色，只能以全色执行。因此，即使JPG具有高压缩率，其图像文件仍然比GIF的低色调图像文件大得多。因此，这种图形文件格式更适合高质量的图形或大带宽。
什么时候选择gif格式？什么时候选择jpg格式？
对于gif和jpg格式的选择没有固定的限制。图片颜色单一或由色块或文字组成，尽量使用gif格式，渐变少，可以大大减少体积；当图片色彩丰富、渐变色彩丰富时，建议使用jpg。这里有两个例子。
[div]
[格][/格][格][/格][格][/格]
一般来说，网站的logo颜色一般都很单一，同样大小的图片用gif格式保存要比jpg格式小很多。图像放大后会发现jpg格式会产生噪点，质量不如gif，当然要选择gif。
[div]
[div][div]
看一下上面两张图。有些是在网上搜索后截取的，同时保存了两种格式。左边的是gif格式，右边的是jpg格式。从图片的属性来看，gif格式大小为63.1KB，jpg格式大小为46.4KB，如果画质不高，可以再次压缩。但从现在来看，可以明显看出jpg格式比gif格式清晰很多，gif格式自动把相似的颜色变成一种颜色，这也是上一个例子中gif格式不会产生噪点的原因。
[div][div]
通过这两个例子，应该对网页设计中选择gif格式和jpg格式有了基本的了解。但在实际应用中，建议以两种格式保存。通过对比，我们会逐渐发现什么时候使用gif和jpg。
图片来源Pixabay作者奇莫诺转载请注明路科技
本文来自投稿，不代表科技代码立场，如若转载，请注明出处https://www.cwhello.com/85505.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
