Retina quality screenshots?

时间:2015-07-31 作者:Gill

我需要能够将屏幕截图(大部分是网页的裁剪部分,而不是整个页面)插入到我的WordPress网站中,用于教学目的。

我发现了Google和Chrome的一个很棒的截图应用程序,它在创建和注释截图方面做得很好。

我不确定的是如何或是否可以优化这些视网膜屏幕。我自己没有视网膜设备,所以截图是在普通电脑上创建的。截图完成后,我唯一的选择是将视网膜的大小增加到2倍(显然这会导致质量和可读性下降)。有没有其他方法可以从一开始就抓住视网膜的质量?

1 个回复
SO网友:jetlej

将非视网膜截图增加到2倍大小与显示原始截图没有任何区别。

相反,请更改浏览器设置以模拟视网膜显示:

Firefox: 转到“关于:配置”,然后更改布局。css。devPixelsPerPx从-1到2

Chrome:

<在JS控制台(Option-Command-J)的底部,单击“仿真”复选框“仿真屏幕”复选框,将“设备像素比率”设置为2,确保未选中“仿真视口”(否则内容会被调整大小)
  • 取消选中“缩小到适合”(似乎没有任何用处)
  • 取消选中“启用文本自动调整大小”
  • 结束

    相关推荐

    ADD_IMAGE_SIZE和iPad Retina显示屏(高像素密度)

    我只是想知道是否有人想出或想到了一个在线图像和新iPad的解决方案。我想结合使用add\\u image\\u size和这个jQuery脚本(https://github.com/mcilvena/jQuery-Retina-Display-Plugin)完成这件事。基本上,我们办公室里有内容贡献者,他们会上传一幅900 x 900像素的图像,然后系统会为视网膜显示保留一幅大图像,然后为正常显示生成另一幅50%大小的图像。只是想知道是否有人看到了这种情况。干杯