如何制作可在视网膜和非视网膜设备上使用的视网膜就绪图像
如何制作可在视网膜和非视网膜设备上使用的视网膜就绪图像
提问于 2014-06-21 02:59:29
这是以下链接的后续链接
Preparing the images for retina-ready (web)
这是澄清，因为太多的单词对不同的人意味着不同的事情。它似乎有一个图像，在视网膜和非视网膜设备上看起来都很好：
如果屏幕上的图像的最大宽度为400，最大高度为300，则图像本身应为800 x 600，ppi为144。则应高度压缩该文件，以最小化其下载时间。
当您显示图像时，使用css/html代码将其强制为最大宽度和最大高度，如下所示：
<img src:"imagethatis800x600.jpg" style="width:400px; height:300px;" width="400" height="300" />这是正确的吗？(我已经决定，我们公司将不再使用responsive.js或cdn。)
Stack Overflow用户
发布于 2014-07-09 18:54:20
有一个新的响应式图像HTML5 standard。截至2014年7月，它还只有beta builds of browsers版本。但是Picturefill polyfill已经可以使用了。
This article很好地解释了不同的用例。但这里你想要的只是为高分辨率(例如'retina')显示器提供一个替代图像：
<img srcset="small.jpg 1x, large.jpg 2x"
src="small.jpg"
alt="A rad wolf" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24333958
复制相关文章
相似问题
腾讯云开发者
