如何使用URL渲染圖像質量/尺寸？

Question

如果您瀏覽中型網站，您會注意到圖像的URL控制着圖像的質量百分比和大小。

即https://d262ilb51hltx0.cloudfront.net/max/1280/1 * trqJ8rY4_duJtwAOJOJS6w.jpeg此圖片呈現為1280像素寬和最大質量。

我該怎么做？ 我將圖像托管在Amazon s3上，並且希望能夠做完全相同的事情。 怎么樣？

Answer 1

這不是Javascript，而是服務器端的問題。

如果您使用的是PHP，則可以使用GD庫的功能來處理圖像。 您可以在將圖像發送到客戶端之前調整圖像大小，選擇JPEG質量，等等。

Answer 2

將路由參數傳遞給服務器，並使用服務器端工具來處理圖像。 您可以使用諸如imagemagick之類的工具

如果您使用的是php。

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

請參閱此stackoverflow問題。 如何使用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);
});