缩小图像大小的 10 种方法

已发表: 2018-02-15

reducir imagenes

我们都喜欢拥有一个拥有高质量图像的网站来吸引读者的注意力,对吗?

如果您有一个提供服务、销售产品或使用博客的页面; 您肯定有几十张图片:例如,在文章、静态页面或产品中。

在谈论网站图片时,我们不必只考虑要添加的图片数量。 我们还应该考虑它们的大小以及这些文件将在服务器上使用的空间。

出于这个原因,在本文中,我们将讨论可用于减小我们将在网页、博客或电子商务中使用的图像大小的十种工具。

  • 1 · 为什么要缩小网站上的图片大小?
  • 2 · 十种缩小网站图片大小的工具
    • 2.1 1) 短像素
    • 2.2 2) EWWW 图像优化器
    • 2.3 3)压缩JPG e PNG
    • 2.4 4) Compressor.io
    • 2.5 5) 优化
    • 2.6 6) WP Smush
    • 2.7 7) Kraken.io
    • 2.8 8) Imagify 图像优化器
    • 2.9 9) Photoshop
    • 2.10 10) 暴动
  • 3 ·如何上传图片到Mailrelay
    • 3.1相关帖子:

Envia hasta 75.000 emails gratis!

· 为什么要减小站点上图像的大小?

在我开始讨论这些工具中的每一个之前,我想解释减小站点图像大小的重要性。

如今,网站速度非常重要,也就是说,它们只需几秒钟即可加载(理想情况下,少于 3 秒)。

出于以下三个原因,正确优化您网站的图像至关重要:

  1. 图片大小会影响网站的加载速度,我们刚刚看到了拥有快速网站的重要性。
  2. 加载时间是影响 SEO 的主要因素之一。 速度快的网站在 Google 中的排名会比速度慢的网站好(总有例外,但这是一般规则)。
  3. 网站图片需要适应页面的宽度。 举个例子,我经常看到许多页面使用比可用空间大得多的图像。 如果空间为 300px 宽,管理员不应上传 1000px 的图片。 这是许多网页上的常见错误。 我的建议是调整您网站上所有图像的大小。

· 缩小网站图片大小的十种工具

1) 短像素

此工具的目标是提高我们网站的性能,减少图像的大小。

它有 Web 版本和 WordPress 插件,提供三种类型的照片压缩:

  1. 有损压缩。 它是大多数用户的最佳选择。 此选项允许在优化和图像质量之间取得平衡。
  2. 光面压缩。 如果您正在寻找专注于 Google Insights 的工具,但不担心加载速度,这是最佳选择。 此选项允许具有图像质量的可接受的压缩。 文件压缩得越多,最终的图像质量就越受到影响。
  3. 无损压缩。 与原始图像相比,最后一个选项允许您压缩每个像素的图像像素,但与使用这两个选项处理的文件相比,压缩量要小得多。

ShortPixel 的网络版允许您批量缩小 50 个文件的图像。

至于WordPress插件,它非常好用,而且非常轻巧。 您只需要安装它,插件就会一键压缩您网站的所有图像以及您的 PDF 文件。

此外,您上传的新图像将自动调整大小,无需任何进一步操作。

最后,我们必须说明它是一个“免费增值”工具。 也就是说,您每月可以免费压缩 100 张图像。 如果您超过该金额,它会提供多个付费计划。

https://shortpixel.com/

ShortPixel 图像优化器

2) EWWW 图像优化器

它是一种旨在优化网站图像的工具,但在这种情况下,针对使用共享主机的网站。

与 ShortPixel 的情况一样,EWWW 图像优化器有一个网络版本和一个 WordPress 插件以及几个付费计划。

EWWW Image Optimizer 允许您提高页面的加载速度,优化您网站上的所有图像。

这种速度的提高可以帮助您在搜索引擎中获得更好的位置,并提高转化率(例如,增加销售额或新订阅者)。

EWWW Image Optimizer 可以自动优化您上传的所有图像。 它还可以优化服务器上​​已经托管的所有图像。 此外,还可以将所有文件转换为最佳推荐格式。

至于压缩选项,您可以选择按像素压缩或高压缩选项而不会降低质量。

https://ewww.io/

EWWW 图像优化器

3)压缩JPG e PNG

该在线工具将允许您压缩最多包含 20 张 JPG 和 PNG 图像的批次。

它的使用非常简单:只需上传或拖动文件即可。 当它们准备好后,您只需单独下载压缩图像或压缩为 ZIP 文件。

http://compressjpeg.com/es/

4) Compressor.io

当我需要压缩一些图像以上传到我的页面时,它是我最喜欢的工具之一。

在compressor.io中可以找到,使用非常简单。 您只需要加载或拖动要压缩的图像,等待该过程完成(只需几秒钟)并下载压缩文件。

此外,该过程完成后,该工具将显示与原始图像相比的压缩百分比。

请注意,它允许您以四种不同的格式压缩文件:JPEG、PNG、GIF 和 SVG。

5) 优化

它是一款在线图像优化软件,它使用不同压缩算法的智能组合来减小JPEG和PN格式的图像大小,保持文件的质量。

它允许您一次处理多达 20 张图像,控制压缩并比较图像。

http://optimizilla.com/es/

6) WP Smush

