WordPress应该使用哪种文件类型作为最佳的图像文件

最后编辑于:2020-01-19 11:34:08 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格式

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

PNG

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

GIF

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

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

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网站选择理想的图像文件类型至关重要。