图片的使用与网页的速度有关。
网页设计中,图片越小越好,前提是图片清晰。因为这样可以减少带宽的使用,加快网页的速度。特别是对于门户网站和高流量的网站,如果图片比原来的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联系删除