处理视网膜显示的最佳方式是什么？

可能重复：
How do I set retina graphics for my website?处理视网膜显示的最佳方式是什么？

什么是增加2倍图像将与视网膜图形显示在新的iPad网页的最佳方法是什么？

我已经阅读了这些文章。

http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/

http://www.teamdf.com/web/automatically-serve-retina-artwork/191/

http://retinajs.com/

来源

2012-11-07 Daljit

“最佳”是什么意思？这些文章中的任何解决方案有没有特别的问题？ – deceze

我只是研究视网膜显示器的工作原理，并寻找处理这些显示器中图像的最佳方法。我敢肯定，这是新的发展需要。 – Daljit

SVG精灵。完成。 – cimmanon

有用于解决Retina显示屏（大型显示屏等）的各种问题建议的方法很不幸，大多数的这些只是，建议。

两种最流行的是增加一个标记，它接受多个图像和浏览器将只加载一个（取决于由开发者指定的媒体的查询）的建议：

<picture alt="angry pirate"> 
    <source src=hires.png media="min-width:800px"> 
    <source src=midres.png media="min-width:480px"> 
    <source src=lores.png> 
     <!-- fallback for browsers without support --> 
     <img src=midres.png alt="angry pirate"> 
</picture>

另一建议是指定对于图像的多个源使用“srcset”的图片：

<img alt="Cat Dancing" src="small-1.jpg" 
srcset="small-2.jpg 2x, // this is pretty cool 
large-2.jpg 100w,  // meh 
large-2.jpg 100w 2x  // [email protected] 
">

我个人认为这是一个很大的丑陋（它让你控制较少的浏览器决定要加载的图像），但是从我的理解第二个解决方案已被添加到o fficial规范（在某些能力）

这些建议的唯一真正的目前的解决方案是先从2倍的原始尺寸的图像（或1.5倍根据自己的喜好）

外它可能会尝试得到所有幻想和做一个JavaScript解决方案，但我认为这将过于复杂的事情...

下面是一个非常好的文章，讨论你描述的问题（我觉得我漫步了一下！）： http://www.alistapart.com/articles/mo-pixels-mo-problems/

来源

2012-11-07 11:26:07 Sean

处理视网膜显示的最佳方式是什么？

回答

相关问题