关于web性能和图像，可以说的很多。这篇文章的目的是提供一个概述的关键方面的图像优化，以帮助您的SEO努力，从快速取胜稍微复杂的技术。
为什么图像搜索很重要
虽然没有确切的官方数字，但谷歌表示，每天都有数亿人使用谷歌图像来发现和探索web上的视觉内容。根据Moz的调查，图片搜索占据了美国十大网络搜索引擎中27%的搜索量:
大约一年前，谷歌将“查看图片”按钮从图片搜索升级为“访问[页面]”。结果，分析平台开始记录下图片搜索导致的session增加，主机页面的内容可见性增加(而不是没有上下文的随机图片文件)。除了支持内容和改善用户体验，图片再次成为流量的重要来源，不应被忽视。
正确命名和描述图像搜索引擎优化
一个最容易且经常被忽视的优化机会是实际的映像文件名本身。这些图片应该使用一些精心挑选的关键字——理想情况下，图片可以排名的关键字——同时省略停止词(a, the, in, of等)，用连字符分隔关键字(例如，IMG-458752.jpg将变成brooklyn-bridge-night.jpg)。
图像alt和标题属性( HTML标签的)是下一个最简单的设置，不仅可以帮助图像在搜索中排名更高，还可以建立页面的相关性，改善用户体验，最终所有的排名因素。在图像链接的情况下，这些属性也为搜索引擎提供了有关目标页面的上下文，进一步帮助其排名。与文件名不同的是，要用连贯和简洁的语法来写这些属性:alt属性会在可访问性软件和屏幕阅读器上显示出来，当访问者悬停在图片上时，标题属性就会出现，所以不要把关键词放在那里，也不要改变它!
对于电子商务和产品图片，在alt属性中添加sku、ISBNs或型号通常是一个好主意，因为我们有时会寻找非常特定的产品。请注意，页面上的图片标题和周围文本区域的关键词也有助于搜索引擎为图片获得更多的上下文，提高它们的排名能力。
请注意，现在主页的HTML标题标签也显示在图像搜索结果中，所以您应该确保这些标签与图像相关，如果可能的话(见上面的截图)。
选择正确的图像格式，大小和尺寸
图像文件的大小会影响页面加载时间，所以正确的处理非常重要。jpeg通常比png对seo更友好，特别是当你不需要透明背景时，因为它们提供更好的压缩级别。徽标和其他高分辨率的计算机生成图形通常也可以使用基于矢量的SVG文件格式(确保您的服务器也缓存、缩小和压缩该格式)。GIF格式应该用于不需要宽颜色范围的简单动画(它们被限制为256色)。对于大型和冗长的动画图像，最好使用真正的视频格式，因为它支持视频站点地图和模式。
最重要的是图像本身的实际文件大小(以Kb为单位):尽可能将它们保存在100Kb以下。如果一个更大的文件大小必须使用以上褶皱(例如英雄或横幅图像),它可以帮助保存图像一样进步jpg图像可以开始逐步显示他们被加载(一个模糊的版本的完整形象首次出现,逐步提高下载多个字节)。因此，从选择您需要的最佳格式开始，然后为这些选择最好的设置!
虽然谷歌Lighthouse和PageSpeed Insights审计工具推荐了更具体的压缩格式(下一代格式，如JPEG 2000、JPEG XR和WebP)，但这些格式并不一定能与所有浏览器兼容;然而，一些CDN提供商在访问者使用适用的浏览器时提供WebP转换。
至于尺寸(图像的高度和宽度)，确保图像不超过最流行的最大桌面屏幕分辨率(通常最大宽度是2560像素)。否则浏览器会不必要地缩小它们)，你的CSS使你的图像响应(图像自动调整到屏幕或窗口大小)。根据你网站的视觉需求，这可能意味着以不同的尺寸保存同一图像的不同版本，以便根据用户的屏幕(移动、平板、扩展或调整桌面窗口等)动态地提供最优化的图像。这可以通过使用插件或使用和/或元素来自动完成。
一些流行的图像压缩工具:
GIMP:跨平台、可下载的ima