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

Question

如果您查看像Medium这样的网站，您会注意到图片的网址会控制图片的质量百分比和大小。

即。 https://d262ilb51hltx0.cloudfront.net/max/1280/1 * trqJ8rY4_duJtwAOJOJS6w.jpeg 此图像呈现为1280像素宽和最高质量。

我怎么能做同样的事情？我在亚马逊s3上托管我的图像，我希望能够做同样的事情。怎么样？

Answer 1

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

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

Answer 2

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

等工具

如果您使用的是php。

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

请参阅此stackoverflow问题How to scale down an image on the server side with PHP?

在节点中有一个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);
});