网站的图片大小怎样合适?
  • 发表时间:2023-11-15
  • 浏览量:

对于一些图片比较多的商城,个人博客和企业网站,每次打开网页时图片都需要加载不少时间,有人问有没有办法可以优化图片的尺寸,让图片体积更小,打开更快呢?

我们都知道,搜索引擎目前是没办法读懂图片内容的。可以肯定的说,大部分有网站都的朋友都比较关注网站的情况,更重要的还是网站的关键词排名。如果你害怕图片不好影响网站整体质量,那么,优化图片尺寸大小你只需要注意5个方面:

1.从初始的图片文件入手

简单些来说就是保存或者在制作图片时将尺寸减小一些,如果你用在网站或者博客文章的图片,我们的建议是更大 500*350像素。

如果你是用在微信推送内容或者手机移动站,那么建议用350*200像素,这个尺寸在目前的大部分手机表现都很好。

2.给图片加大小定义

这应该也不难理解,如果你是网站的管理员,一定知道怎么加大小定义的,和加ALT属性的方法一样,可以直接在图片的源代码里面加入,也可以在你上传图片时填写好图片的大小尺寸,比如下面的代码:

<img src=www.1hlt.com/images/logo.gif alt="网站logo" width="285" height="70">

alt属性后台的width表示是宽度,height是高度,你定义了图片的宽高之后,也能方便搜索引擎了解图片的大小。

3.通过代码限制图片的大小

通过代码可以实现图片的放大和缩小,还可以根据需要做不同倍数的缩放,比如你上传的图片比较大,有些网站可以将其缩小为缩略图或者其他中等的图片,就是利用代码实现的效果,如果你有需要限制大小的图片,请参考下面的CSS代码:

img {
width:100px;
height:100px;
}

请一定要注意,使用CSS限制大小的图片很自动缩小比例,导致的结果就是牺牲了图片的清晰度,使用时请慎重。

4.图片清晰度控制图片大小

两张同样大小的图片放在起,清晰度高的图片一般都会比清晰度低的大不少,如果,你对图片的要求不高,完全可以利用这个方法。

你可以使用photoshop软件来处理,比如方便,步骤是:打开这张图再另存,这时一般都会弹出一个窗口提示你设置图片的选项,你选择中等或者根据图片的清晰度做选择即可。

另外一种方法是将图片压缩,以减少图像的体积,推荐两个本站使用过更好 的压缩图片工具,你可以根据自己的情况使用。工具地址:http://www.asqql.com/gifzip/(请复制到浏览器内打开)

工具使用说明

5.不同的图片格式限制图片大小

一般在网上的静态图片用的都是JPG或者JPEG两个格式,如果你的图片类型是点阵图,那么你使用JPG格式来保存是比较好的,特别是你的图像又比较大时,采用这两种格式可以保证图片的清晰度,图片也不会很大。

图像是矢量图时,当然也是可以保存为JPEG类的,如果你不需要背景的话,可以选择保存PNG格式的。

当然,你选择什么样的图片格式取决你需要的图片大小和清晰度。

以上的几点就是优化网站图片尺寸时需要注意的技巧,不管是什么样的内容,搭配上一张相对应的图片,整个页面得分都分高一个级别,更重要的是,用户看着舒服。


RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:9:30-18:00
微信二维码
关闭右侧工具栏