在您的网站上调整图像以供网站使用时，将它们减小到尽可能小的文件大小是非常重要的。在不影响整体分辨率的同时。您的网页总大小应尽可能小，以确保页面加载速度尽可能快。同时不会占用您网站所在的所有磁盘空间。您网站的大部分大小都由图像和视频内容占据。在这篇文章中，南京网站制作我们将教您如何调整图像大小。因此减少了它们的文件大小，同时确保在此过程中不会丢失图像质量。
为什么要调整图像大小以供网站使用？
图像还应上传到正确的大小，以适应它们将出现在页面上的空间。不这样做可能会导致几种不同的结果；
（1）不适合空间的图像，因此会丢弃整个区域。
（2）结果，大图像会使您的网站加载缓慢并损害整体用户体验。
（3）看起来模糊和扭曲的小图像。
以上所有这些都会使您的网站看起来不那么专业，并对用户体验产生负面影响。我该如何解决我们听到你麻烦的这些问题？
有几个选择。其中许多涉及将您的图像调整为适合您的网站区域显示的正确大小。我们将很快介绍这些。但是，让我们从头开始，找出您需要的图像尺寸是多少？
如果您需要后退一步并找到要在您的网站上使用的图像，那么您可以查看南京网站制作我们最近关于如何查找免费库存图像的帖子，以帮助您完成此过程。
使用 Google Chrome 开发者控制台查找我的图像大小
找到所需图像大小的最简单方法是使用Google Chrome Developers Console。为此，您需要使用 Google Chrome 作为浏览器。如果您只是在 WordPress 上用新图像替换现有图像，只需右键单击要查找图像大小的图像即可轻松找到图像。然后在标题为“检查”的下拉菜单上选择选项（它将位于底部。）如果使用多个屏幕，新选项卡将在新浏览器中打开。如果使用单个显示器或笔记本电脑，则位于屏幕右侧。
这里会有很多代码可见。不要不知所措，其中很多与手头的任务无关，我们在这里关注的是图像大小。因此，在您要替换的图像上再次单击检查，您将看到特定于该图像的代码出现。然后将鼠标悬停在开发人员控制台中的此代码上。它会变成蓝色。然后，您将看到您正在处理的页面上的图像显示为蓝色，并且图像大小显示在左侧。然后，您将能够使用此尺寸来编辑新图像以适应空间。
找出新图像元素的图像大小
或者，如果将新图像添加到网站内的全新区域。然后检查所需图像大小的最简单方法是保存空白图像元素并单击更新。接下来查看网站前端的页面。您可以通过右键单击框然后单击检查元素来检查图像所在的框的大小。如果您将鼠标悬停在该框上，它将显示图像大小。
因此，例如，此图像大小需要上传为 685px 宽度以适合该区域。
如何调整图像大小？
Adobe Photoshop
调整图像大小的最简单平台是Adobe Photoshop，我们通常推荐它，因为它速度快且用户友好。
要在 Adobe Photoshop 中调整图像大小，首先要拖放您想要更改的图像。然后从标题菜单中选择图像，从下拉菜单中选择图像大小。然后，您将能够输入要更新到的新图像大小。确保图像大小以像素为单位。您只需要输入宽度，高度就会根据您的图像合成自动更新。完成此操作后，保存您的工作，您的图像就可以上传了。
Adobe Photoshop 有一个免费的在线版本，称为Adobe Express Editor，它具有最少的编辑选项，如果您不想为完整付费版本付费，可以使用这些选项。这将允许您访问我们在本文中提到的基本编辑工具，例如裁剪和调整大小。以及一些其他编辑工具。
如果您无法访问 Adobe Photoshop，那么可以使用的替代平台是IrfanView，可以轻松下载和设置。对于不太精通 IT 的人来说，它使用起来稍微复杂一些，并且通常更适合同时批量调整大量图像的大小。
在线工具
调整图像大小
尽管在线也有大量的图像大小调整工具可以帮助您将图像大小调整到正确的大小。Oberlo的这篇博客文章有助于概述一些最好的文章。我们会推荐Resize Image这是一个易于使用的工具，您可以在线上传、调整大小和重新格式化图像。
该网站允许您首先上传您的图像。然后，您可以浏览各种选项。
您可能最常使用的选项卡是调整图像大小选项。您也可以选择保留或更改图像的纵横比。对所做的更改感到满意后，您可以选择底部页面的调整大小按钮并将图像下载到桌面。
网上有很多令人惊叹的免费照片编辑工具，可以应对各种编辑选项。比以往更容易使您的图像看起来超专业和网站友好。无需昂贵的编辑软件。
Be Funky是另一种可供尝试的在线编辑软件，它为您的照片提供了一系列编辑选项。连同简单的调整大小工具。允许您修饰图像、添加数字效果并合并文本和其他图像。这个编辑器有免费版和付费版。您可以免费使用简单的编辑和调整大小功能，或者如果您确实希望尝试一些更复杂的编辑功能，那么您可以每月支付会员费来访问这些功能。
另一个很棒的在线工具是Photo Resizer ，它允许您在几秒钟内上传图像并调整大小。同时允许您在下载前在线查看图像。此工具特别有用，因为它还允许您压缩图像以减小文件大小。以及更改图像文件的格式。
虽然裁剪工具确实有助于根据需要调整图像的方向。与其他一些受每月图像编辑次数限制的在线编辑器不同，此工具没有此类限制。
在线图像调整器
离线工具
Windows 照片
如果您的计算机上安装了 Windows 10，您只需单击图像即可编辑照片中文件夹中的图像。然后，图像将在新应用程序中全屏打开，页面顶部有各种选项卡。
如果您单击编辑/创建选项卡，然后从下拉列表中选择编辑，您将能够访问编辑套件。要简单地调整图像大小，您可以从页面右侧的下拉选项中进行选择。尽管您无法以像素为单位选择图像的大小，但它确实允许您裁剪或编辑图像的方向。将其更改为方形或宽屏等。
如果使用此工具，您需要将它与上面列出的其他在线编辑软件选项之一一起使用，以允许您调整图像的尺寸。
GIMP
最后，还有一款类似于 Photoshop 的免费图像编辑软件，名为GIMP，可以下载到您的计算机上进行离线图像编辑。有很多编辑选项，包括各种调整大小选项。这是一个我们很新的工具，但它相当容易使用，并提供了一种替代的免费解决方案，让您无需在线访问即可为您的网站编辑或调整图像大小。
调整图片大小
或者，如果使用新的库存图片，一些网站可以在下载之前调整您的图片大小。这些网站包括Unsplash和Kaboompics。因此，下载时可以从下拉菜单中选择适当的图像尺寸。或者可以手动输入，如下面的 Pexels 网站截图所示。
如果您目前没有想要使用的高质量图像，那么我们建议您从上述网站之一中选择一系列图像。这些具有免费使用权，可以免费在线使用。如果您对使用替代软件编辑图像大小没有信心，那么您可以在下载之前将它们编辑成您需要的大小，这将为您节省大量时间。
为 WordPress 调整图像大小
您现在将清楚地了解在将图像上传到您的网站之前将图像调整为正确大小非常重要。具有特定于使用图像的区域的大小。不仅可以调整图像的外观大小，还可以压缩以减小整体文件大小，以保持您的网站快速无缝加载。以及将托管成本降至最低。在选择适当反映您希望代表的品牌形象的高分辨率图像时。
花时间考虑将使用图像的空间。然后使用本博客文章中概述的在线和离线工具和技术调整它们的大小，不仅会产生一个更专业的网站。但也会提高整个网站的加载速度。改善用户体验。以及对SEO产生积极影响。
南京网站制作安优网络我们希望您在准备内容或更新您的网站时发现其中一些工具很有用。 小一旁。这实际上与图像大小无关。但是，请始终确保将您的图像重命名为与您要上传到的页面的SEO目标相关的名称。就像搜索引擎一样，图像名称要与页面上的内容保持一致。
本文地址：
http://www.njanyou.cn/web/5744.html
Tag：
专业服务：
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话：025-65016872
上一篇：
如何查找免费素材图片南京网站建设说一说
下一篇：
南京网站建设客户为什么我们强调要使用CDN？
