WSG4第十一章的翻译

英文课本：使用网页图像的中文翻译

从p.336页开始

[F,郑文浩] 虽然将复杂的矢量图形转换为图像可能会有问题svg格式，矢量图形是一项优秀的投资，因为: 1.工作浏览器中的svg支持将继续改进。2.矢量图形可以被扩展成多个分辨率的位图jpeg或pngs，每个尺寸都有很好的质量。这在交付的方案中很有用基于屏幕分辨率的页面图形，在这里创建1x和2x为每一种显示屏幕优化插图的版本。3 .项目矢量图形也可以用于打印。

照片与图示

[F,郑文浩] jpeg是最广泛用于复杂彩色插图和照片的文件格式。在一般的jpeg图形中，压缩和生成优秀的图形是有效的结果显示在现代显示屏和印刷使用。在新的视网膜上或2x显示适当大小的jpeg照片或插图很容易与最好的版画竞争图形和照片的重新设计。

[F,郑志豪] 如果您在web工作中使用大量的jpeg，您需要特别小心总是保留相机原件(jpeg或相机raw)或原件即使这些原始图像很少，也可以在完全分辨率下进行Photoshop处理用于web页面的完整解析。jpeg使用一个“有损”的图像压缩系统。当它以jpeg格式保存时，会降低图像的质量。通常情况下,这对于休闲网站来说，图像压缩与图像质量的权衡并不明显读者，但是有损压缩有重要的含义，如果您需要重新扩展或者编辑jpeg图像。因此，当使用jpeg格式时，这是很好的实践为了避免重压缩的质量损失，只在原始文件的副本上工作jpeg照片。

为图像提供替代文字 PROVIDING ALTERNATIVES FOR IMAGES

p.336

[F,郑志豪] html有内置的回调功能，可以让网页在不同的环境条件下工作。其中一个是标记的alt属性。alt属性允许你提供一个替代的文本描述任何你放置在你的图片页面。无法看到你的图片的用户将会看到或听到你使用的文本alt属性: (接下來的代碼不用翻)

[F,李钧星] 在上面的示例中，使用屏幕读取器软件访问站点的人将会听到“网络风格指南”一词。谷歌图像将使用备用文本，或alt - text，以编录图像。

p.337

[F,李钧星] 写好文章是一门艺术，挑战你的描述能力一幅图像的内容和功能只是几句话。重点不在于使用用文字表达图像的细节和细节，而是要在页面的上下文中描述图像。这一区别在于决定一个图像的多少，或说多少至关重要的。

[F,陈荣成] 对于功能图像，例如按钮、徽标和图标，文本应该输入相对应的名称。标识的横幅图形公司也应该这样做:“Acme地毯清洁器”（Acme carpet cleaner）。接口图标应该描述图标所代表的功能:“Play”、“暂停”、“倒带”、“快进”。

[F,陈荣成] 有时，alt - text不太有用——例如，在“打印”旁边的打印图标这个页面”链接。在图像仅用于视觉目的的情况下，而且是这样做的不提供额外的信息，您应该包含一个空的alt属性(alt = “ “)。一个空的alt属性隐藏了来自辅助技术的图形屏幕阅读器软件。

[F,罗昶熙] 复杂的内容图像，如插图，略图，和图表，需要到的描述比可以包含在alt属性中的描述更长。在许多情况下,最好的方法是在图像中添加标题，使所有用户都受益理解图像中包含的信息。例如，对于图表，这显示了随时间增加的寿命，包括可访问表中的数据和图像。这样，屏幕阅读器用户就可以更好地访问相同的信息、理解数字。html5提供< figure >和< figcaption >元素，以进行编程连接图片和标题之间。

[F,罗昶熙] w3c中的html5文档：提供有用的文本替代方法的技术是对于理解在描述不同上下文中的图像时的最佳方法及极佳资源(见www.w3.org/tr/html-alt- techniques/)。

為屏幕优化屏幕图像 OPTIMIZING IMAGES FOR THE SCREEN

p.337

[F,陈乐怡] 计算机和网络世界目前处于一种尴尬的跨界中，旧的72-96-ppi(像素/线性英寸)或1x显示标准和更新“视网膜”或2x高分辨率显示屏。回想起来，令人惊讶的是，这是多么漫长的72 - 96- ppi显示分辨率持续。几乎所有其他的计算都有在互联网存在的25年里发生了巨大的变化，但有几个因素结合起来让我们坚持了72 - 96- ppi标准。

[F,陈乐怡] 我们已经从旧的大阴极技术中进行了重大的展示技术的转变射线管监视器到能够显示非常高分辨率的新平面屏幕。但当平板电视首次出现在市场上时，价格非常昂贵，老72 - 96- ppi标准继续保持新屏幕的成本合理。即使在移动设备上，成熟的平板屏幕技术和不断增加的计算能力的结合，已经大大提高了屏幕分辨率可能，在接下来的几年里，200个ppi或更多的屏幕将成为新的各种计算显示器的标准。(含p.340前三行)