0755-23698839
132-6576-8769

高手们是如何处理网站上的图片的

创络讲堂 2013-04-20 08:00:00 3815次 https://www.chuangluo.com/news_274.html 作者:创络科技

首先要说明一下,本文并不适合网站设计初学者阅读,因为深圳网络公司【创络】原则上不会在这里向大家传递任何技术手法,我们只是分享经验。本文不会告诉大家如何去设计网站图片才更加漂亮,而是要告诉大家网站上的图片要如何去处理。例如:如何尽量减少网站上的图片、图片的格式控制以及网站上图片如何命名。对于已经有一些技术基础的朋友,本文会告诉你一些网站建设公司内部的手法,有可能和学校里学到的不一样,却更加实用,让你更加接近网站设计高手的水平。

网站量身定制的开发步骤是:PS设计效果图、切图、DIV+CSS、程序。对于图片的应用,最为关键的就是在切图和DIV+CSS这两个步骤。首先要告诉大家一个原则:能不用图片的地方就不要用图片,能用小图片的地方绝对不用大图片。例如那些一整块区域都是同一个颜色的时候,我们就可以使用CSS定义的方式来设定颜色,如果是渐变的颜色,也可以考虑使用1像素图片重复的方式来填充。直接使用图片做背景不但会让网站服务器响应过多的请求,更加会让网站加载的速度变慢,灵活的运用background的repeat属性会让网站的性能得到大幅度提升。

以前有一个叫做ImageReady的软件,专门用来切图,现在最新版的PS CS5中已经完全集成了这个功能。不过在使用的时候,创络建议尽量将网站固有的图片(即:后期不会让网站管理员在后台更换的图片)均保存为GIF格式,通常IR软件在导出的时候,都是优化过图片大小的。而后期网站上传的照片可以使用JPG格式,按钮等透明背景的图片则应使用PNG格式(PNG注意IE6的兼容性,如果色数较少也可以使用GIF格式),如果技术条件成熟的话,可以将网站后台上传的图片进行自动等比例压缩,以期在获得最佳显示尺寸的同时还有最佳的图片加载速度。

至于网站图片的命名就是一个经验问题了,如果有人给你传过来一份DIV+CSS文档,而其中的图片命名都是index_01这种格式,那么这个人就有可能是新手,缺乏一定的团队合作经验。深圳网站建设公司创络科技建议大家在写DIV+CSS的时候,图片命名规则尽量要一目了然,而且要有意义,例如:menu_bg.jpg表示菜单背景图片,使用这样的方式命名,和你搭档的伙伴肯定会感激你的。

  • 关于我司自有服务器2018年2月及3月网站备份说明
    2018-03-31 23:40:00
    由于开年后,一直忙于小程序的开发,所以备份通知没有及时更新,今天特别针对关于我司自有服务器2018年2月及3月网站备份说明下:2月份数据已经于3月5日全部完成,3月份数据将于今日完成远程备份,且于48小时内完成本地备份。
  • 超详细解释到底什么是自适应响应式网站
    2018-03-30 22:32:03
    非常多的客户在开始建站之前都会问,什么是自适应网站?什么是响应式网站?创络经常会超详细为客户解释,为了帮助更多人理解这个问题,我们特别整理成文,分享给大家。
  • 2015年12月份我司服务器网站数据备份完成通知
    2016-01-13 08:00:00
    2015年12月份我司服务器网站数据备份已全部完成:包括远程备份和本地备份均已全部完成,请托管于第三方服务器的客户注意自行备份,以备不时之需。
  • 网站变形是怎么回事
    2012-11-06 08:00:00
    如果你不是碰巧看到这篇文章的,那么深圳网络公司【创络】要表示同情,因为你肯定是因为遇到网站变形的问题而来寻找解决方案的。
  • 网站快照日期的八种情况说明了什么(上)
    2012-05-22 08:00:00
    如果说有过很丰富的网站优化经验的话,你可能已经看出来,基本上网站快照的日期和收录会存在八种情况,这八种情况分别说明了什么呢?深圳网站建设公司【创络】将在本文中为大家说明前面四种情况。
  • 庆乔迁之喜做网站送惊喜豪礼
    2011-03-31 08:00:00
    深圳网络公司创络的身份已经在行业内取得傲人的成绩,我们得到了关高的客户的高度认可,现公司已搬迁至新的办公室,庆乔迁之喜做网站送惊喜豪礼。
标准建站流程
客服电话
  • 132-6576-8769
  • 0755-23698839