15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 图片格式的选择+图片压缩---网页制作

图片格式的选择+图片压缩---网页制作

时间:2023-07-04 23:36:02 | 来源:网站运营

时间:2023-07-04 23:36:02 来源:网站运营

图片格式的选择+图片压缩---网页制作:在网页制作中,最常用的图片格式是:png,jpg,gif。那我们该怎么选择呢,它们各自的优缺点又是什么呢:

首先讲:gif,它主要是运用于动画图片,支持透明,可能会有人会说还有flash的swf格式,以前比较常见,现在基本上被gif和CSS3、js所代替。所以如果美工设计中,有动画的元素 ,首先看JavaScript和css能不能实现,如果他们不能,再考虑用gif动画图片来实现。为什么呢,因为gif是,gif最多256色,画质差。所以在下面的情况下首选gif:

  1. 动态
  2. 画质要求不高
  3. javascript与css3难实现
png,它主要是运用于有透明元素的图片,画质高,在网页制作中,透明的图片还是很常见的。这也是我很常用的图片格式。所以在下面的情况下首选png:

  1. 要求透明
  2. 画质高
  3. 压缩比要求不高
jpg,它主要运用于图片没有透明的元素,画质高,压缩比高,一旦把透明的颜色储存为jpg,透明的部分都会被白色元素所代替。所以在下面的情况下首选jpg:

  1. 没有透明的元素
  2. 画质高
  3. 压缩比高
最后讲一下,网页制作中,我是如何来压缩图片大小的,来提高网页加载速度

在网页制作中,特别是在美工做好psd效果时,在截图时,压缩方法:PS→文件→保存为web所用格式→品质高低自己调试一下,透明图片保存为png,不是透明的保存为jpg

这里的画质选择:主要是根据你的网页图片来定,对清晰度要求高不高。还有在制作网页是注意点是,在利用到一个高清图,直接用img标签引入,看图片过大,用width和height来进行缩小,这是一个非常浪费带宽的做法,大家在使用时,尽量先用ps进行等比例缩小到所需要的大小。

关键词:图片,格式,选择

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