网页切片之二-网页切片什么玩意

什么是网页切片？

网页切片就是将用ps设计好的网页分切成制作静态网页时需要用到的图片。这个是网上的答案。其实我想加一修饰词，制作网页时
需要用到的“非内容的装饰性的”图片。你知道的，在互联网远古的时候，就像古时候的在竹子或者布匹上写字一样，那时候几乎没
有插画（没有装饰的），互联网那时候也没有切片的这么一说的，只是为了分享图书馆的文档。再后来，像温饱思淫欲一样，开始
出现了漂亮的网页了。这个时候就需要切片了。为什么呢？

为什么要切片？

想要做出漂亮的网页以后，但还处于拨号上网的时代，也许是那以后的时代了，但总之那时候和天朝的网络一样不给力，因为图片存储总是比文字要大，下载的速度实在是太慢啦，什 么办呀？智慧的人民们想出了一个办法，在可以用背景色的地方用背景色，可以用文字的地方用文字，只有文字和css无法做到的时候（比如渐变，当然现在高级 浏览器支持渐变了）才用图片，而如果天朝的网络用的人太多了，下载不下来图片也不会影响知识（网页内容）的获得，当然网络给力的时候有了图片网页会更漂亮的。

网页切片的原则是什么？

明白了上面，你应该知道了一些原则了吧？

0、能正确区分内容图片和装饰图片。就好比照大头贴一样，你的头像是内容，其他是装饰。有无修饰无所谓，但是要保证内容能够被识别。

1、假设你没了装饰的图片（切片），人家（包括人，搜索引擎爬虫，阅读器）照样能读懂你的网页。也就是重要内容尽量不要用图片，迫不得已使用也要使用替换方案（比如写了文字隐藏起来了，或者说用图片盖住文字，方法很多的）。

2、切片要适当。话说当年我刚会切片的时候追求小，觉得和写代码一样，少到删一点就不能用了，觉得这样图片多小啊，下载肯定很快的，后来才知道，到了浏览器里，浏览器要用你的1像素图片重复个几万次平铺出个背景，那也是很费cpu和时间的事。

3、原则就是没有原则。原则有时候就变教条了，应该灵活地使用，小志说css是七巧板，有时候想想也真的是那样的，用很多方式都能实现的，做出你所知道的最好的就行啦。

如何切？

根据你的需要切！如果你好好学完一本css书我觉得肯定会的。

用ps或者fw都可以的，当然用ai也行，里面有个切片工具，把你想要的图片的区域切下来，保存成合适的格式（图片格式面试的时候问了几个人，有一半的人都能回答清楚）。

郁闷啊，写篇入门的文字发现真是难啊，因为本来就很简单，你试一下就能会的，几分钟的事我却要几十分钟来说，说完了，才发现，如果要往细里说还可以说的，比如打开ps，把图片拖进去，……，以前我自己才看了css一周就直接用了，后来很多人问我什么学的，我说看完书你就会了，他看完了告诉我还是不会，我就无语了，原来都没有动手过……，那算了吧，我也教不会了。

更多精彩--->>耕书录