css - CSS Sprite 的透明度

标签 css

所以我正在使用 CSS Sprite 制作我​​的第一个网站,我想知道将图像保存为 .png 时图像之间的空白量是否会对图像的性能产生影响?

例如,如果我将 10 个图像填充到一个非常小的 Canvas 中,那么它会比将相同的 10 个图像填充到一个间隔良好的图像中更小吗?

最佳答案

PNG 在压缩图像之间的空白方面做得非常好,因此间隔它们对下载大小的影响可能非常小。在浏览器端解压缩时,较大的图像可能会对性能产生影响,但这可能只在非常小的系统上才会明显。

但总的来说,将图像紧密地打包并没有什么缺点,所以我绝对建议这样做。

关于css - CSS Sprite 的透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6633917/

相关文章:

javascript - fullpage.js 与 mobile.js 和 camera.js 的不兼容问题

javascript - Bootstrap 可嵌套列表组 - JQuery 可排序

html - 使用 Bootstrap 的 nav-tabs 导致子 div 溢出

html - 框大小边框出现在悬停内容移动

html - 如何为单词或句子中的每个字符设置样式?

html - 修改选择,只有第一个是灰色的

jquery - 验证错误消息弄乱了所有 `float` 布局

html - 如何在中间对齐多个按钮?

css - 在 CSS 中使用 ems 而不是 % 有什么好处?

html - 溢出 : Hidden causing content layout issues