已收藏,可在 我的资料库 中查看
关注作者
您可能还需要

网站建设中图像优化指导原则

优化图像通常可以减少从网站下载的字节数并提高网站性能。那么新龙如何处理网站建设中的图像呢?

网站建设中图像优化指导原则

作为专业的网页设计公司,深圳新龙始终追求为客户制作高性能高转化适合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

(来源:newloong)
以上内容属作者个人观点,不代表雨果网立场!本文经原作者授权转载,转载需经原作者授权同意。

分享到:

--
评论
最新 热门 资讯 资料 专题 服务 果园 标签 百科 搜索

收藏

--

--

分享
newloong
分享不易,关注获取更多干货