【发布时间】：2016-02-03 10:24:20
【问题描述】：
这里有点时间敏感的问题，所以任何及时的回复都将非常非常感谢。
我必须创建一些不同大小的 HTML5 横幅，一些用于移动设备，另一些用于桌面设备。我对每个的限制是 100kb。我在 InDesign 文件中获得了图像和文本。
优化这些图像和文本组的最佳方法是什么？
到目前为止，我一直在使用 Fireworks 将它们转换为 PNG-8，效果一般。如果它们现在是平均水平，它们在 Retina 屏幕上看起来会很糟糕。我不想要那个。
为了解决这个问题，我应该将它们保存为更大的尺寸并在 HTML5/CSS 中缩放它们吗？
我觉得我错过了一些基本的东西，但是我整个下午都在搜索，找不到可行的答案。如果可以的话请帮忙。
【问题讨论】：
-
这个问题要么过于宽泛，要么基于观点，要么需要讨论，因此与 Stack Overflow 无关。如果您有具体的、可回答的编程问题，请提供完整的详细信息。
-
很公平。 .有没有办法将精灵表引入 HTML5 并将其缩小以便将其用于该横幅。我一直试图让它作为背景图像工作，但被卡住了，因为例如缩小它（背景大小 50% 50%），要求它是一个固定大小，这对于精灵表。使用 CSS Transform:scale 缩小了整个元素，这又一次把所有东西都扔掉了。
标签： css html optimization banner retina