缩放

你想为WordPress中的图片添加类似亚马逊的放大缩放功能吗？ 添加缩放功能将允许用户看到他们在正常大小的图像中看不到的细节。 在本文中，我们将向您展示如何轻松地在WordPress中为图像添加放大缩放。 您可以从圆形、正方形和缩放窗口镜头形状中进行选择。你甚至可以选择一个‘无镜头’(⨯)选项，如果你不想使用一个形状放大效果。 选择您的首选镜头后，您需要向下滚动到下一步，在该步骤中，您可以使用选定的镜头预览图像，以查看其工作原理。该插件有一个预览图像，您可以使用它来测试您的更改。 接下来，您需要切换到“常规”标签。 从这里，您可以选择光标类型、设置动画效果、启用鼠标悬停或鼠标单击时的缩放，以及定义缩放级别。 如果你想要更多的选择，一些功能只有专业版本的可湿性粉剂图像缩放插件可用。 做出相应的选择后，只需从顶部转到“镜头”标签即可。 如果您在步骤1中选择了“圆形”或“方形”镜头，您现在可以配置镜头大小、镜头颜色、镜头边框选项等设置。 如果你选择了缩放窗口镜头，那么你需要切换到‘缩放窗口’的配置标签。 从这里，您可以更改缩放窗口的宽度和高度、位置、与主图像的距离、边框颜色等。 接下来，您只需点击“保存更改”即可存储您的设置。 之后，您所要做的就是配置一些常规设置。 配置常规插件设置 接下来，您需要切换到插件设置下的常规设置选项卡。 从这里，您现在可以启用缩放WooCommerce产品图像、缩略图、移动设备、附件页面、产品类别页面等功能。 您只需选中这些选项旁边的框即可。 您还可以删除LightBox效果，以便用户可以流畅地缩放图像。 但是，您需要该插件的专业版才能实现此功能。 如果你不打算删除图片的Lightbox，那么你需要向下滚动到‘Enable Inside a Lightbox’选项，并选中它旁边的框。 注：您可以看到支持的Lightbox，以确保站点上的Lightbox内的缩放效果良好。 一旦你完成了设置的调整，别忘了点击“保存更改”按钮来保存你的设置。 现在将为WooCommerce产品启用放大缩放功能。 您可以访问您的在线商店来查看我们的缩放功能。 然而，如果你想对WordPress帖子和页面上的图片启用缩放功能，你需要遵循下面的步骤。 步骤3.在块编辑器中启用图像放大缩放 默认情况下，不会为帖子和页面上的图像启用放大缩放。在将图像添加到您的内容后，您需要手动执行此操作。 首先，需要在块编辑器中打开要编辑的帖子。 接下来，您需要从媒体库或您的计算机将图像上传到该帖子。 一旦你这样做了，只需点击图片，在屏幕右下角打开它的“阻止设置”面板。 从这里，只需转到“Styles”选项卡，然后单击“With Zoom”按钮，即可对您的图像进行放大缩放。 之后，只需点击顶部的“更新”或“发布”按钮即可存储您的设置。 缩放功能在您的站点上将如下所示： 注：每次要将缩放效果添加到单个图像时，都需要重复此步骤。 我们建议使用高质量的图像来实现缩放功能，以获得更好的效果。高质量的图片通常文件较大，加载时间也较长，这会影响您的网站速度和性能。 要解决这个问题，你需要在将图片上传到WordPress之前针对网络进行优化。 我们希望这篇文章能帮助你学习如何在WordPress中为图片添加放大缩放。你可能还想看看我们关于如何为搜索引擎优化图片的指南，以及我们推荐的最佳图片压缩插件。 中国和中国都是如此。

