网页切图是不是一般只切按钮部分?别的比如背景都用CSS实现?

网页布局新手,什么时候切图,什么时候用CSS实现,希望能细讲下。

网页切图是网站前端制作人员的工作一部分,一般网页切图指的是网站从效果图中获得切片并使用切片来制作网站前端静态页面。网站切图原则:

    尽量少切图,能使用css编写的尽量使用css样式编写出想要的效果

    网页禁忌全部使用图片切成,这样会使网页上很多文字不利于后期修改,同时增加了网页的加载速度。

    网站切图小图片尽量放在一张图片上,减少网页访问时对服务器的请求数,因为一个图片就是一个次请求。

    背景图片可以平铺的尽量切成一个小单元平铺,可以减少图片的大小。

    切图需要降低图片质量,在保证质量的情况下,缩小图片占用内存的大小。

网站切图因网页布局决定,并不是除按钮以外都可以当做背景。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-03-08
一般来说,比如网站logo、网站相关的图片(例如产品图片,不规则的形状图片等)、渐变、特殊字体(宋体、黑体、微软雅黑以外的字体),几乎都是要切成图片来做的。切成图片又分为2种,一种通过设置css背景,另外一种是直接<img />标签加路径调用。
其他的全部用css来实现。本回答被提问者和网友采纳
第2个回答  2013-08-30
用CSS 不好实现的,就切图吧

网页切图是不是一般只切按钮部分?别的比如背景都用CSS实现?
网站切图因网页布局决定,并不是除按钮以外都可以当做背景。

...这种背景的页面怎么切图的啊。。。主要是背景怎么整的。。。_百度...
首先,把所有要做链接的图层都隐藏掉,剩下的层,就可以用来切图,整体背景是蓝色,所以css搞定就行。其次,背景有一张整体的背景图,这个需要全部单独切下来,图片上面不要带任何其他元素,就只是这张单独的图片就好,布局的时候引用为背景!然后,剩下的就是主体部分,上面的播放视频和文字我就不讲了...

UI设计师在完成界面设计后,切图都改切哪些?
网页设计好后的切图是将设计稿切成便于制作成页面的图片,并完成html css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具,把自己所需的切成一张张小图,然后用DIV CSS完成静态页面书写,完成CSS布局。设计好的网页都需要切图,主流的是dreamweaver、photoshop软件,...

网站 切图 DIV CSS
如果你懂div+css语法的话,就不用我多说了,每个div的长宽可以设置成图片的大小,这样定位更准确。

网页切图是什么?
设计好只是用ps做出来的网站效果图,需要根据需要切出相应图片 然后用Dreamweaver将图片按照网页的要求拼接出来。图片越小,浏览器加载的速度就快。 像整个背景可以切1px 设置下 with和 hight 就好了 总的来说 图片越小越好 不怕多切 网页设计好后的切图是什么意思呢 设计好只是用ps做出来的网站效果图...

网页切图是什么意思
他们需要使用HTML来构建网页的结构,使用CSS来设置网页的样式,使用JavaScript来实现一些交互功能。同时,他们还需要考虑到网页在不同设备上的显示效果,确保用户可以在不同的设备上都能够获得良好的体验。总的来说,网页切图是前端开发过程中的一个重要环节,它能够将设计师的创意转化为实际的网页,为用户...

网站设计中的切图是什么意思
效果图一般都是一整张的,到网页中显示时需要是用DIV+CSS布局,把图片拼接起来,所以需要把效果图先切图。切成一小块一小块。

关于ps切图问题:切图的过程中能否对其在网页中的显示效果进行设置_百度...
对的,切图只是把完整的大图根据自身需要切成小的切片(这样也可以使网页打开时间缩短),然后再用DIV+CSS做成页面,一般情况下不能直接拿去用的。

网页切图时遇到边框怎么切?说的具体一些,谢谢啦
边框只切头部和底部就可以,中间的线可以只选取一点,然后在dw里当背景就可以了,因为背景不怕表格拉长。

网页切图是什么意思
网页切图是网页制作中重要的一环,因此,这项工作必须要有专业的人才去完成。切图人员需要掌握Photoshop,有一定的设计能力,同时也要了解html、css、js等前端开发技术,以便更好地对网页进行优化。只有真正掌握网页切图的技术和流程,才能呈现出精美的网页给用户。在校园、企业、电商等网站中,网页切图起...

相似回答