消费电子产品的最新趋势是移动设备能够以高像素密度显示内容。各种平板电脑和移动电话的较小屏幕能够以高每英寸点数比率显示图像，并且这经常导致在针对常规显示屏幕定制的网站上的图像以稍微模糊的方式显示。由于移动电话在电子市场中作为浏览因特网的手段的重要性，因此网站所有者可能想要结合适合于高DPI显示器的较大图像以便迎合移动客户。

然而，让网页使用高分辨率图像以便在标准屏幕上完美显示的内容可能会使网站在搜索引擎的索引算法中失去其排名。这是因为影响搜索引擎是否倾向于在一组搜索结果的首页上显示网站的因素之一是关于被称为“页面权重”的网站页面的测量是否合理地低。

页面权重是指互联网浏览器程序需要加载多少补充数据和多少不同文件和脚本才能使网页本身加载，以便所有页面的内容和功能都能正常工作和显示。搜索引擎减少了“重”页面的排名，而不考虑普遍持有的意见，即必须等待其他标准网站上的每个页面以完全加载几兆字节的内容是难以容忍的。

因此，优化用于增强网站美学吸引力的图像的文件大小是网页设计者的一种流行思路。这就是网页设计师更广泛地依赖可缩放矢量图形的原因; 与先前从图像创建程序导出的平面图像文件不同，SVG文件本质上是语法片段，用于指示Web浏览器本地动态地说明形状和图形。Web浏览器可以更快地加载SVG语法，因为相比之下SVG文件要小得多。