网站速度对其成功至关重要，因为47%的访问者可能会离开加载时间超过两秒的网站。 虽然有几个因素会影响您的网站性能，但图像需要特别注意。除了使用适应不同屏幕尺寸的图像外，您还应该提供缩放图像。 提供缩放图像涉及通过将图像重新调整为完美尺寸来优化图像——不要太小，也不要太大。使用正确缩放的图像将对网站速度和性能产生积极影响，从而改善您网站的SEO（搜索引擎优化）。 本文将解释如何在您的WordPress网站上提供缩放图像。我们还提供了插件推荐，以帮助您自动提供缩放图像。 什么是缩放图像？ 如何提供缩放图像？ 步骤 1-分析网站 步骤 2-使用检查工具找出最大显示尺寸 步骤 3-重新缩放图像 步骤 4-替换图像 5个提供缩放图像支持的插件 1. Smush 2. Optimole 3. EWWW Image Optimizer 4. ShortPixel 5. Perfect Images 什么是缩放图像？ 缩放图像是经过调整以适合网站所需的确切尺寸的图像。 如果您使用小图像填充较大的区域，则放大时会变得模糊。另一方面，如果你使用过大的图像，浏览器会缩小它们以适应给定的尺寸，但图像尺寸会保持不必要的大。 例如，如果您将500 x 500像素的图像用于50 x 50像素的缩略图，则浏览器必须先下载并缩小图片，然后才能将其显示给访问者。此过程效率低下，并且会减慢网站加载时间。 但是，如果您通过提供缩放图像来优化图像，则不会出现此问题。 如何提供缩放图像？ 现在是时候学习如何在您的WordPress网站上正确提供缩放图像了。有两种方法可以做到这一点——手动或使用插件。本节将向您展示如何手动缩放图像。 步骤 1-分析网站 如果您想在完全优化整个媒体库之前尝试使用少量图像，请尝试缩放在您网站的多个页面上重复出现的图像。例如，网站徽标或标题图像。 首先，您需要在网站上找到需要重新缩放的图像以及要使用的适当尺寸。为此，我们将使用GTMetrix。 1. 打开GTMetrix并输入您的WordPress网站URL。单击Test Your Site按钮。 2. 完成网站分析后，转到“Structure”选项卡并单击“Properly size images”部分。 3. 本部分将显示您网站中的哪些图像需要优化。Potential Savings列将显示提供缩放图像后的潜在节省。保存图像的URL以备后用。 步骤 […]

自WordPress的v5.3版本，WordPress会自动调整超大图像的尺寸以提高性能。但是有时您可能需要显示更大尺寸的图像。在本教程中，我们将分享四种不同的方法以实现在WordPress网站显示全尺寸图像。 为什么WordPress缩放超大尺寸图片？ WordPress的早期版本允许用户上传尺寸非常大的图像。 但是，很多对WordPress不是很了解的站长会上传大量对于现代Web而言尺寸超大的图像。大图像会导致网站加载速度慢和性能不佳。 为了解决此问题，WordPress 5.3更新更改了WordPress处理超大图像的方式。 例如，如果您上传尺寸为5000px*7000px的图像，则WordPress会将图像尺寸调整为2560px并缩放宽度以匹配原始尺寸。 所以现在如用户访问包含较大图像的页面时，他们将看到该图像的缩小版本。 这样可以提高网站性能，并从整体上提升用户体验。 停用WordPress自动缩放大图片的原因 WordPress自动缩放大图片这项新功能对大多数WordPress站长来说很有用，但某些用户可能需要显示完整尺寸的图像。 例如，如果网站主要用来展示高清照片或者艺术创作时，那么在网站上显示较大的图像，以便访问者可以购买或下载它们。 又或者，需要为首页背景图像使用一张超大尺寸的高清图像。 无论您出于何种原因想要全尺寸图片，我们将为你介绍在WordPress中显示全尺寸图片的4种不同方式。 有些方法适用于单个图像处理，而另一些方法适用于WordPress网站全局。 您可以根据自身的实际情况，选择适合您的显示全尺寸图像方法。 方法1.在WordPress中获取完整大小的图像URL 如果您只想在网站上使用一两个大图像，则此解决方案可能是最好的。 当您将超出尺寸的图像上传到WordPress时，WordPress会缩放大图像并创建一个新图像。但是，原始图像仍然会存放在你的服务器上。 要显示原始图像尺寸，您需要从WordPress图像URL的末尾删除‘-scaled’ ，然后使用修改后的链接将图像插入到您的网站中。 转到Media»Library并选择您需要处理的大图片，即可转到该图像附件详情。 在图像框中找到“文件URL”，然后删除图片网址的末尾“-scaled”。 最后，复制新的图像URL并将图像插入网站文章或者页面。 请注意，您需要使用链接将图像嵌入文章或者页面编辑器，再删除“-scaled”缩放部分。 导航至您要添加图像的文章或页面，然后单击“ +”图标添加一个区块。 然后点击“图像”图标添加一个图片区块，粘贴图像URL。 点击“从URL插入”，然后将完整尺寸的图像URL粘贴到框中，然后按“ Enter”。 如果文章已经发布，则需要单击“发布”或“更新”，即可在网站上查看全尺寸图片。 您也可以对要添加到站点中的每个原尺寸图像执行相同的过程。只要删除文件URL“-scaled”部分，WordPress图像就会以完整尺寸显示。 方法2.插件禁用WordPress大图像自动缩放功能 第二种方法是使用WordPress插件禁用WordPress的大图像自动缩放功能。 我们推荐的插件为Disable “BIG Image” Threshold。该插件提供了一种最简单的解决方法，以帮助您实现在WordPress网站上显示全尺寸大图片。 安装并启用Disable “BIG Image” Threshold插件。它将自动禁用WordPress添加大图阈值。 即当此插件处于启用状态时，WordPress不会将“ -scaled”属性添加到任何图像。 方法3.代码禁用WordPress大图像自动缩放功能 另一个选择是在WordPress添加一个代码片段，以实现与上述插件相同的效果。 如果该插件由于某种原因而无法使用，或者您不想安装太多的插件，则可以使用此方法。 新的WordPress图像缩放功能使用名为的过滤器big_image_size_threshold。 您需要使用以下代码来禁用此功能： add_filter( ‘big_image_size_threshold’, ‘__return_false’ ); 您需要将此代码添加到主题的functions.php文件中，特定于站点的插件中，或者通过使用代码片段插件来添加。 方法4：在画廊相册中打开全尺寸WordPress图像 […]

