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

创络讲堂 2013-04-20 08:00:00 3648次 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-06-02 23:38:18
    企业网站的关键词如何布局才合理?这是很多新上线的企业网站需要面临的一个问题,我们将特别针对这类型的网站来聊一下核心关键词和长尾关键词应该如何合理布局,有兴趣的朋友可以了解一下。
  • 托管于我司自有服务器的网站8月份备份说明
    2017-09-16 08:00:00
    托管于我司自有服务器的网站8月份备份已经与9月4日完成远程备份,并于9月6日完成本地备份,由于9月份项目工作量较大,没有及时发布说明,谢谢您的理解!
  • 运营网站的主要几个利润来源
    2013-02-05 08:00:00
    运营一个网站要么是用来销售产品和服务、要么就是用来提升企业形象,不过个人网站还有可能是想要获得一定的利润。
  • 网站子页面的排名问题
    2012-04-20 08:00:00
    最近看了许多有关网站子页面排名问题的一些资料,因为以前并没有刻意去优化网站的内页,以至于这一块的知识直接变成了空白。
  • 网站设计之爱美之心
    2011-11-21 08:00:00
    如果我们将生命赋予网站的话,网站一样会具有爱美之心。网站的生命需要人们来赋予:企业的提案策划、网站设计师的精心设计、后期维护和网站优化就是网站生命的源泉。
  • 网站建设的关键词选取
    2011-03-24 08:00:00
    关键词的合理选取对企业未来的网络营销和电子商务非常重要,企业网站要做就一定要选取好的关键词。好的关键词就是那些客户要找到我们,经常使用的关键词、相关的关键词。
标准建站流程
客服电话
  • 132-6576-8769
  • 0755-23698839