简约透明数据 URI 图像的最佳大小是多少？

透明图像的简约数据 URI

设想在 CSS 中使用 1x1 透明图像和背景图像。这样可以利用精灵，同时仍为特定图标提供替代文本。

要优化性能，请考虑对图像使用数据 URI。然而，使用这种方法创建透明图像的最佳尺寸是多少？

简明回应

通过对透明 GIF 的广泛实验，某些图像表现出不稳定并导致CSS 中的故障。例如，尝试使用尽可能小的尺寸将背景图像添加到透明 GIF 可能会妨碍其功能。奇怪的是，某些 GIF（例如下面的 GIF）可能会在某些浏览器中屏蔽 CSS 背景。

较短但不稳定（74 字节）

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

稳定但稍长 (78字节）

data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

另一个考虑因素是不要省略“image/gif”作为评论中经常出现的建议。此遗漏可能会导致多个浏览器出现故障。

以上是简约透明数据 URI 图像的最佳大小是多少？的详细内容。更多信息请关注PHP中文网其他相关文章！