用于 WordPress 的图像文件类型

由心敲暮色的鼓

如果您已经运行 WordPress 网站一段时间，您可能想知道哪种图像文件类型最适合您的网站。 你应该使用JPG还是PNG？ 也许您想使用不同的图像文件类型，例如 WebP，但不知道该怎么做。 如果不是这样，也许您想上传 PSD、AI 或 INDD 图像但被卡住了。

无论您为何来到这里，今天的帖子都将帮助您为您的 WordPress 网站选择正确的图像文件类型。 为什么需要选择正确的图像文件类型？ 我们也在帖子中介绍了这一点。 最重要的是，我们重点介绍了可接受的图像文件类型、如何添加其他文件类型以及一些 WordPress 图像最佳实践。

如果这听起来不错，那么让我们起锚并起航，因为有很多东西要学。

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

选择完美的图像文件类型比您想象的要难，我明白了。 但是您必须密切注意您使用的文件类型，因为它与您网站的性能相关。 那么，为什么考虑您选择的图像文件类型很重要？

  • 速度与性能 – 某些图像文件类型比其他类型占用更多空间。 如果您使用大图像格式，则会减慢您的网站速度并增加服务器费用。 选择能够保证更好的页面速度和性能的轻量级图像 最佳用户体验 (UX).
  • 搜索引擎优化分数 – 你知道页面速度是 直接 SEO 排名信号? 如果您在您的网站上使用大量或低质量的图像，您将错过更好的用户体验和相关的 SEO 优势。 选择高质量和 SEO 就绪的图像为您的页面提供更好的 SEO 分数。
  • 美学 – 某些图像格式比其他格式更能保留细节，即使在压缩后也是如此。 您想要一种看起来非常适合抛光、高质量和专业外观的图像格式🙂每种图像格式都非常适合特定用途，因此请明智地选择。
  • 响应式设计 – 如今，用户在具有不同浏览器和屏幕尺寸的各种设备上访问您的网站。 您需要选择大多数浏览器都支持的响应式图像文件类型。 最重要的是，您需要在各种屏幕上看起来都很棒的图像。 稍后再详细介绍。
  • 一致性 – 为保持一致性，我们建议您的图像使用一种主要文件类型。 您可以根据需要或根据您的需要使用其他文件格式，但一两种格式就足够了。

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

可用的图像文件类型

许多初学者都隐藏了一个事实，那就是那里有一个图像格式的世界。 是的，有 数百种图像文件类型 我们需要一本电子书来涵盖所有内容。 不过，别担心； 我们只关注最适合 WordPress 网站的图像格式。

图像格式分为两大类： 光栅 和 向量 图片。

光栅图像由一系列像素构成以形成图像。 由于这个原因，光栅图像在压缩或拉伸时通常会失去分辨率。 三种流行的图像格式 – JPG、PNG 和 GIF – 是光栅图像，它们构成了您在网上看到的所有照片的大部分。

另一方面，矢量图像是使用数学公式而不是像素构建的，这意味着它们在频繁调整大小方面更加灵活。 流行的矢量图像类型包括 Adob​​e 的 EPS（Encapsulated PostScript）、SVG（可缩放矢量图形）、PDF、WEBP 和 Adob​​e Illustrator 的 AI 格式等。

对于常规网站使用，请使用光栅图像。 同时，您可以创建徽标的矢量图像和其他需要频繁编辑和调整大小的图像。 理想情况下，您应该将所有矢量图像转换为光栅图像，然后再在您的 WordPress 网站上使用它们。

为什么？

由于光栅图像更轻且受所有浏览器支持，因此您应该选择 JPG 或 PNG。 如果你需要动画，你有 GIF 格式。 现在，我们只剩下数百种图像格式中的三种。

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

接受的图像文件类型

根据 法典, WordPress 默认接受 JPG、JPEG、PNG、ICO 和 GIF 图像格式。 如果您感到困惑，JPEG 只是 JPG，而 ICO 是您用于图标的图像格式。 在 WordPress 网站上，图标通常用于您的网站图标，而不是帖子或页面中的图像。

默认情况下，您只能将 JPG 和 PNG 上传到您的页面和帖子。 如果您出于某种原因想添加其他图像文件类型，可以使用插件，例如 WP 额外文件类型. 如果您不喜欢插件，可以将以下代码添加到您的 wp-config.php 文件。

define( 'ALLOW_UNFILTERED_UPLOADS', true );

对于另一种方法，请将以下代码添加到您的 函数.php 文件：

<?php
add_filter( 'upload_mimes', 'my_myme_types', 1, 1 );
function my_myme_types( $mime_types ) {
  $mime_types['svg'] = 'image/svg+xml';     // Adding .svg extension
  $mime_types['json'] = 'application/json'; // Adding .json extension
  
  unset( $mime_types['xls'] );  // Remove .xls extension
  unset( $mime_types['xlsx'] ); // Remove .xlsx extension
  
  return $mime_types;
}

上面的代码将添加对 SVG 和 JSON 扩展的支持。 如果您想为其他图像格式添加扩展名，请相应地编辑上面的代码。 要了解更多信息，请查看 如何在 WordPress 中上传其他文件类型.

