网页设计：我的网站图像的不透明度

Question

我正在建立一个网站，我想创建一个透明的菜单。我知道.gif图像类型可以实现透明度，但根据我的经验，不透明（透明和不透明之间的任何东西） - 默认情况下，似乎将不透明度设置为100％，即没有任何透明度/透明度的实体图像。

我不确定问题是文件类型，还是我导出菜单的方式。如果它值得，我正在使用Fireworks来创建和导出我的菜单。

按原样，我将我的菜单的单独文件导出为.pngs，这似乎支持半透明图像，但我知道我很想减少这些图像的文件大小，所以是否有除了使用.png文件类型之外，获得半透明图像的更好方法是什么？

谢谢， 帕特里克

Answer 1

我认为PNG可能是最好的选择。更现代的浏览器（读取：不是IE6）理解它提供的8位alpha通道，而GIF只有透明度键。

现在，网站上的瓶颈通常不是图像的大小（在维度或数据中），而是加载页面所需的请求数。更现代的网站设计尝试使用CSS Spriting（woot.com，大多数谷歌）等技术将尽可能多的图像打包成一个。另一个瓶颈通常是没有正确设置缓存，迫使回访者重新加载一堆东西。

你会看到谷歌的各种页面缓存一切，并减少单个页面需要下载的内容（将所有Javascripts合并为一个，所有CSS样式表合为一个），以便浏览器发出2和3个请求而不是15-20。

我会使用PNG，并将CSS精灵和缓存视为替代优化。

有关在Google主页上使用的图片精灵的示例，请参阅here。