图片优化

引言

本课主要讲解图片优化。但你可能要问,图片优化到底是什么?图片优化就是在减小文件大小的同时,保持图片质量的平衡。它是以理想的格式、尺寸和分辨率提供高质量图片,以提升用户参与度的过程。它还涉及准确标记图片,以便搜索引擎能够读取和理解页面内容。

优势

在继续之前,我们先简要讨论一下图片优化的优势。图片优化将帮助你提高页面加载速度、改善用户体验和SEO,而且不需要任何开发技能。图片优化显然具有多米诺骨牌效应。如果你的图片加载速度快,它们将提高用户参与度,进而提升搜索引擎排名。

文件名和替代文本

那么,我们如何优化图片呢?首先,我们需要在上传前更改图片的文件名,然后添加替代文本。其次,确保选择正确的图片类型。然后,我们可以缩放或裁剪图片,并压缩图片文件。所以,请确保在上传到媒体库之前更改图片的文件名。记得添加替代文本。当你将图片添加到媒体库时,可以打开它,在右上角会显示“替代文本”。替代标签只是对图片的简短文字描述,但当图形无法加载时,它向网站用户解释图片的内容。它还允许搜索引擎更好地抓取和排名你的网站,并帮助视障用户理解页面内容。同样重要的是,图片SEO从文件名开始。你希望搜索引擎在不查看图片的情况下就能了解它。所以,请使用一个聚焦的关键词短语。

图片格式

WordPress允许你上传多种格式的图片。图片通常保存为JPEG、PNG、WebP或AVIF。JPEG通常用于照片以及人物和物体的图像。PNG适用于图形、插图和具有透明度的图片,而WebP和AVIF是优化网站性能的绝佳选择,特别是对于照片和动画等非矢量资源,因为它们具有卓越的压缩能力。我还建议避免使用GIF,因为它们会带来可访问性方面的挑战。

插件

最后,我们将介绍三种优化图片的方法。首先,你可以使用WordPress插件,或者你也可以决定使用基于网页的工具或图片编辑器。我们从插件开始。要添加插件,我们进入“插件”页面,点击“安装新插件”,然后在搜索框中输入“图片优化”。现在你会注意到有许多不同的插件可供选择。一些值得探索的插件包括Modern Image Formats、Image Optimization by Optimal、Smush或Imagify。请注意,根据插件的不同,某些功能可能仅由专业版支持。你可能需要考虑为你网站上的新图片上传使用现代图片格式。这个插件由WordPress性能团队创建和管理。它在上传时将图片转换为更现代的格式,如WebP或AVIF。在这个例子中,我将安装并激活EWWW Image Optimizer插件。激活后,我们可以进入“设置”,看到一个名为“优化本地图片”的选项。如果你向下滚动,你会看到更多带有高级套餐的选项。但如果我们进入“媒体”页面,可以点击“批量优化”并扫描未优化的图片。我们可以看到有184张图片需要优化,右侧还有更多选项。

基于网页的工具

接下来,让我们探索一些基于网页的工具,你可以在将图片上传到WordPress网站之前进行优化。一些值得考虑的选项包括tinypng.com、tinyimg.com、kraken.io和squoosh.app。让我们看看Squoosh是如何工作的。它是开源的,支持所有图片格式。一旦你从电脑中添加图片,就可以编辑或压缩它。首先,我会点击“调整大小”,然后更改图片的高度。你会注意到宽度会自动更新。接下来,我会进入“压缩”并将图片保存为WebP文件。在右下角,我们可以看到这个文件大小已经减少了97%。

图片编辑器

最后,你还可以选择使用图片编辑器,例如Pixlr、Photopea、Gimp或Canva。

最佳尺寸

你可能要问,在WordPress中使用的最佳尺寸是多少?嗯,这取决于你将如何使用该图片。对于标题图片,1200 x 628像素是一个不错的尺寸。对于其他图片,最佳尺寸至少是640 x 480,大约1024 x 768像素。

结论

我相信这些信息对你有所帮助,并且你会找到适合你的正确方法。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注