如果您在添加新文件类型时遇到问题，请首先联系您的托管服务提供商，因为他们可能有限制。 除此之外，哪种图像文件格式最好使用？

哪种图像文件类型最适合使用？

在下一节中，我们将考虑三种最流行的网站图像格式。 我们涵盖了 JPG、PNG 和 GIF，突出了各种用途的最佳格式。 让我们从JPG开始。

JPG

JPG（也称为 JPEG）代表联合图像专家组。 JPG 图像非常适合高压缩级别，并且可以显示数百万种颜色，使其非常适合具有鲜艳色彩的照片和图像。

此图像格式支持有损压缩，优化后会导致图像质量略有下降。 但是，您可以控制压缩级别以确保获得最佳质量和性能。 JPG 图像不支持透明背景。

PNG

PNG 是 Portable Network Graphics 的缩写，一种最初设计用于通过 Internet 传输图像的图像格式。 PNG 图像显示数百万种颜色，但它们可能比 JPG 重。 它们非常适合用于识别品牌的屏幕截图、徽标、信息图表和主要标题图形。

PNG 支持无损压缩，这意味着在优化过程中不会丢失任何数据。 因此，PNG 图像在压缩后比 JPG 图像更清晰、更清晰。 此外，PNG 图像文件类型支持透明背景。

动图

GIF 是图形交换格式的缩写。 它是一种同时支持动画和静态图像的图像格式。 您在社交媒体上看到的大多数动画都是 GIF 图像。 与 JPEG 和 PNG 不同，GIF 图像文件类型仅支持 256 种颜色，因此不适用于彩色照片和其他具有颜色渐变的插图。

GIF 使用无损压缩来减小文件大小而不会损失视觉质量。 最重要的是，GIF 支持文本标签和透明背景，这使得该格式非常适合简单的动画和低分辨率视频。

查看  使用智能 WordPress 网站导航促进销售

那么，在这三个中，您应该使用哪一个？ 这一切都取决于您的需求。 PNG 非常适合用于徽标、屏幕截图、图表、信息图表和高质量的品牌图像。 JPEG 非常适合您网站上的小图像以及色彩鲜艳的照片。 GIF 非常适合动画和简单的视频。

但是，如果您最终不小心使用图像，则选择图像文件类型是不够的。 在下一节中，我们发现了几个 WordPress 图片最佳实践和技巧。

WordPress 图像最佳实践

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

图片大小

我们已经确定您使用的图片大小会影响您网站的速度。 因此，您应该以使用浅色图像为目标。 同时，在尝试创建浅色图像时不要放弃视觉质量，这意味着您需要小心压缩。

最重要的是，不要使用 HTML 或 CSS 调整图像大小。 如果您需要 300 x 300 像素的图像，请不要使用 400 x 400 像素的图像。 此外，选择高质量的 WordPress 托管、实施缓存和 CDN 以提高您的网站速度。

最大上传大小

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

CLoudways 文件上传大小

在许多情况下，托管服务提供商提供了一个内置设置，您可以编辑该设置以自己增加文件上传大小。 例如，在 Cloudways 中，您只需登录您的帐户，导航到服务器管理并选择设置和包部分（如上所示）。 从这里您可以通过编辑允许的 MB 大小来手动增加文件上传大小限制。

但这可以而且确实因主机而异。 GoDaddy 在他们的 C-Panel 中使用了一个选项，Media Temple，您必须修改 php.ini 文件，并且使用 WP Engine，您需要联系他们的支持团队以请求增加。

图像搜索引擎优化

除了传递信息并使您的网站看起来不错之外，您是否知道可以使用图像来提高您的 SEO 分数？ 这是正确的; 您可以使用图像 SEO 为您的网站带来更多流量。 如何？ 对于初学者，请适当地命名您的图像。 例如，使用“how-to-image-seo.png”代替“picture001.png”，等等。 最重要的是，在上传后为所有图像添加替代文本。 多亏了替代文本，搜索引擎和屏幕阅读器可以“看到”您的图像。

有用的 WordPress 图像优化插件

由于插件，WordPress 是非常容易使用的 CMS。 虽然在上传之前使用图像处理软件（例如 Photoshop）优化图像很有帮助，但您可以在上传后利用插件优化图像。

著名的 WordPress 图像优化插件包括 糊涂, EWWW 图像优化器， 和 想象一下，等等。 选择最适合您需求的插件，因为每个插件都有一组独特的功能。

使用谷歌分析

当一切都说完后，您希望尽可能提供最好的用户体验。 为此，您必须了解您的访问者以及他们用于访问您网站的设备。 这样，您可以选择完美的图像格式和尺寸。 例如，如果您的大多数访问者使用 Apple Safari 浏览器，您将需要提供额外的支持才能在 WordPress 中使用 WEBP 图像文件。

就速度、用户体验、网站性能、搜索引擎优化和一致性而言，为您的 WordPress 网站选择完美的图像文件类型至关重要。

你不能让这个领域无人看管，因为当你制定一个好的形象策略时，你会从中受益。 您的风格指南应该为所有用户提供图像指令。

最后，压缩和优化您的图像，以实现质量和性能之间的完美平衡。

您对图像文件类型有疑问吗？ 在下面的评论部分让我们知道！

类似文章