我希望移动网站的所有图像都是 640 像素宽，基于 iPhone 屏幕尺寸。所有图像在显示时都应该是屏幕的全宽img { width: 100%; height: auto; }。
对于宽度小于 640px 的图像，使用上面的 CSS 放大它们会更好，还是应该使用 Photoshop 或其他工具来放大实际图像？它甚至有什么不同吗？
那么，使用 CSS 放大图像会比使用 Photoshop 之类的工具来增加尺寸会导致更好或更差的图像质量吗？
问问题
141 次
2 回答
0
放大图像对于所述图像的质量来说并不顺利，您需要理清您在此图像上的优先级。您可以在 Photoshop 中处理这些图像并提高这些图像的质量和大小，这样在调整大小时不会损失任何质量，但这会增加页面加载量，或者您可能会损失一些质量，但可以通过更小但更糟糕的方式改善页面加载图片。
于 2013-10-03T00:44:54.937 回答
0
如果您真的想完美地定位每个设备（计算机与移动设备），您可以使用 javascript 来切换图像。这可以使用http://foundation.zurb.com/docs/components/interchange.html或类似的库非常容易地完成。
如果图像是图形或图标，我可能建议将它们制作为 svg 并使用它们，因为它们在更大范围的分辨率下都很清晰。如果您使用此选项，最好将它们的尺寸设为 2 的倍数。
于 2013-10-03T00:48:09.157 回答