自WordPress的v5.3版本，WordPress会自动调整超大图像的尺寸以提高性能。但是有时您可能需要显示更大尺寸的图像。在本教程中，我们将分享四种不同的方法以实现在WordPress网站显示全尺寸图像。 为什么WordPress缩放超大尺寸图片？ WordPress的早期版本允许用户上传尺寸非常大的图像。 但是，很多对WordPress不是很了解的站长会上传大量对于现代Web而言尺寸超大的图像。大图像会导致网站加载速度慢和性能不佳。 为了解决此问题，WordPress 5.3更新更改了WordPress处理超大图像的方式。 例如，如果您上传尺寸为5000px*7000px的图像，则WordPress会将图像尺寸调整为2560px并缩放宽度以匹配原始尺寸。 所以现在如用户访问包含较大图像的页面时，他们将看到该图像的缩小版本。 这样可以提高网站性能，并从整体上提升用户体验。 停用WordPress自动缩放大图片的原因 WordPress自动缩放大图片这项新功能对大多数WordPress站长来说很有用，但某些用户可能需要显示完整尺寸的图像。 例如，如果网站主要用来展示高清照片或者艺术创作时，那么在网站上显示较大的图像，以便访问者可以购买或下载它们。 又或者，需要为首页背景图像使用一张超大尺寸的高清图像。 无论您出于何种原因想要全尺寸图片，我们将为你介绍在WordPress中显示全尺寸图片的4种不同方式。 有些方法适用于单个图像处理，而另一些方法适用于WordPress网站全局。 您可以根据自身的实际情况，选择适合您的显示全尺寸图像方法。 方法1.在WordPress中获取完整大小的图像URL 如果您只想在网站上使用一两个大图像，则此解决方案可能是最好的。 当您将超出尺寸的图像上传到WordPress时，WordPress会缩放大图像并创建一个新图像。但是，原始图像仍然会存放在你的服务器上。 要显示原始图像尺寸，您需要从WordPress图像URL的末尾删除‘-scaled’ ，然后使用修改后的链接将图像插入到您的网站中。 转到Media»Library并选择您需要处理的大图片，即可转到该图像附件详情。 在图像框中找到“文件URL”，然后删除图片网址的末尾“-scaled”。 最后，复制新的图像URL并将图像插入网站文章或者页面。 请注意，您需要使用链接将图像嵌入文章或者页面编辑器，再删除“-scaled”缩放部分。 导航至您要添加图像的文章或页面，然后单击“ +”图标添加一个区块。 然后点击“图像”图标添加一个图片区块，粘贴图像URL。 点击“从URL插入”，然后将完整尺寸的图像URL粘贴到框中，然后按“ Enter”。 如果文章已经发布，则需要单击“发布”或“更新”，即可在网站上查看全尺寸图片。 您也可以对要添加到站点中的每个原尺寸图像执行相同的过程。只要删除文件URL“-scaled”部分，WordPress图像就会以完整尺寸显示。 方法2.插件禁用WordPress大图像自动缩放功能 第二种方法是使用WordPress插件禁用WordPress的大图像自动缩放功能。 我们推荐的插件为Disable “BIG Image” Threshold。该插件提供了一种最简单的解决方法，以帮助您实现在WordPress网站上显示全尺寸大图片。 安装并启用Disable “BIG Image” Threshold插件。它将自动禁用WordPress添加大图阈值。 即当此插件处于启用状态时，WordPress不会将“ -scaled”属性添加到任何图像。 方法3.代码禁用WordPress大图像自动缩放功能 另一个选择是在WordPress添加一个代码片段，以实现与上述插件相同的效果。 如果该插件由于某种原因而无法使用，或者您不想安装太多的插件，则可以使用此方法。 新的WordPress图像缩放功能使用名为的过滤器big_image_size_threshold。 您需要使用以下代码来禁用此功能： add_filter( ‘big_image_size_threshold’, ‘__return_false’ ); 您需要将此代码添加到主题的functions.php文件中，特定于站点的插件中，或者通过使用代码片段插件来添加。 方法4：在画廊相册中打开全尺寸WordPress图像 […]