YouTube导航菜单上的1px x 1xx gif

Question

为什么YouTube会在导航菜单上为图标使用1px x 1px透明图像？然后，他们使用css将最终图标设置为1px图像的背景图像。

为什么他们使用这种技术？

Answer 1

我认为他们这样做是为了提高绩效。

你看，他们使用css为标签提供了背景，使用精灵来完成背景以减少HTTP请求并提高youtube加载的速度，声称他们这样做是为了防止人们偷窃他们的形象完全是垃圾。

下一部分我可能会觉得有点难以解释，所以我会尽我所能，对不起，如果我在这里失去你：

使用了图片标签，因为必须有一些东西才能提供背景，并且有一个图像是有意义的（因为那里实际上有一个图像，它只是使用CSS而不是HTML生成），例如它们可以很容易地在那里放置div标签，但是将div标签放在那里比使用图像标签更有意义（即使它们放置的img是1px xpp空图像）

他们也可以做到这一点来提高一致性，例如他们也在网站的其他各个部分使用它，看到左上方的youtube徽标，使用相同的技术，除了alt文本，这里需要空白图像因为否则alt文本会显示在那里（你可以用firebug去掉图像，看看我的意思）;这里的图像标签用于改善可访问性而不影响速度（您可以获得精灵的速度和标签的alt属性的可访问性）

希望有意义