WordPress 图片大小初学者指南（+ 最佳实践）

在这篇易于遵循的初学者指南中了解 WordPress 图片大小的基本知识。了解 WordPress 如何自动创建缩略图、中等和大尺寸图片版本，为什么这些尺寸对您的网站外观和性能很重要，以及 WP Media Folder 如何帮助您保持有序。.

 本指南介绍了WordPress默认图像尺寸（缩略图、中等、较大）的含义、存在原因以及如何为您的主题进行自定义。我们还将了解 WP Media Folder 插件如何帮助管理您的图像。如果您不是技术人员，本指南仍然易于理解。您将准确了解WordPress如何处理图像尺寸以及如何调整它们。.

WordPress默认图像尺寸概述

当您将图像上传到WordPress时，它会自动创建该图像的多个版本，以便在您网站的不同位置使用。默认情况下，WordPress会生成：

• 缩略图：150 × 150像素的正方形版本。常用于博客预览列表、窗口小部件和画廊。
• 中等：缩放版本，使最长边为300像素。如果您的图像比宽度高，则可能是300高，宽度较小，反之亦然。
• 大：最长边为1024像素的版本。适合用于全宽特色图像或博客文章标题。
• 完整：您上传的原始文件，未经修改。

WordPress 根据图像显示的位置选择最佳尺寸进行交付。在帖子列表中的小缩略图以 150 × 150 的尺寸交付；特色图像横幅可能使用最大尺寸 1024px。该系统优化了加载速度、带宽使用和在不同设备和屏幕尺寸上的外观。.

为什么WordPress会自动生成这些尺寸

• 确保图像适合设计区域（例如，不会放大或模糊）.
• 为了减小文件大小并提高页面加载性能，尤其是在移动设备上
• 简化内容创作者的工作流程——无需手动调整大小。.

如果您上传的图像小于WordPress生成的大小（例如，800像素宽的照片），WordPress只会创建达到图像支持的尺寸的大小—因此大尺寸不会超过原始尺寸。.

使用默认图像尺寸的最佳实践

以下是每个默认尺寸的一些常见用例：

缩略图

用于画廊网格、博客文章预览、窗口小部件或侧边栏列表。不要在大型显示区域使用缩略图大小，否则会显得像素化。.

在这个例子中，我们使用了使用 WP Media folder创建的画廊.

中等

适合在博客文章或较小的横幅中使用的内联图像。这些图像在清晰度和文件大小之间取得了良好的平衡。.

大尺寸

用于全宽图像、特色标题、滑块或全屏部分。避免使用全尺寸原件，除非绝对必要（例如，高质量照片），因为它们可能体积庞大且加载缓慢。.

不建议上传非常大的原始文件（例如，宽度为数千像素或高分辨率的TIFF或PNG图像）。它们占用更多的存储空间，并可能减慢您的网站或媒体处理服务器的速度。理想情况下，上传的图片大小应大致与主题的最大显示宽度相匹配（例如，如果内容区域为1200px，则宽度为1200px）。.

如何自定义主题的图像尺寸

默认情况下，WordPress使用设置 > 媒体中的尺寸，但您可能需要调整这些尺寸或为您的主题需求添加新的尺寸。

通过管理屏幕更改默认尺寸

转到您的WordPress仪表板 > 设置 > 媒体。在这里，您可以更改缩略图、中等和较大的像素尺寸。进行更改后，保存。未来的上传将使用新的设置。.

但是，已经上传的现有图像不会自动重新生成，如果您稍后更改尺寸，则需要使用缩略图重新生成插件。.

在主题代码中添加自定义图像大小

重要注意事项：在应用任何自定义代码之前，请先创建备份

要注册缩略图/中等/大型以外的新图像尺寸，您可以在主题的functions.php文件或自定义插件中添加代码。例如：

add_image_size( 'custom-feature', 800, 600, true ); 

这将注册一个名为“custom-feature”的新尺寸，宽度为 800px，高度为 600px，并启用裁剪。.

然后您可以在主题文件中调用它：

the_post_thumbnail( 'custom-feature' ); 

或者在Gutenberg中，如果您的主题支持，您可能会在图像块下拉菜单中看到新的尺寸。.

您可以添加多个自定义尺寸。注册后，为现有图像重新生成缩略图，以便WordPress创建新版本。.

选择自定义尺寸时的最佳实践

• 将尺寸与主题布局相匹配，例如标题横幅大小、博客文章特色大小或文章内图像宽度.
• 避免将图像调整为比容器大得多的尺寸——这样会浪费磁盘空间并减慢加载速度。.
• 当您希望图像具有一致的宽高比时（例如 16:9 或 4:3），请使用裁剪。根据是否首选裁剪或比例缩放，将裁剪设置为 true 或 false。.
• 添加自定义尺寸后测试插入的图像，以确保它们在桌面和移动设备上正确显示。.

重新生成缩略图

如果您更改默认尺寸或添加新尺寸，旧图像不会自动生成新尺寸。使用类似“重新生成缩略图”等插件来重新生成过去上传的所有图像尺寸。这确保了您的媒体库具有WordPress可以在各种上下文中提供的适当尺寸。.

最佳实践摘要

• 上传尺寸接近您主题最大显示宽度（例如，1200px宽）的图像。让WordPress创建较小的尺寸。.
• 保持默认尺寸：150px（缩略图）、300px（中等）和1024px（大图），除非您的主题需要不同的值。可在“设置”>“媒体”下更改。.
• 通过在您的主题或插件代码中使用add_image_size()函数，为独特的显示区域（例如，英雄横幅、特色块）添加自定义尺寸。.
• 调整尺寸或添加新尺寸后，重新生成缩略图，以便WordPress为旧上传创建这些尺寸。.
• 当需要一致的宽高比时使用裁剪，或在希望保留原始比例时使用按比例缩放。.

附加提示：请牢记WP Media Folder如果您需要基于文件夹的组织、改进的媒体搜索/筛选、更简单的画廊创建、媒体替换和其他工作流程增强。它与您的图像尺寸设置无缝协作。

总结：掌握WordPress图像尺寸，打造快速、美观的网站

了解WordPress图像尺寸有助于您在正确的位置提供正确的图像。缩略图、中等和大尺寸的设计旨在平衡质量和性能。您可以自定义这些尺寸或添加新的尺寸以匹配您的主题布局。WP Media Folder在WordPress默认媒体系统上带来了文件夹结构、高级管理、替换工具、水印和画廊工具。

即使您认为自己不是技术人员，这些步骤也很简单：在“媒体”下调整设置，更改后安装再生插件，（可选）在您的主题中注册自定义尺寸，并使用 WP Media Folder 更有效地组织您的媒体库。这样，您的图像看起来很棒，加载速度快，并且易于管理。.