Categories


Tags


网站图片优化的原则

现在的网站大量的使用图片,那么这些图片如何优化才好呢?这里DavidYin列出了15个优化原则,与大家分享。

1)在网站设计之初,就先要做好规划,比如背景图片如何使用等等,做到心中有数。

2)编辑图片的时候,要做好裁剪,之展示必要的,重要的,同内容相关的部分。

3)在输出图片的时候,图片大小要设置妥当,长宽像素就设成你所需要的大小,而不要输出大图片,然后使用的时候,在指定较小的长宽,缩放图片。

4)尽量组合装饰性的图片,以节省http请求数,在具体使用时,采用CSS sprite的方式。

5)页面上的边框,背景,尽可能的使用CSS的方式来展示,而不要用图片。

6)图片使用上,能用png格式的尽量用,以替代过去常用的gif和jpeg格式。在保证质量的情况下,用最小的文件。

7)在html中明确指定图片的大小。

8)若使用photoshop的话,缩放图片通常会让图像模糊,可以用smart sharpen来让图片更为出色。

9)对于Gif和PNG文件格式,最小化颜色位数。

10)对于Gif和PNG文件,最小化dithering,可使文件更小。

11)如果图片上要添加文字,可能的话,就不要把文字嵌入到图片中,而是采用透明背景图片,或者CSS定位让文字覆盖在图片上,既能获得相等的效果,还能把图片更大程度的压缩。

12)在较小的Gif和PNG图片上,可以使用有损压缩。

13)可能的话,使用局部压缩,保证前景清楚的基础上,较大程度的压缩背景。

14)图片在优化之前,若能降噪的话,可以获得额外的20%多的压缩。

15)jpg图片也可以模糊背景,然后压缩的时候,可以压缩的更多。

上面就是DavidYin告诉你的15个图片优化的原则。

作者: David Yin

原载: SEO 网站优化推广

来源:卢松松博客


Public @ 2009-06-13 15:16:36

小技巧给网页减肥,让网站提速。

1. 优化图片 - 减少图片数量。不必要的图片可以删掉。 - 压缩图片。可以使用在线图片压缩工具,如TinyPNG、Kraken、Compressor.io等。 - 使用WebP格式图片。WebP是一种谷歌开发的图片格式,可显著减少图片大小并提高加载速度。但它不兼容所有浏览器,要确保您的网站的流量主要来自兼容WebP的浏览器。 2. 减少HTTP请求 - 合并CSS和JavaScript文件

Public @ 2023-04-18 03:00:22

Description是什么意思如何撰写网站描述呢?

Description是网站SEO当中的一个重要的元素,用来描述网站的概况和内容。它通常出现在搜索引擎结果页(SERP)中的网站链接旁边,可以让用户更加精确地了解网站的主题和内容。 为了撰写一个优秀的网站描述,需要遵循以下几点: 1. 简明扼要:网站描述应该尽可能简洁、明了地表述网站的主旨和内容,最好不超过160个字符。 2. 突出关键字:在描述中突出网站主要关键字,有助于吸引受众。 3.

Public @ 2023-05-27 23:00:23

网站图片SEO优化技巧,如何让百度收录图片

1. 对图片进行命名和描述:为每张图片命名,确保它们与页面或所在文件夹的主题相关。在文件名中使用关键词,避免使用非字母符号。此外,为每张图片添加描述和标签。 2. 压缩图片大小: 确保图片大小尽可能小。较大的图片会使网站变慢,导致搜索引擎排名下降。可以使用像Kraken.io之类的在线工具来帮助压缩图片大小。 3. 使用合适的格式:将图片保存为JPEG、PNG或GIF格式。JPEG格式适用于照

Public @ 2023-06-24 07:50:13

了解网站图片内容优化的重要性,尤其是图片类型站点

网站图片内容优化是指通过对图片进行优化和相关的技术手段来提高网站的用户体验和SEO排名。对于图片类型的网站来说,图片是网站内容的重要组成部分,因此优化图片内容尤为重要。以下是了解网站图片内容优化的重要性的几点原因: 1. 提高用户体验:图片可以吸引用户的注意力,丰富网页内容,提高用户体验和留存率。优化图片内容可以使图片加载更快,降低加载时间,从而提高用户体验。 2. 加速网页加载速度:大型图片

Public @ 2023-07-26 15:00:46

更多您感兴趣的搜索

0.552175s