响应性好的图像，在移动平台上提供小的可下载的原始图像。

Question

我希望标题不要太混乱。

我正在使用自适应图像来检测访问者的屏幕大小，并自动创建、缓存和交付设备/断点适当调整的网页嵌入HTML图像的版本。

现在..。有些人想把图像保存在手机/智能手机上，但是使用Adaptive来提供更小的图像(节省带宽/下载时间)给他们的是更小的比例图像，而不是很好的大小或原始图像。

有谁对以下问题有什么想法吗？

1. 提供放大图像
2. 如果人们想要保存的话，可以使用原始的

Answer 1

来自自适应图像网站：

它使用您的“现有图像作为源”创建和管理自己的调整大小的图像，并且它将适应您的站点在您的Responsive中使用的CSS3 @媒体查询所使用的相同的分辨率括号。

你的图像仍然是“源”，它只是调整它们以供观看。尝试下载图像并查看属性。它将保留原来的尺寸，我链接了一个jsFiddle，演示了@media查询是如何工作的。如果您缩小屏幕并尝试下载图像，您将看到“原始”属性，同时适当地缩放。

@media查询：

@media screen and (max-width: 480px) {
  #lincoln img {
    height: 100px;
    width: 150px;
  }
}