Css 优化横幅图像

这是一个时间敏感的问题，所以任何及时的回复都将非常感谢

我必须创建一些不同大小的HTML5横幅，一些用于移动设备，另一些用于桌面。我对每个文件的限制是100kb。我已经得到了InDesign文件中的图像和文本

优化这些图像和文本组的最佳方法是什么

到目前为止，我一直在用焰火把它们变成PNG-8，效果一般。如果他们现在是普通人，他们在视网膜屏幕上会看起来很糟糕。我不想那样

为了解决这个问题，我是否应该将它们保存为更大的尺寸，并在HTML5/CSS中进行缩放

---

我觉得我遗漏了一些基本的东西，但我整个下午都在四处寻找，找不到一个可行的答案。如果可以的话，请帮忙

听起来，部署HTML5

元素会让您受益匪浅：

进一步阅读：

---

这个问题要么过于宽泛，基于观点，要么需要讨论，因此对于堆栈溢出来说是离题的。如果您有一个具体的、可回答的编程问题，请提供完整的细节。足够公平。有没有一种方法可以将sprite sheet引入HTML5并缩小它，以便将其用于该横幅。我一直试图让它作为背景图像工作，但我被卡住了，因为要缩小它（背景大小50%50%），例如，要求它是一个设定的大小，这不是特别理想的精灵表。使用CSS Transform:scale减少整个元素，这又一次将所有元素都抛出。