您已经听说网络变得更加直观，而且您的商业网站中的图像非常重要。
但这些图像可能是您网站访问者的祸害。图像占平均网页包含的1.7MB中的1MB。
对于使用高速Internet连接的台式计算机上的访问者来说，这可能不是什么大问题。但是，如果您看到或希望看到来自移动访问者的流量增加，那么这些图片可能会成为一个问题。图像繁重的网页可能需要很长时间才能下载。访客感到沮丧并离开您的网站。
$config[code] not found您可能已经实现了响应式Web设计，以解决所有移动问题。确实，响应式Web设计解决了一些问题。它会自动排列和显示您的网站元素，以便在更小，更窄的移动屏幕上查看。
但响应式网页设计并不能解决所有问题。它不一定解决图像下载问题。即使有响应式设计，很多时候仍然会下载那些重量级图像。正如网络性能专家Yoav Weiss在Opera网站上简明扼要地指出：
“响应式网页设计RWD结合了新的浏览器功能和CSS技术，可以创建适应显示设备的网站，并且无处不在。这使开发人员不再担心不可靠的设备检测，并根据视口尺寸考虑他们的网站。
但是，尽管每个设备上的RWD站点看起来不同，但是大多数设备继续为所有设备下载相同的资源。“
新的
如果您对HTML代码一无所知，那么非技术性定义是：它是一种特殊语言。在网站代码的幕后使用时，此语言会提供有关浏览器如何显示文本和图像的说明。 新的Picture元素是一种HTML标记语言。它是这样写的（根据响应图像社区组）： Picture元素具有响应性 图片， 没有回应 设计. 对于非技术性商务人士来说，这种区别似乎很小。但是，当涉及到您的网站在移动设备上的性能时，它可能会很重要。 根据ArsTechnica报告，新的标记元素解决了在全尺寸显示器上看到的图像所造成的问题 - 这些图像无法很好地转换为移动设备。该
“当浏览器遇到Picture元素时，它首先评估Web开发人员可能指定的任何规则。 ***然后，在评估各种规则后，浏览器会根据自己的标准选择最佳图像。这是另一个不错的功能，因为浏览器的条件可以包括您的设置。例如，未来的浏览器可能会提供一个选项来阻止高分辨率图像通过3G加载，无论页面上的任何Picture元素可能会说什么。一旦浏览器知道哪个图像是最佳选择，它实际上会加载并在一个好的旧img元素中显示该图像。 …会发生什么是Picture包装img标签。如果浏览器太旧，不知道该怎么做 并非所有开发人员都首先接受了新的Picture元素。 Ars Technica的故事概述了Web开发社区的领导者经历过的过程，以达到最佳状态 $config[code] not found 但现在这个问题已经解决了，新的图片HTML元素正在被采用。 该
作为商务人士，重要的是要知道 实现图像的HTML元素是与Web开发人员讨论的内容。技术头脑和自己动手的人可以到这里学习如何使用Picture元素。这是Scott Gilbertson写的一篇优秀的文章。 随意实施
图片：Shutterstock; RICG 什么是图片HTML元素？
关键点
