网站图片优化的原则
现在的网站大量的使用图片,那么这些图片如何优化才好呢?1)在网站设计之初,要做好计划,壁纸的使用方法等,让你知道该怎么做。
2) 编辑图片时,应做好修剪,以显示必要的、相关的和内容相关的部分。
3)输出图片时,图片尺寸要设置正确,长宽像素要设置成自己需要的尺寸,而不是输出大图,然后在使用的时候,指定更小的长宽缩放图像。
4)尽量结合装饰图片来保持http请求的数量。在具体使用中,使用了 CSS wit。
5) 页面的边缘和背景应该尽可能使用CSS而不是图像来显示。
6)在图片的使用上,尽量使用png格式来代替过去常用的gif和jpeg格式。在保持质量的同时使用尽可能小的文件。
7) 在 html 中明确指出图像的大小。
8)如果你使用photoshop,缩放图像通常会使图像模糊,你可以使用智能锐化来增强图像。
9) 对于 Gif 和 PNG 文件格式,尽量减少颜色位数。
10) 对于 Gif 和 PNG 文件,尽量减少抖动以使文件更小。
11)如果要给图片添加文字,如果可能的话,不要在图片中插入文字,而是使用透明背景图片,或者CSS位置来覆盖图片上的文字,这样不仅可以达到同样的效果。效果,还能让画面更漂亮。压缩效果好。
12) 在较小的 Gif 和 PNG 图像上,可以使用有损压缩。
13)如果可能的话,在保证前景清晰的基础上,使用局部压缩来更大程度的压缩背景。
14) 图像优化前,如果能做到降噪,可以额外获得20%的压缩。
15)jpg图片也可以模糊背景,压缩的时候可以进一步压缩。
页:
[1]