担心的人
我想知道我的博客的最佳图像尺寸和容量！我想让我的网站变得更轻并且运行得更快！
我来回答这些问题！
本文内容
・最佳图像尺寸/容量是多少？
・推荐的图像压缩方法是什么？
・有关图像尺寸的常见问题
本文的可靠性
当我写这篇文章时，我已经写博客七年了。我开始把写博客作为副业，一年之内每月就赚到了100万日元，现在我靠写博客谋生。
通过优化博客的图像大小和容量，
- 显示速度提升！
- 组织良好且易于阅读！
- 读书的负担就会减轻！
你可以为读者和博主创造一个快乐的状态。
最近，高质量图像的数量有所增加，无论是智能手机照片还是免费材料。
如果将图片原样上传到WordPress，文章将变得非常大，因此请在使用前压缩或调整图片大小。
在本文中，我们将介绍最适合您的博客的图像大小和容量，并具体说明您应该如何优化它。
阅读后，尝试在您的博客上付诸实践。
博客的最佳图像大小/容量是多少？
我们将介绍最佳图像尺寸和容量。
图片尺寸宽度应在 1000px 左右
综上所述，如果图片的宽度是1000px，是没有问题的。
这是因为博客正文的宽度通常在 600 到 900px 之间。稍后我们将向您展示如何检查正文的宽度，请尝试一下。
例如，在这个博客中，正文的宽度是694px。
看起来就像上面的那样。
即使图片尺寸超过了正文的宽度，也没有问题，它会调整为博客的最大宽度。
另一方面，如果图像尺寸小于正文的宽度，它将按原样显示，所以要小心。
如果像这样显示得小，就很难看到内容。
稍后我将向您展示如何在保持美观的同时增加图像尺寸！
都筑
将图像大小压缩至 200KB 或更小
图片大小只要小于200KB就可以。
即使你说200KB，我想你也无法理解，所以我举个例子。
- 使用单反相机或智能手机拍摄：约1MB至10MB
- 来自免费素材网站的图片：约 500KB 至 15MB
粗略地说，就是上面这样的。
顺便说一句，1MB = 1000KB，因此大多数图像都非常大。
大图像尺寸的主要缺点是降低显示速度。
因此，请压缩图像以将大小减小到 200KB 或更小。
将图像类型设置为 JPG
图片类型包括JPG和PNG，但推荐使用JPG。
这是因为 JPG 比 PNG 稍轻，尽管图像质量大致相同。
浅色图像适合博客，因此请使用 JPG。
如果你想了解更多，请google一下。
更新信息：我们也利用 WebP
2021年以降、网络P此图像文件是 Google 推荐的。
什么是WebP？
- 由 Google 开发的图像文件。
- 虽然尺寸小，但是画质却很漂亮！
- 由Google推荐，这对SEO来说是一个加分项！
它是一个看起来像这样的图像文件。
EWW图像优化器如果你安装这个插件，它会自动将 WordPress 中的图像转换为 WebP，所以这样做没有什么害处。
但请注意，某些浏览器不支持 WebP。
WebP 兼容性表您可以通过查看来检查。
WebP 兼容性表
如果您想了解更多关于WebP的信息，请访问以下官方网站。
不用担心，即使您使用 EWWW Image Optimizer 转换 WebP，JPG 和 PNG 文件仍将保留。
用户从不支持 WebP 的浏览器查看时将显示为 JPG 或 PNG。
都筑
如何检查适合您网站的图像尺寸[补充]
为了回答“我的博客的最佳图像尺寸是多少？”这个问题，我将解释如何检查适合您网站的图像尺寸。
这五个步骤如下。
- 使用开发者工具检查
- 单击光标标记
- 单击博客文本显示为蓝色的位置
- 单击已计算
- 检查蓝框
这并不难，所以请尝试一次。
此方法使用Google Chrome作为浏览器，所以如果您没有使用它，请下载它。
我制作了一个视频来展示如何做到这一点。它既快速又简单，所以请尝试一下。
如何查看正文的宽度
您可以通过单击右上角的“x”或键入 Option + Command + i 来关闭开发人员工具。
都筑
推荐的图像压缩方法是什么？
我们将介绍图像压缩的方法。
图像压缩的三种方法
第 1 部分：Automator [Mac 应用程序]
第二部分：TinyPNG【压缩站点】
第 3 部分：压缩 JPEG 和 PNG 图像 [插件]
我将用图像解释每一项。
第 1 部分：Automator [Mac 应用程序]
第一种方法是使用 Mac 专用的应用程序，因此 Windows 用户可以跳过它。
这是一种使用名为 Automator 的应用程序来压缩图像大小的方法，该应用程序是 Mac 上的标准配置。
如果您这样设置，只需将图像拖放到 Automator 中即可调整大小。
将图像拖放到下面的类似机器人的图标上以对其进行压缩。
Automator 非常方便，因为您可以轻松地执行如上所述的图像压缩 + JPG 转换。
如果这是你第一次，可能很难设置，所以我会在这里留下一个预先配置的文件。请下载并使用它。
通过使用 Automator，图像压缩速度更快、更容易几个数量级。
第二部分：TinyPNG【压缩站点】
TinyPNG 是一项免费服务，可以在保持图像质量的同时精美地压缩图像。
>> TinyPNG – 压缩 PNG 图像，同时保留透明度
上面提到的你会受到熊猫欢迎的网站是 TinyPNG。
当您上传图像时，它将自动压缩。它同时支持 JPG 和 PNG。
您也可以像这样批量上传。
上面的图片已经不到200KB，所以压缩率较低，但如果是稍微大一点的图片，就会大幅缩小。
第 3 部分：压缩 JPEG 和 PNG 图像 [插件]
压缩 JPEG 和 PNG 图像是一个 WordPress 插件，是一个有用的图像压缩工具。
它是 TinyPNG 的插件版本。
使用方法是[图像压缩] 压缩JPEG & PNG图像插件设置和使用它以易于理解的方式进行解释。
补充：如果图像很大，请调整其大小
如果图像尺寸较大，请调整其尺寸。
调整大小是更改图像大小的过程，可以使用计算机标配的工具来完成。
①在Windows上使用画图
②在Mac上使用预览
详细内容在上面的文章中有解释。
如果宽度保持在1000px左右就可以了。
*如果您检查过博客的正文宽度，则可以将其减小到极限。
图像尺寸常见问题解答
最后，我们将回答一些常见问题。
4个常见问题
①：如何更改上传图片的大小
②：关于推荐免费素材网站
③：如何将小图片放大漂亮
④：如何检查图像较多的页面
我将一一解答。
①：如何更改上传图片的大小
您可以使用我之前介绍的插件“压缩 JPEG 和 PNG 图像”轻松更改大小。
您可以通过单击媒体页面上的“压缩”来调整单个图像的大小。
您还可以通过侧边栏中的批量优化批量调整图像大小。
您每月最多可以免费压缩 500 个文件，但如果压缩超过 500 个文件，则需要付费。
因此，如果您的图像超过 500 个，请尝试仅压缩太大的图像。
下面的文章中有一个标题叫“如何单独压缩已经上传的图片”，大家可以参考一下。
>> “压缩 JPEG & PNG 图像”是一个可以显着压缩 WordPress 网站上图像的插件。
②：关于推荐免费素材网站
下面列出了本博客推荐的免费资料网站。
免费网站
- 未飞溅
- 皮克斯
- 拉开
- 伊罗苏托亚
付费网站
- Shutterstock
- 自由图
- 作品集
我使用的两个主要网站是 Shutterstock 和 Pixabay。
你们中的一些人可能想知道，“为什么要付费购买免费材料？”
但是，如果您想统一博客的世界观并使自己与其他人区分开来，那么使用付费网站既快捷又容易。
更多详细信息将在下面的文章中解释。
③：如何将小图片放大漂亮
您希望使图像尽可能大，同时保持其美观。
请参阅下面的文章了解如何执行此操作。
然而，作为前提，通过将大图像调整为较小的尺寸更容易保持大图像的美观。
因此，最好从一开始就准备好优质的材料。
④：如何检查图像较多的页面
包含大量图像的页面会降低网站速度，因此您应该检查这一点。
您可以使用 Google Analytics 高速检查页面（≒ 图像尺寸较大的页面）。
看起来就像上面的那样。
您可以通过单击侧栏中的“行为”→“网站速度”→“页面速度”来查看此信息，并尝试查找网站上速度缓慢的页面。
图像的权重通常是一个因素，因此您可以找到需要改进图像尺寸的页面。
注意点
*除了图片过多之外，网站速度缓慢的其他原因还包括添加动画、嵌入视频或使用某种移动装饰。因此，请注意图像不一定很重。
摘要： 不要太沉迷于图像压缩！我们来写一篇文章吧！
您可以使用本文介绍的方法来优化镜像大小和容量。
当然，保持图像简洁很重要，但在博客上重要的是撰写高质量的文章。
优化好之后，就开始一篇一篇的写文章。
请看看我们的博客，其中也介绍了如何撰写高质量的文章。
>> 文章创建模板，让你顺利写博客【更易阅读的小技巧也有讲解】
这次就这样了。