厂商 ：郑州仁和机动车驾驶员培训学校
河南 郑州- 主营产品：
联系电话 ：15324866387
商品详细描述
自己建立网站时优化图片的小技巧，郑州福务达网站建设 www.zzfwd.cn
我们发现很多人自己做网站建设时都会忽略网站图片的优化工作。对于现在的网站来说图片太大会导致网站访问下载的带宽过高，造成网站反应过慢的状况，会导致网站用户的跳出率增加，使网站的用户体验下降。因此我们要学会如何优化自己网站的图片。
以下是在网站上使用图片时应注意的一些优化技术：
1.使用正确的图像尺寸
您应该始终使用大小或至少接近呈现的大小的图像。使用大于所需要的图像是迄今为止在网站建设中常见的错误。
如果网站渲染的图像是200*300尺寸。理想情况下您应该加载一个完全符合该容器的图像，即200像素×300像素。在这种情况下如果要加载800像素×1200像素的图片，让浏览器或应用程序为您调整大小，那么您网站的加载大概是平常的10-15倍。
这对于显示大量产品缩略图的电子商务网站来说更为重要。缩略图大小可以根据着缩小页面的加载大小进行选择。
使用正确的图像尺寸
这个图像原始图片尺寸为2448 x 2448像素，大小约为1.4MB。调整大小的版本是400 x 400像素，大小约为109KB。这是尺寸减少13倍
2.使用正确的图像格式
正如我们之前发布的一篇文章中所讨论的，JPG，PNG和GIF是常见的图像格式。有一个比较新的图像格式WebP。它尝试将来自前三种格式的图片封装成单个图像格式，同时提供更好的压缩比。
而常见的错误是使用PNG格式的自然场景图片。因为在这种情况下JPEG或WebP图像将比PNG图片小得多，而且效果上看起来完全相同。使用正确的格式可以对减少图像对带宽消耗产生的巨大影响。
3.压缩您的图像
即使在选择正确的图像尺寸和格式之后，也可以通过压缩进一步减小图像的尺寸。
常用的压缩方法是通过去除与图像相关联的所有不必要的元而不改变图像质量。可以在显示图像时地丢弃该元。这种方法被称为无损压缩，在网站或应用程序使用图像之前进行使用。
另一种方法有损压缩，降低图像的质量以获得较小的尺寸。然而人眼无法区分原始的未压缩图像和图像的区别。因此通常可以将图像质量降低到80-90。这样做往往会使图像的大小下降到原来的20-25％。
我们发现很多人自己做网站建设时都会忽略网站图片的优化工作。对于现在的网站来说图片太大会导致网站访问下载的带宽过高，造成网站反应过慢的状况，会导致网站用户的跳出率增加，使网站的用户体验下降。因此我们要学会如何优化自己网站的图片。
以下是在网站上使用图片时应注意的一些优化技术：
1.使用正确的图像尺寸
您应该始终使用大小或至少接近呈现的大小的图像。使用大于所需要的图像是迄今为止在网站建设中常见的错误。
如果网站渲染的图像是200*300尺寸。理想情况下您应该加载一个完全符合该容器的图像，即200像素×300像素。在这种情况下如果要加载800像素×1200像素的图片，让浏览器或应用程序为您调整大小，那么您网站的加载大概是平常的10-15倍。
这对于显示大量产品缩略图的电子商务网站来说更为重要。缩略图大小可以根据着缩小页面的加载大小进行选择。
使用正确的图像尺寸
这个图像原始图片尺寸为2448 x 2448像素，大小约为1.4MB。调整大小的版本是400 x 400像素，大小约为109KB。这是尺寸减少13倍
2.使用正确的图像格式
正如我们之前发布的一篇文章中所讨论的，JPG，PNG和GIF是常见的图像格式。有一个比较新的图像格式WebP。它尝试将来自前三种格式的图片封装成单个图像格式，同时提供更好的压缩比。
而常见的错误是使用PNG格式的自然场景图片。因为在这种情况下JPEG或WebP图像将比PNG图片小得多，而且效果上看起来完全相同。使用正确的格式可以对减少图像对带宽消耗产生的巨大影响。
3.压缩您的图像
即使在选择正确的图像尺寸和格式之后，也可以通过压缩进一步减小图像的尺寸。
常用的压缩方法是通过去除与图像相关联的所有不必要的元而不改变图像质量。可以在显示图像时地丢弃该元。这种方法被称为无损压缩，在网站或应用程序使用图像之前进行使用。
另一种方法有损压缩，降低图像的质量以获得较小的尺寸。然而人眼无法区分原始的未压缩图像和图像的区别。因此通常可以将图像质量降低到80-90。这样做往往会使图像的大小下降到原来的20-25％。
标签：
相关产品推荐
