0755-23698839
132-6576-8769

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

创络讲堂 2013-04-20 08:00:00 6258次 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表示菜单背景图片,使用这样的方式命名,和你搭档的伙伴肯定会感激你的。

  • 营销型外贸网站建设功能模块规划建议
    2019-12-16 09:53:30
    营销型外贸网站建设需要兼具营销型网站和外贸网站的模块规划特点,例如营销型网站的首页展示热销产品和外贸网站的隐私策略等模块。
  • 你一直想要的HTML5手机网站来了
    2015-01-26 08:00:00
    你一直想要的HTML5手机网站来了,由深圳网站建设公司【创络】自主开发的手机网站演示版已经可以在线预览了,老客户5折、新客户8折优惠进行中,仅限年假前的试水推广期!
  • 设计网站横幅需要漂亮的图片做背景
    2013-07-17 08:00:00
    设计网站横幅需要漂亮的图片做背景,一个好的背景,可以轻松的容纳相关产品和其他主题元素,并起到突出重点的作用,深圳网站建设公司【创络】也为您准备了几张图片以供参考。
  • 别让网站程序员在背后说你的不是
    2013-05-06 08:00:00
    本文将要讨论的不是网站程序员和客户之间的关系,而是网站程序员经常抱怨的网站前端工程师。如果大家还不够了解网站的设计流程可能在阅读本文是产生一定的理解障碍,深圳网站建设公司【创络】会尽量的解释清楚这两者之间的关系。
  • 简洁大气的网站不是说说都可以做出来的
    2012-11-18 08:00:00
    要把一个网站设计得简洁大气并不是一件容易的事情,不是有句话说看花容易绣花难吗?大多数的网站访问者都仅仅能说出这个网站是否简洁,是否大气,而没有办法给出具有建设性的建议来让不够简洁的网站更简洁、让不够大气的网站更大气。
  • CuteFTP如何备份多个网站FTP数据信息
    2011-11-29 08:00:00
    CuteFTP是一个非常好用的FTP软件,深圳网络公司【创络】的技术员们因为CuteFTP清晰的上传列表及断点续传的特点喜欢上了它,这里我们为您详细介绍如何备份多个网站FTP数据信息。
标准建站流程
客服电话
  • 132-6576-8769
  • 0755-23698839