Aini99
@Aini99

如果你已经运行 WordPress 网站一段时间,你可能想知道哪种图像文件类型最适合你的网站。你应该使用 JPG 还是 PNG?也许你想使用其他图像文件类型,例如 WebP,但不确定该怎么做。

今天的文章能帮助你为 WordPress 网站选择正确的图像文件类型。

为什么需要选择正确的图像文件类型?我们也会在帖子中介绍。最重要的是,我们重点介绍了可接受的图像文件类型,如何添加其他文件类型并介绍了一些 WordPress 图像最佳实践。

为什么选择正确的图像文件类型至关重要?

选择理想的图像文件类型比你想象的要难,但是,你必须密切注意使用的文件类型,因为它与网站的性能相关。因此,为什么考虑选择的图像文件类型很重要?

  • 速度和性能 –某些图像文件类型比其他类型占用更多空间。如果使用大图像格式,则会降低网站速度并增加服务器费用。选择能够确保更好的页面速度和性能以实现最佳用户体验(UX)的浅色图像。
  • SEO 得分 –你知道页面速度是 SEO 排名的直接信号吗?如果你在网站上使用沉重或低质量的图像,则会错过更好的 UX 和相关 SEO 优势。选择高质量且可用于 SEO 的图像可为你的页面加载更快,以获得更好的 SEO 分数。
  • 美学 –即使压缩后,某些图像格式也会比其他图像格式更好地保留细节。你想要的图像格式看起来非常清晰,高质量和专业外观每种图像格式都非常适合特定用途,因此请明智地选择。
  • 响应式设计 –如今,用户可以在具有不同浏览器和屏幕尺寸的各种设备上访问你的网站。你需要使用大多数浏览器都支持的自适应图像文件类型。最重要的是,你需要在各种屏幕上看起来都很棒的图像。稍后再详细介绍。
  • 一致性 –为了保持一致性,我们建议你的图像坚持一种主要文件类型。你可以按需使用其他文件格式,也可以根据需要使用其他文件格式,但是一种或两种格式应该足够。

除此之外,让我们看看可用的图像文件类型。

可用的图像文件类型

许多初学者都隐藏着一个事实,那就是那里存在着许多图像格式。是的,我们需要一本电子书才能涵盖数百种图像文件类型。不过不要担心;我们只关注最适合 WordPress 网站的图片格式。图像格式分为两大类:栅格图像和矢量图像。

栅格图像由一系列像素构成以形成图像。由于这个原因,栅格图像通常在压缩或拉伸时会失去分辨率。三种流行的图像格式(JPG,PNG 和 GIF)是栅格图像,占你在线上看到的所有照片的大部分。

另一方面,矢量图像是使用数学公式而不是像素构造的,这意味着只要频繁调整大小,它们就会更加灵活。流行的矢量图像类型包括 Adobe 的 EPS(封装的 PostScript),SVG(可缩放矢量图形),PDF,WEBP 和 Adobe Illustrator 的 AI 格式等。

对于常规网站,请使用栅格图像。同时,你可以创建徽标的矢量图像以及其他需要频繁编辑和调整大小的图像。理想情况下,你应先在 WordPress 网站上使用所有矢量图像,然后再将其转换为栅格图像。栅格图像更亮并且受所有浏览器支持,所以你应该选择 JPG 或 PNG。如果需要动画,则可以使用 GIF 格式。现在,我们只剩下数百种图像格式中的三种。

这就引出了一个问题:但是 WordPress 支持哪些图像文件类型?

WordPress 可接受的图像文件类型

根据 Codex 的规定,WordPress 默认接受 JPG,JPEG,PNG,ICO 和 GIF 图像格式。JPEG 只是 JPG,而 ICO 是你用于图标的图像格式。

在 WordPress 网站上,图标通常用于你的收藏夹图标,而不是帖子或页面中的图像。默认情况下,你只能将 JPG 和 PNG 上传到你的页面和帖子。如果出于任何原因想要添加其他图像文件类型,则可以使用 WP Extra File Types 之类的插件。如果你不喜欢插件,则可以将以下代码添加到 wp-config.php 文件中。

define('ALLOW_UNFILTERED_UPLOADS',true);

对于替代方法,将以下代码添加到你的 functions.php 文件中:

add_filter( 'upload_mimes', 'my_myme_types', 1, 1 );
function my_myme_types( $mime_types ) {
  $mime_types['svg'] = 'image/svg+xml';     // 添加 .svg 支持
  $mime_types['json'] = 'application/json'; // 添加 .json 支持
  return $mime_types;
}

上面的代码将添加对 SVG 和 JSON 扩展的支持。如果你想添加其他图像格式的扩展名,请相应地编辑以上代码。

