css 切图加载

发布网友发布时间：2022-04-26 20:51

共4个回答

热心网友时间：2023-10-31 19:36

分开切比较好，主要是3个优点：

1、减少连接数。3个换成一个图片，减少了连接数降低了服务器的压力。虽然一次两次没有影响，但是如果在线数比较多的情况下，这种优势就明显了。
2、减少流量损耗。每次加载图片节约流量1.79KB，一千次访问可节约流量1.74M。如果有100W访问量，即可节约流量1个G。很可观了。
3、更灵活。如果需要多个圆角，前者需要重新做3个图片。而后者只需在定义CSS即可。灵活多变，满足多种需要。

缺点是：可能需要增加冗余的空标签。

总体来说，利大于弊！我们现在也是在网上说的，你权衡下。呵呵。追问你的前2个优点我怎么感觉是整体切的优点呢？

追答呵呵。郁闷啊。昏头了昏头了。我就是想说整体切比较好来着。

热心网友时间：2023-10-31 19:36

把四个角放在一张图片上，这样有利于减轻CPU消耗，加载一次，跟加载三次是有区别的。2.21K跟4K有明显的优势。

做圆角可以用border描边，四个角，可以用定位轻松解决！追问你说的是 CSS Sprite ？那么那个图片的大小最好在大多以内呢？

热心网友时间：2023-10-31 19:37

做成可扩展的，就是把切的图和在一起，用单独的标签或者class来控制，只要哪里用到了，把标签和class粘贴过去就OK

热心网友时间：2023-10-31 19:37

没说非得要分开切才好，当初用表格设计或是使圆角内有填充内容的话，一般是分开切，但是如果用DIV设置背景的话，然后再填充内容，整体切肯定好啊，毕竟文件大小要小一倍呢。