为图像文件选择正确的格式是至关重要的一步。每种文件类型都有其特定的优点。让我们一起来发现它们吧!
JPEG(联合图像专家组)
- 优点:支持宽色域技术和最 国家代码 +352,卢森堡电话号码 佳实践,非常适合拍照。它提供良好的压缩,可以减小文件大小,同时保持可接受的质量。
- 优化:使用 Photoshop 或 Gimp 压缩来减小文件大小。请注意不要过度压缩,因为过度压缩会降低图像质量。
PNG(便携式网络图形)
- 优点:支持背景透明并保持线条和文本的清晰度。它非常适合徽标和图标。
- 优化:PNG 文件的文件大小往往比 JPEG 文件大。请谨慎使用此格式,并且仅在必要时使用。
网络P
- 优点:由 Google 开发的现代格式 利用漏斗中部营销最大化投资回报率 技术和最佳实践,提供有损和无损压缩。对于相同的视觉质量,WebP 文件的文件大小比 JPEG 和 PNG 小得多。
- 优化:由于其压缩效率,非常适合网络。确保您的 Web 服务器和用户的浏览器支持 WebP 格式。
SVG(可缩放矢量图形)
- 优点:非常适合矢量图形,例如徽标 我的电话号码 和图标。 SVG 基于 XML,可以通过搜索引擎建立索引,并且可以在不损失质量的情况下进行扩展。
- 优化:通过使用 SVGO 等工具消除不必要的数据来优化 SVG 文件。这些文件还可以被压缩以进一步减小大小。
优化图像的实际尺寸和重量
图片的SEO优化涉及到尺寸和重量的优化。通过这种方式技术和最佳实践,您可以提高页面加载速度、用户体验,从而提高网站的搜索引擎优化 (SEO)。
缩小实际尺寸
在将照片上传到您的网站之前,请确保调整它们的大小以适合显示它们的空间。
如果要在宽度不超过 800 像素的容器中显示,则上传 4000 像素宽的图像是没有意义的。
使用图形编辑软件(Photoshop)或在线工具调整文件大小而不损失质量可能会很有用。
执行文件压缩
压缩通过消除不必要的信息来减小文件大小,对图像质量几乎没有视觉影响。
有两种类型的压缩:
- 有损- 通过丢弃一些图像数据来减小文件大小,从而可能降低质量。对照片有效。
- 无损:减少文件大小而不删除数据技术和最佳实践,保持原始质量。它非常适合带有文本或图标的图形。
使用优化工具
除了 Photoshop 之外,还有许多在线工具和服务可以帮助您压缩和优化文件。其中最受欢迎的是:
- TinyPNG/TinyJPG:非常适合 PNG 和 JPEG 文件的有损压缩,以最小的质量损失减小文件大小。
- ImageOptim – 面向 Mac 用户的桌面解决方案,支持有损和无损压缩。
- Kraken.io – 一个强大的在线工具,提供有损和无损压缩,以及用于自动化优化过程的 API。
利用 CMS 的功能
如果您的网站基于WordPress、Joomla或Shopify等CMS,则有一些插件或扩展可以在您上传照片时自动优化照片。
这些工具可以将文件转换为 Webp 格式并批量优化照片,从而加快操作速度。
例如,WordPress 上提供了出色的EWWW Image Optimizer。该插件除了执行到 Webp 的转换之外,还通过批量或不时地进行有损或无损压缩来减轻文件的重量。
使用描述性文件名
SEO 专家深知 这一点:图像文件名应该具有描述性,并包含相关关键字以改善 SEO。以下是一些建议。
选择具有描述性、相关性和简洁的文件名
保存图像时,请使用清晰描述内容的文件名,并使用您想要查找图像的关键字。
例如,不要使用一系列随机数字或字母(例如“DSC10024.jpg”)来命名图像,而是使用反映图像内容的名称,例如“gelato-artigianale-roma.jpg”。
虽然具有描述性很重要,但也要尽量保持文件名相对较短。
过长的文件名可能会被某些浏览器或 CMS截断或错误处理。尝试在简洁和描述之间找到良好的平衡。
使用正确的分隔符
要分隔文件名中的单词,请使用连字符 (-) 而不是下划线 (_)。
谷歌将连字符视为空格,使其能够更好地解释关键字。例如,“gelato-artigianale-roma.jpg”优于“gelato_artigianale_roma.jpg”。
避免特殊字符和大写字母
特殊字符(如果可用)可能会导致某些浏览器和 CMS 出现问题。
出于清晰和可读性的原因,建议一致使用小写字母。