使用CloudCannon调整Jekyll图像大小

我正在寻找一种很好的方法来调整我的客户使用CloudCannon上传的图像的大小

我已经看过Jekyll插件来做这件事，但它们似乎不能很好地与CloudCannon配合使用

有没有人有什么窍门或诀窍让它发挥作用

以下是我当前使用的代码：

<div class="section blog">
  <div class="container">
    <div class="row blog__items">
      {% for post in site.posts %}
        <div class="blog__item col-xs-6 col-sm-4">
          <div class="article">
            <div class="article__head">
              <a href="{{ site.baseurl }}{{ post.url }}" class="article__media">
                <img src="{{ site.baseurl }}{{ post.image }}">
              </a>
              <h3 class="article__title"><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h3>
            </div>
            <div class="article__body">
              <div class="article__meta">
                <p class="article__date"><small>Posted on {{ post.date | date: "%d %B, %Y" }}</small></p>
              </div>
              <div class="article__text">
                {{ post.description }}
              </div>
              <a href="{{ site.baseurl }}{{ post.url }}" class="article__cta btn btn-primary">Read More</a>
            </div>
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
</div>

{site.posts%中的post为%s}
发布于{post.date}日期：“%d%B，%Y”}
{{post.description}}
{%endfor%}

我会使用“图像调整服务”或“图像调整CDN”

我已经做了一些基准测试。它们的工作原理基本相同，但都有各自的特点。有些是免费的，有些不是。谷歌甚至有自己的非官方免费图像调整服务（有人得到了链接？）。这很好，但在低流量网站上的表现真的很差，当我不久前测试它的时候。他们最近（2017年）似乎已经解决了这个问题，但我没有重新测试

对于低流量的网站，我建议使用免费的

要使用此解决方案，请更换此部件：

<img src="{{ site.baseurl }}{{ post.image }}">

为此：

<img src="//images.weserv.nl?url={{ site.baseurl | replace:'http://','' }}{{ post.image }}&w=600">

这将创建一个默认的压缩图像，宽度为600像素，质量设置为85%（如果是jpg）。有关更多信息，请参阅

---

请注意，使用images.weserv.nl，您将只有一次机会创建调整大小的图像。如果请求失败（或图像已更改），则无法更改或清除缓存。缓存将在一个月左右自动删除/过期。

CloudCannon首席执行官在此。我们发现很多人在图像大小方面遇到了问题。Joost的建议很好，是我们现在得到的最好答案

话虽如此，我们正在研究一种调整上传图像大小的方法，我们认为这是一种更好的解决方案，原因有两个：

大型图像不会使您的存储库膨胀太多

没有必要依赖第三方在实时站点上调整它们的大小

---

如果您想了解更多信息，请随时联系我们的支持：-）

您可以使用CSS样式规则吗，即

宽度

，

最小宽度

，

max width

article\uu head img元素的属性？@Jef我目前正在这样做，但如果图像较大，则不会减少下载时间。谢谢Joost。您觉得这项服务有多可靠？你有没有因为服务关闭而没有在你的网站上显示图片？到目前为止，我从未经历过这种情况（使用它已经一年多了），但我和你一样担心。对于一个网站，我创建了一个额外的缓存服务器，我称之为低流量CDN，但基本上是一个源保护器。这可能是让你重新控制正常运行时间的方法。嗨，迈克，谢谢你的意见。这将是理想的。你知道我们什么时候可以期待这种功能吗？这是个好消息。我绝对喜欢！期待着。希望在未来一两个月内！功能已经到达！请参阅：。CloudCannon现在可以调整图像大小。谢谢你，迈克！