这是一个 WordPress 插件,我总是安装在我的网站上。 该插件的正确名称是 Sm​​ush Image Compression and Optimization。

使用此插件,您将能够调整大小、优化和压缩所有图像,包括您导入的图像和在安装插件之前添加到站点的图像。

在我看来,这个插件的最佳功能是它允许您为所有图像设置默认宽度和高度。 如果它们超过这些尺寸,插件将自动减少文件。

此外,它还有一个具有额外功能的付费版本,例如可以选择同时压缩更多图像或保存所有原始图像的备份。

Smush – 延迟加载图像、优化和压缩图像

7) Kraken.io

Kraken Image Optimizer 是一个在线版本的工具,但它也有一个适用于 WordPress 或 Magento 的插件。

此工具的主要优点是对于需要: 减少带宽和空间使用量的用户,这将改善网站的加载时间。

该插件允许您优化和调整新图像以及已存储在服务器上的图像的大小。

本软件支持 JPEG、PNG 和 GIF 文件,文件最大为 32 MB。

https://kraken.io/

Kraken.io 图像优化器

8) Imagify 图像优化器

与之前的其他工具一样,Imagify 可用于 WordPress 的 Web 版本和插件。

使用此插件,您将能够: 提高站点的加载速度,节省图像优化任务的时间并检查您正在使用的文件的质量。

该插件只需单击一下即可压缩和调整您的 WordPress 库的大小,并且还与其他选项兼容,例如 WooCommerce 和 NextGen Gallery。

https://imagify.io/

Imagify – 优化您的图像并转换 WebP

9) Photoshop

为了结束我对这十种压缩图像的工具的回顾,我将讨论两个软件。

如果您喜欢在 Adob​​e 环境中工作,Photoshop 可以选择优化用于网站的图像。

具体来说,您会在“保存到网络”或“导出到网络”中找到此功能,它允许您选择图像的尺寸、质量和格式。

您只需要根据需要调整图像并下载压缩文件即可。

reducir imagenes photoshop

10) 暴动

最后,我想谈谈 RIOT,这是一款可以让您在图像质量和大小之间取得正确平衡的软件。

此工具可让您更快地检查压缩文件的质量,因为其面板分为两部分:原始图像区域和优化版本区域,以便您可以并排检查差异。

至于格式,它允许压缩 JPG、GIF 和 PNG 文件。 它可以使用六种不同的算法更改图像的大小。

· 如何将图片上传到Mailrelay

现在您已经了解了这十种压缩和优化图像的工具,我想解释一下如何逐步将这些图像上传到您的 Mailrelay 帐户并将它们包含在您的通讯中。

您应该知道的第一件事是 Mailrelay 是一个电子邮件营销软件,它允许您发送新闻通讯和管理您的邮件列表。 您可以将要使用的图像直接上传到您的帐户,但我将向您展示如何使用 CMS 平台或博客来执行此操作。

从这个意义上说,我建议您在外部托管要在时事通讯中使用的图像。 所以现在,我将解释如何将它们导入您的 WordPress。

您应该做的第一件事是访问您网站的媒体库或博客。 在这里,您可以管理上传到您网站的所有图像,还可以添加新文件。

reducir imagenes

下一步是导入您的图像,一旦它们使用我们在上一节中展示的一些工具进行了优化。

您可以通过单击“添加新的”并在您的计算机上选择它们来直接拖放它们。

reducir imagenes

加载图像后,您可以选择它以打开其详细信息。

reducir imagenes

将鼠标悬停在图像上,右键单击,然后选择“复制图像地址”选项。

reducir imagenes

使用图像的确切 URL,打开您的 Mailrelay 帐户并创建一个新的时事通讯。 如果您已经创建了消息,只需编辑它并包含图像。

reducir imagenes

要添加它,请单击“图像”按钮,您将看到以下屏幕:

reducir imagenes

在此窗口中,您可以管理图像的属性。 要添加新地址,只需粘贴您在上一步中复制的地址即可。 执行此操作时,您将看到要导入的图像。

reducir imagenes

你可以配置什么图像属性?

  1. 替代文本。 这是当图像未正确加载时用户将看到的文本。 根据电子邮件软件的不同,可能会发生图像加载不成功的情况。 我们建议添加您的站点 URL 以避免出现问题。
  2. 大小(以像素为单位的宽度和高度)。 在这里,您应该插入图像的大小。 我的建议是它的宽度不要超过 600 像素,以便在智能手机上正确显示。 其实如果能用400或者500px的宽度就更好了。
  3. 边缘。 以像素为单位的边框大小。 我通常将此字段留空,但如果要添加边框,则必须在此选项中进行配置。
  4. 水平和垂直空间。 您可以以像素为单位配置图像的水平和垂直空间。
  5. 结盟。 选择图像的左对齐或右对齐。

根据您的时事通讯的设计进行设置后,您将得到如下内容:

reducir imagenes

现在,您只需单击“接受”按钮即可在时事通讯中插入您的图片。

我希望这篇关于压缩图像的 10 种工具的评论会有所帮助。 您只需选择最适合您需求的选项。

在结束这篇文章之前,我想强调优化所有图片以减少网站加载时间及其在 Google 上的排名的重要性。

毕竟,我确定您希望出现在主要关键字的第一页。