如何使用URL渲染图像质量/大小？

Question

如果你查看Medium这样的网站，你会注意到图像的URL控制着图像的质量%和大小。

例如，https://d262ilb51hltx0.cloudfront.net/max/1280/1*trqJ8rY4_duJtwAOJOJS6w.jpeg此图像渲染为1280px宽和最大质量。

我怎么才能做同样的事情呢？我在亚马逊s3上托管我的图像，我希望能够做完全相同的事情。多么?

Answer 1

这不是Javascript，而是服务器端的问题。

如果您使用的是PHP，您可以使用GD library的函数来操作您的图像。您可以在将图像发送到客户端之前调整图像大小，选择JPEG质量等。

Answer 2

将路由参数传递给服务器，并使用服务器端工具处理图像。您可以使用诸如imagemagick之类的工具

如果你使用的是php。

http://php.net/manual/en/book.imagick.php

请参阅此堆栈溢出问题How to scale down an image on the server side with PHP?

在node中有一个npm包https://www.npmjs.com/package/imagemagick

var im = require('imagemagick');
im.convert(['kittens.jpg', '-resize', '25x120', 'kittens-small.jpg'], 
function(err, stdout){
  if (err) throw err;
  console.log('stdout:', stdout);
});