一个精美的网站需要图片与文字的完美结合。其中图片的选择固然非常重要,但是图片的尺寸并不是越清晰越好,越大越好。我们在追求高清,精美图片展示的同时,往往会忽略一个很重要的细节,那就是网站的访问速度。

这是一个网站的加载时长截图,该网站目前的加载时长高达20s,这给用户带来的访问体验将会大打折扣。其中很明显的最后一张.png格式的图片尺寸过大。WordPress花园在这里建议非必要性透明背景的图片均以jpg格式上传以减小图片的尺寸大小。此外png上方的两张jpeg图片尺寸也过大,建议调低品质以控制大小。

那么图片的大小应该控制在多少较为合理呢?WordPress花园丰富的建站经验告诉大家,网页中的页面图片大小尽量控制在200KB以内为最佳,既能保持图片的高清晰度,同时又能保证网站的访问速度。以下是WP花园给大家的建议:

  • LOGO PNG格式 200px宽度以内 尺寸50kb以内
  • 幻灯片图片 JPG格式 1920px宽度以内 尺寸250bk以内
  • 素材图片 JPG格式 600px以内 尺寸100kb以内

如果有更多关于网站建设方面的问题,请联系WP花园:D

专业网站开发网页设计公司

深度阅读:

Visual Composure建站教程0 – 简介 Visual Composure(简称VC)是可视化编辑器,通过拖拽的模块的形式搭建网页,所见即所得,新手经过简单的培训,就能搭建出一个页面。通过阅读学习本系列教程,你可以在“不写任何一行代码的情况下‘,30分钟内搭建出一个精美的页面。这次教程用企业官网中最常见的【关于我们】这个页面...
【WP可视化编辑器】花式文字-Fancy Text-Slideup 预览地址: https://ultimate.brainstormforce.com/text-slideup-effect/ 作用: 对文字做的一些处理加入了滚动的动画,可以用在一些数据上,对数据进行滚动,或是用在用户量上,给用户一种更直观地体验。 预览效果:后台:...
wordpress插件使用教程 – 在线表单系统 Gravity Form 的使用 表单是一个成熟网站必备的功能,他能够给网站提供咨询服务的窗口,增加客户询盘量。那么今天就给大家简单介绍一个表单插件 Garavity Form。它的功能可以说是非常全面,涵盖了大部分的功能需求。那它有哪些基础和特色功能,又如何使用呢? 1、各种各样的表单输入形式 1.以下是常用表单工具:...
在wordpress添加相关文章 通过WordPress Related Posts插件,在当前文章底部添加一些相关文章的列表,提高网站的粘稠度,让你的网站流量暴增!!!使用这款WordPress Related Posts插件,会根据tags,category以及相关的关键字,在文章结束之后列出一些和当前文章有关的文章,可以设定字...
基于wordpress的css修改技巧系列教程 – Gravity Forms 的美化修饰及类名选择 很多开发者在创建表单的时候,会选择使用Gravity Forms插件。如果你还不太了解Gravity Forms可以查看以下文章,在线表单系统Gravity Form的使用 。利用Gravity Forms创建表单十分简单,但是其自带的样式效果需要使用css进行美化编辑,在进行样式修改时,有以下...
wordpress插件使用教程 – 使用Google Language Translator 实现网站多语言在线翻译 在使用WordPress进行企业建站的时候会碰到一些网站需要中英双语言,这时候就需要WPML插件的使用。需要使用WPML进行网站翻译的站长可以点击查看以下文章 : WordPress中翻译网站(WPML插件)的使用但是WPML的多语言功能部署较为复杂,相当于在后台重新制作一个英文站点,适合于...
为什么很多的企业都会忽视网站运营? 随着互联网的不断进步,不断发展,目前有很多的企业都已经意识到企业网站不仅可以作为一个展示的平台,与此同时,更可以将其看成是一个网络营销的平台,能够给企业带来利益转化的地方,于是营销型网站丰盛而出。越来越多的企业开始建立自己的营销型网站,而大家都开始重视网络营销,却忽视网站运营,甚至说放弃网站运营,那...
把wordpress管理后台变成扁平化 扁平化是最近很火的一种设计风格,IOS7以及win8的设计风格都选择了扁平化,那今天我们就把自己的管理后台的样式也变成扁平化,让你的wordpress跟上时代的发展!!自从wordpress 3.8以后,就将MP6整合到wordpress系统中了,所以如果你还在用wordpress3.8之前...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.