切图如何从效果图转换为html页面

切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面，通俗来讲，把一张设计图利用到切片工具把自己所需的切成一张张小图，然后用DIV+CSS完成静态页面书写，完成CSS布局。切图大家都有个误区，觉得切图就是把图片切出来，其实并不完全是这样，把图片切出来这个过程是叫切片。

切图之分析效果图

这里主要讲解切图的前期准备工作，也是了解所切图片的布局结构的思路，仔细分析效果图布局，有助于我们更好的对切图和对网页进行布局

切图之切片工具

这部分讲解ps中的切片工具，切片工具是用来分解图片的，用这个工具可以把图片切成若干小图片。这个工具在网页设计中运用比较广泛，可以把做好的页面效果图，按照自己的需求切成小块，并可直接输出网页格式，非常实用。

切图之html页面

将切出的图片，按照合理的布局，生成html页面，这部分讲到了切图的类型选择、图片在html页面中的使用

切图 如何从效果图转换为html页面