哪种图像文件是最好的格式?

在以下部分中,我们考虑三种最流行的网站图像格式。我们介绍了 JPG,PNG 和 GIF,突出了各种用途的最佳格式。让我们从 JPG 开始。

JPG 格式

JPG(也称为 JPEG)代表联合图像专家组。JPG 图像非常适合高压缩级别,并且可以显示数百万种颜色,使其非常适合照片和色彩鲜艳的图像。此图像格式支持有损压缩,优化后会导致图像质量略有下降。但是,你可以控制压缩级别,以确保获得最佳质量和性能。JPG 图像不支持透明背景。

PNG

PNG 是可移植网络图形的可移植网络图形的缩写,一种最初用于在 Internet 上传输图像的图像格式。PNG 图像可显示数百万种颜色,但它们可能比 JPG 重。它们非常适合用于标识品牌的屏幕截图,徽标,信息图表和主标题图形。PNG 支持无损压缩,这意味着优化期间不会丢失任何数据。这样,压缩后的 PNG 图像比 JPG 图像更清晰和清晰。此外,PNG 图像文件类型支持透明背景。

GIF

GIF 是 “图形交换格式” 的缩写。这是一种既支持动画图像又支持静态图像的图像格式。你在社交媒体上看到的大多数动画都是 GIF 图片。与 JPEG 和 PNG 不同,GIF 图像文件类型仅支持 256 种颜色,因此不适合彩色照片和其他带有颜色渐变的插图。GIF 使用无损压缩来减小文件大小而不会损失视觉质量。最重要的是,GIF 支持文本标签和透明背景,这使得该格式非常适合简单的动画和低分辨率视频。

那么,在这三个中,你应该使用哪一个?这完全取决于你的需求。PNG 非常适合徽标,屏幕截图,图表,信息图表和高质量的品牌形象。JPEG 非常适合你网站上的小图像以及色彩鲜艳的照片。

WordPress 图像最佳指南

请遵循以下图像最佳做法和提示,以充分利用图像。我们简要介绍了图像大小,最大上传大小,图像 SEO,优化以及如何使用 Google Analytics(分析)告知 WordPress 图像策略等领域。

图片尺寸

我们已经确定你使用的图像大小会影响网站的速度。因此,你应该以使用文件大小较小图像为目标。同时,在尝试创压缩图片时不要放弃图片质量,这意味着你在压缩时要格外小心。最重要的是,请勿使用 HTML 或 CSS 调整图片大小。如果你需要 300px x 300px 的图像,请不要使用 400px x 400px 的图像。

最大上传大小

有时,出于某种原因,你可能需要使用较大的图像文件。但是你可能无法上传文件,因为 WordPress 的默认上传大小为 2MB。不过请放心,因为你可以快速增加最大上传大小。

在许多情况下,托管服务提供商会提供一个内置设置,你可以编辑该设置以自己增加文件上载的大小。例如,在 Cloudways 中,你只需要登录帐户,导航到 “服务器管理”,然后选择 “设置和软件包” 部分(如上所示)。你可以在此处通过编辑允许的 MB 大小来手动增加文件上传大小的限制。

但这可以而且确实因主机而异。GoDaddy 使用其 C 面板 Media Temple 中的一个选项,你必须修改 php.ini 文件,而使用 WP Engine 时,你需要联系其支持团队以请求增加。

图片搜索引擎优化

除了传递消息并使你的网站看起来不错以外,你是否知道可以使用图像提高 SEO 分数?那就对了;你可以使用图片 SEO 来吸引更多访问你网站的流量。怎么样?对于初学者,请适当命名图像。例如,使用 “how-to-image-seo.png” 代替 “ picture001.png”,依此类推。最重要的是,上传后在所有图片中添加替代文本。借助替代文字,搜索引擎和屏幕阅读器可以 “查看” 你的图像。

常用的 WordPress 图像优化插件

借助插件,WordPress 相当易于使用。虽然在上传之前使用图像处理软件(例如 Photoshop)优化图像很有帮助,但你可以在上传后利用插件来优化图像。著名的 WordPress 图像优化插件包括 Smush,EWWW Image Optimizer 和 Imagify 等。选择最适合你需求的插件,因为每个插件都具有独特的功能集。

就速度,UX,网站性能,SEO 和一致性而言,为你的 WordPress 网站选择理想的图像文件类型至关重要。

2020 年 06 月 25 日 · 22:00
391
0
0
发表留言

WordPress 应该使用哪种文件类型作为最佳的图像文件
扫描右侧二维码继续阅读
June 25, 2020
Aini99
by yoniu.

Aini99