怎么把图片切成HTML页面？

根据不同的设计图采取不同的方案。

你可以用table布局，可以用<map>+<area>标签，可以用CSS绝对或相对定位一个<a>的位置。

很久很久以前，人们喜欢大大的图放上去，再用map标签指定图片的可点击热点。

后来流行方块切图的方式，许多图片处理工具里面有，印象中Firework可以导出切片图片文件带html，核心考虑是加载速度。

现在一般分层分块，背景是背景，该平铺的平铺。另外哪里有图就放图，哪里有字就放字。该哪里有链接就放链接。

不推荐把所有东西做在图片里面然后想要把这个图片直接变成网页的想法，纯美工不会网页的常有此想法。

从网页角度这种做法不利于SEO，严重影响页面载入速度，文本信息无法复制。

用ps需要注意以下几点

1 切片的排列

切图的时候要尽量 平行的切 也就是说 分成大行 然后再逐行的切 这样的好处是 在DW里面 便于编辑……就算你 要把你用FW或者IR生成的叶面 在DW里重组 你切片的一行在DW可以看作一个表格

2 对于图片的压缩

大面积的单色可以切成一个图片 然后在DW里面 用背景色替换图片

有规律的延伸（比如几条线）可以切成一个图片 然后把这个图片裁成1像素的 作为背景图

无规律的少色的 可一切成一个图片 尽量把相近的颜色切到一起 存成gif格式 适当的在不影响效果的时候 减色

多色的（比如人物风景）切片 存成JPG 适当在不影响效果的时候 降低画质的百分比

3 对切片的检查

最后希望能把切好的图片 放大仔细检查一下 避免切片之间出现1 2px的切割错误

如果不懂可以追问！