Xaringan png与svg图像质量的比较

Question

我发现，与SVG相比，Xaringan (xaringan::moon_reader()) html幻灯片中的PNG/JPEG图像具有视觉上的柔软性和模糊性。见下面的截图示例。

​

​

相比之下，这三种格式在标准html报告(rmarkdown::html_document())中具有视觉上的可比性。见下面的截图。

​

​

最明显的解决办法是使用SVG。但是，对于复杂的数字来说，SVG的大小是爆炸性的。因此，在模板中作为缺省值使用是有风险的。

例如，下面的图像是7 7MB作为SVG，而相应的PNG是50 as。有许多这样的SVG数字可能导致最终文件是数百个MBs的大小。

​

​

使用在线工具(https://vecta.io/nano)，我能够将7MbSVG降低到1.6MB (减少75%以上)。尺寸差别很大，质量没有明显的视觉变化。还远没有PNG的尺寸。

所以，我的一些问题是：

• 为什么xaringan的PNG质量不好？有什么可以改进的呢？

• 在R中是否有减少SVG大小的工具/设备？(简化/平坦路径？)

其他thoughts/suggestions?

不要点击“运行代码片段”，因为IT运行为JAVASCRIPT ## --这只是折叠代码--标题：“图像质量”输出: xaringan::moon_reader -- ## dev="svg"，fig.height=5，fig.width=5 {r,dev="svg",fig.height=4.8,fig.width=4.8} plot(1:5,1:5) -- ## dev="png"，fig.height=6，fig.width=6 {r,dev="png",fig.height=6,fig.width=6} plot(1:5,1:5) -- ## dev="jpeg"，fig.height=6，fig.width=6 {r,dev="jpeg",fig.height=6,fig.width=6} plot(1:5,1:5) #R版本4.1.0 (2021-05-18) #平台: x86_64-conda-linux-gnu (64位)#运行于:Ubuntu20.04.3 LTS ## rmarkdown_2.10 # xaringan_0.22

Answer 1

如果我检查我的浏览器中的图像(右击一个并选择检查)，我看到PNG和JPEG被绘制为432x432像素图像，即对于请求的6英寸图像，它假设为72 dpi。我现在的显示器是96 dpi视网膜，所以看起来有点模糊。

我可以添加块选项fig.retina = 2，它看起来更清晰。这将完成144 dpi的绘图，然后将其缩小到所请求的大小。也许一些更大的数字看起来会更好，但它确实增加了输出的规模。