网站建设中图像优化指导原则
作为专业的网页设计公司,深圳新龙始终追求为客户制作高性能高转化适合SEO的营销型网站。优化图像通常可以减少从网站下载的字节数并提高网站性能。那么新龙如何处理网站建设中的图像呢?
下面讨论我们对待网站图像的一般原则:
图像优化既是一门艺术,也是一门科学,它即关系到企业品牌形象和内容传递,同时关系到网站性能和用户体验。我们在为客户提供的网站设计服务中需要谨慎处理。
一、尽可能使用CSS修饰图像
如果图像需要外框装饰,渐变效果或者给图片加上阴影等等修饰性元素,这些不要做进图像里,而是通过CSS达到这类效果。
通过CSS修饰的元素,在任何分辨率和缩放等级下始终能够清晰地显示,并且需要的字节数往往只是图片文件的几分之一。
二、网站图像尽可能使用SVG格式
比如网站LOGO,合作伙伴LOGO,大尺寸的主题图片等等,尽可能采用SVG格式,以保证文件字节数最小,提升网站性能。
三、网站图标尽可能采用图标字库
对于常规使用的图标,图标字体化是一种很好的解决方案。字体图标具有和文字一样放大缩小不变形的特点,并且字节数小、灵活、兼容各种现代浏览器,包括版本较低的IE浏览器。
四、对网站图像进行字节数优化
对于不能够使用SVG格式的图像,深圳新龙将对其进行字节数优化。同时也会指导客户对产品图优化后上传到网站。
这里有一个使用Photoshop优化图片字节数的教程。这里有优化图片的在线工具介绍。
五、图像的命名进行优化
网站的图像名称不能是毫无疑义的数字或者字母,必须是可以识别的有意义字母、数字、中横线组合,并且包含产品关键词或者品牌词。在网站建设服务中,深圳新龙将与客户进行详细讨论,以确定客户提交的每一张图像进行重新命名,确保访问者通过搜索引擎能够发现该图片,为企业带来更多客户线索。
规避浏览器的禁忌词。有些浏览器针对图片命名中含有的某些词语而引发禁止图片显示,这非常影响企业的网络形象,因此我们需要帮助客户规避此类问题。
六、图像的Meta数据必须填写
这是基本的SEO要求,客户的每一张图像都将填写Meta数据,并且我们也指导客户上传产品图时填写,请看教程如何填写图像Meta信息?
如需查看最新内容请点击屏幕左下角蓝色字“阅读原文”。
参考来源:https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization?hl=zh-CN