浏览器仍然需要加载全尺寸图像

arafatmonowar1

但最重要的是，换句话说，如果我们要上传宽度为6000像素的图片，即使宽度配置为720像素，浏览器仍然需要加载整个图片。这很慢。 解决方案是调整图像大小并将其上传到您需要的最大宽度。但您需要注意，这个尺寸可能不会显示为 720px。这取决于您网站的整体设计。第一步是了解它。您可以通过网站的 CSS 代码来完成此操作。 图片搜索引擎优化 博客宽度 重要提示： 请小心这一点，尤其是在使用响应式设计时。有时，您的网站在小屏幕上的显示效果可能会比在大屏幕上的显示效果更高。Ahrefs 博客就是如此。


然后，您可以使用此工具将图像调整为大尺寸。 只有图像的宽度才是重要的，因此请以原 WhatsApp 号码数据 始尺寸上传图像，然后使用“最大宽度”选项仅调整宽度。 图片搜索引擎优化 最大宽度 您必须分两批上传大型 JPEG 和 PNG。否则，该工具会将所有图像转换为固定图像文件类型。您可以在工具本身中选择 JPEG 和 PNG。对您正在优化的图像集使用适当的选项。 该工具之所以出色，有两个原因： 更改最大宽度大小：假设您网站的最大宽度为 700 像素。您有一组需要调整大小的图像。有些大于 700 像素，有些小于 700 像素。您不想将较窄的图像调整为 700 像素，因为这会降低整体图像质量。该工具使这些图像保持适当的实际尺寸。它只是调整那些超宽图像的大小。 保持文件名完整：您已经花了很长时间为图像命名以进行搜索引擎优化。您可以调整它们的大小并下载调整大小的版本。您可以打开.zip 找到image1.png、image2.png。（如果您曾经从 Google 文档下载过图像，您就会理解这种困难）该工具使文件名保持不变，因此您无需在调整大小后重命名它们。



减小所用图像的大小 看看这两张照片： 图片搜索引擎优化 图像搜索引擎优化：减小图像大小并保持质量 两者都是 JPEG。两者之间的质量存在明显差异，但第一个图像比第二个图像小 58%（31KB 与 73KB）。 Google 有一些关于优化网络图像的全面且有价值的文档。 关于文件大小的快速提示是： 为了获得最佳结果，请尝试对图像使用不同的质量设置，并且不要害怕显示质量 - 视觉效果通常非常好，并且保存的文件大小可能会很大。 Google 推荐了三种开源工具来帮助解决此问题：Guetzli、MozJPEG（由 Mozilla 提供）和pngquant。您可以在此处阅读她使用这些工具的说明。但是，请注意，这些工具需要输入代码和命令。如果您不习惯使用这些工具，Google 建议使用ImageOptim – 一款适用于 Mac 的免费工具。