扫码关注官方订阅号
我看一般用来合并小图标。是否可以合并一些图片,省去img标签?
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...
你在自问自答嘛,合并图片的话,大多是合并一些小的图标也就是icon,你可以看看新浪微博是怎么划分的, 不过有时候不光是小图标可以合并,大的图标也可以, 只要做好分组。
CSS Sprite适合合并多个无意义的图标,不适合图片。 img标签是有语义的,搜索引擎可以读的到,而Sprite提在css中,搜索引擎不会读,虽然用两种方式看起来展示效果是一样的。
其次,如果你网页里面存在图片的缩放操作,比如:
<img src="abc.png" style="width: 50%">
这个css sprite是搞不定的。(css3中的bg-size有类似效果,不过支持度不一样)
PS:base64 IE6不认哦(fuck,我厂网站还有10%多的IE6用户)
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
你在自问自答嘛,合并图片的话,大多是合并一些小的图标也就是icon,你可以看看新浪微博是怎么划分的, 不过有时候不光是小图标可以合并,大的图标也可以, 只要做好分组。
CSS Sprite适合合并多个无意义的图标,不适合图片。 img标签是有语义的,搜索引擎可以读的到,而Sprite提在css中,搜索引擎不会读,虽然用两种方式看起来展示效果是一样的。
其次,如果你网页里面存在图片的缩放操作,比如:
这个css sprite是搞不定的。(css3中的bg-size有类似效果,不过支持度不一样)
PS:base64 IE6不认哦(fuck,我厂网站还有10%多的IE6用户)