A brief history of images on the web

摘要

网页详细阐述了Web上图片展示技术的发展。1993年，<img>标签首次出现在Netscape中，1995年被纳入HTML规范。它允许开发者通过src属性提供图片源文件，以及alt属性提供替换文本。随着Web设计的进步，响应式布局成为主流，图片也需要具备灵活性。开发者采用CSS的max-width: 100%来确保图片不会超出其容器的大小，从而实现下缩放，但这种方法在性能上存在问题，因为无论视口大小如何，都需要加载与最大显示尺寸相匹配的图片。随着高分辨率屏幕的出现，问题变得更加严重，因为需要更大尺寸的图片来适应不同屏幕密度。这意味着即使是在小屏幕上查看页面的用户，也必须加载大型图片源文件，从而导致不必要的带宽和处理能力浪费。网页强调，尽管<img>标签在视觉上表现良好，但它无法适应Web浏览上下文的变化，导致图片内容对于大多数用户来说效率不高。

观点

• <img>标签的引入使得网页图片展示成为可能，但随着Web的发展，尤其是响应式布局的普及，对图片处理的要求也随之提升。
• 传统的图片处理方法（如固定宽度布局和单一图片源）在响应式设计中不再适用，因为它们无法适应不同的屏幕尺寸和分辨率。
• CSS的max-width: 100%属性虽然解决了图片在不同容器大小下的适应性问题，但它并未解决性能问题，因为仍然需要加载大型图片源文件以适应最大的显示尺寸。
• 随着高密度屏幕的出现，图片资源的大小需求进一步增加，这对于带宽和性能提出了更高的要求。
• 为了提高性能和效率，网页界需要寻找新的解决方案来优化图片内容的提供方式，以适应不同的用户环境和设备能力。