网页设计好后的切图是什么意思呢

切图就是把用设计软件设置好的图片切成相应的大小，切图后再把图片上传就可以可以加快显示速度，不用等整个图片都下载以后显示。

PS切图步骤：

1、打开PS，然后点击切片工具。

2、点击切片工具后，就可以把图片切成需要的大小。

3、切好图片后，点击导出web所用格式。

4、进入导出web所用格式页面，按住shift键把所有切片都选中。

5、导出格式设置为JPEG。

6、最后点击存储就可以了。

网页设计好后的切图是将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面，有利于交互，形成良好的视觉感。通俗来讲，把一张设计图利用到切片工具，把自己所需的切成一张张小图，然后用DIV+CSS完成静态页面书写，完成CSS布局。

设计好的网页都需要切图，主流的是dreamweaver、photoshop软件，还有sketch、firework等，低端QQ切图，网页切图等。切图为后端编程者带来方便，提高效率，让网页稿有了交互性，实现平时看到的各种各样的功能，画面浏览速度快，有利于优化。

扩展资料：

一般我们从设计师那得到的都是psd文件，里面有几十或者上百个图层，一般会根据内容分好文件夹，有文字有图片，有的只在特殊情况下显示的，这时候就需要根据自己的需要导出不同的图。

切图的时候也会有许多考虑，比如把哪些内容压缩成一张图片，什么时候用透明背景PNG，什么时候用CSS Sprite（把琐碎的小图比如按钮、logo复制到一张透明背景的图上然后保存为一张图，再用background position去提取。）文字是切成图片，还是复制到HTML里。

一般情况下都不会把文字切成图，除非用到比较特殊的字体或者变形等等，然后即使是photoshop保存为web格式导出的图，有时候尺寸也是很大的，特别是PNG，这时要使用一些专业压缩工具进行二次压缩。

当然有些有前端经验的设计师会把切好的图片发给你，这样就可以直接开始写HTML和CSS了，但是建议还是尽量自己切，掌握熟练的切图技巧也是一个前端应该有的技能。

参考资料来源：百度百科-切图

百度百科-静态页切图

1. 切图就是网页设计图的裁切；

2. 网页制作前期分为网页设计和前端实现；

3. 网页设计图由UI设计师设计完成；

4. 然后当前端实现时需要一些网页的元素时，就要从设计图上裁切下来。

5. 裁切的过程就称之为切图。
   

网站建设类的公司在招聘网页设计或美工岗位时，通常会问“你会不会'切图'?”， 这里所指的“切图”，并不是传统意义上的切图，传统意义上的切图是指用工具如photoshop等工具把网站版面的图按相应大小切出来，但是，在网站建设行业中，"切图"是指利用相关的工具（如图photosop、fireworks等）和相关的技术（包括HTML、CSS、DIV+CSS网页布局技术、javascript等），把网站版面转为WEB页面的过程，所以“切图”的结果就是与网站版面对应的静态WEB页面。在这里给大家推荐一本书，“切图”含义就是来自那本书的，春节期间入手了，学完后收获很多，感觉挺不错的。那本书是由机械工业出版社出版的《PHP动态网站开发项目实战》。

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