如何使用URL呈現圖像質量/大小？

如果您查看像Medium這樣的網站，您會注意到圖像的URL控制圖像的質量百分比和大小。如何使用URL呈現圖像質量/大小？

即 https://d262ilb51hltx0.cloudfront.net/max/1280/1 * trqJ8rY4_duJtwAOJOJS6w.jpeg 該圖像被呈現爲1280px寬和最高質量。

我該怎麼做同樣的事情？我在亞馬遜S3上託管我的圖片，我希望能夠完成同樣的事情。怎麼樣？

來源

2015-05-05 Mcope

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

如果您使用PHP，您可以使用GD library的函數來操作圖像。您可以在將圖像發送到客戶端之前調整圖像大小，選擇JPEG質量等。

來源

2015-05-05 08:15:07 minipif

將路由參數傳遞給服務器並使用服務器端工具處理圖像。您可以使用如下工具：imagemagick

如果您使用的是PHP。

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

參考這個計算器問題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); 
});

來源

2015-05-05 08:18:44 tkay

是否有此在Node.js的或Meteor.JS一個例子？ – Mcope

在上傳過程中使用imagemagick的流星示例。 https://github.com/ideaq/image-uploads。檢查服務器文件https://github.com/ideaq/image-uploads/blob/master/server/server_save_file.js。他正在使用meteorhacks：npm包將npm包https://www.npmjs.com/package/imagemagick添加到流星。將''imagemagick「：」0.1.3「'添加到package.json調整im.convert（['kittens.jpg'，' - resize'，'25x120'，'kittens-small.jpg']，（err，stdout）{012rif（err）throw err; console.log（'stdout：'，stdout）; }）; – tkay

如何使用URL呈現圖像質量/大小？

回答

相關問題