Hỏi về resize hình trong nodejs

[nvs2394]

Mình có chức năng upload hình cho bài viết. làm thế nào đề hình sau khi upload có thể dùng để làm thumbnail ( resize hoặc scale bằng gm ) nhưng mà khi resize hay scale vẫn không như ý mình mong muốn và nó vẫn bị bể .
Thanks

[tresdin]

Khi đặt câu hỏi về vấn đề này, bạn cần đưa ra hình ảnh trước và sau khi resize, câu lệnh mà bạn sử dụng để resize và mô tả ảnh kỳ vọng. Có như vậy thì người đọc mới có thể hiểu và đưa ra câu trả lời tốt nhất cho bạn.

[nguyenquynhan]

Dùng free API đi bạn, hiện mình đang dùng thằng này thấy khá ổn.
https://rsz.io/

[nvs2394]

code cua mình đây. kết quả ra hình mờ và không đúng size cũng như nó bị bể ea .

[dhhieu113]

Mình dùng https://github.com/EyalAr/lwip

dùng Rất tốt.

[ngocphuongnb]

sau khi resize bạn dùng thêm garvity nữa nhé
var imgGm = gm(readstream, filename).resize(new_width, new_height, '^').gravity('Center').crop(new_width, new_height).write(thumbFilePath, function (err) {});

[nvs2394]

vẫn không được bạn ơi. hình ban đầu của mình
hình sau khi resize như code trên

[nvs2394]

Code

https://jsfiddle.net/nvs2394/4mv0nc3e/

[ngocphuongnb]

mình test thử thế này thấy oke mà

var gm = require('gm').subClass({ imageMagick: true });
var imgpath = __dirname + '/img.jpg';
gm(imgpath)
.resize(500, 200, '^')
.gravity('Center')
.crop(500, 200)
.write(__dirname + '/2.jpg', function(err, result) {
console.log(err);
console.log(result);
});

[nvs2394]

có hình được có hình không được đó bạn. mình mới test lại thì nó ra thế này
Hình gốc :
hình resize

[tresdin]

Mình vẫn chưa rõ về vấn đề kích thước ảnh. Kích thước bạn nhận được là bao nhiêu? Kích thước mong muốn là bao nhiêu?

Còn về vấn đề chất lượng ảnh, hàm scale chú trọng vào performance nên chỉ mặc định sử dụng filter box nên chất lượng ảnh không cao. Nếu bạn quan tâm đến chất lượng ảnh, bạn nên sử dụng hàm resize thay cho scale vì hàm resize sử dụng filter lanczos, chạy chậm hơn nhưng cho chất lượng ảnh tốt hơn rất nhiều.

[ngocphuongnb]

@tresdin đã nói trong Hỏi về resize hình trong nodejs:

Mình vẫn chưa rõ về vấn đề kích thước ảnh. Kích thước bạn nhận được là bao nhiêu? Kích thước mong muốn là bao nhiêu?

Còn về vấn đề chất lượng ảnh, hàm scale chú trọng vào performance nên chỉ mặc định sử dụng filter box nên chất lượng ảnh không cao. Nếu bạn quan tâm đến chất lượng ảnh, bạn nên sử dụng hàm resize thay cho scale vì hàm resize sử dụng filter lanczos, chạy chậm hơn nhưng cho chất lượng ảnh tốt hơn rất nhiều.

resize xong cache lại, kết hợp với dùng optipng, jpegoptim, gifsicle thì chỉ chậm lần đầu, về sau sử dụng vẫn đảm bảo tốc độ cậu ạ

[ngocphuongnb]

@nvs2394 đã nói trong Hỏi về resize hình trong nodejs:

có hình được có hình không được đó bạn. mình mới test lại thì nó ra thế này
Hình gốc :
hình resize

lạ nhỉ, mình vẫn resize bình thường mà, demo này
tapchiviet dot info

[nvs2394]

bạn resize bằng cái code ở trên bạn paste cho mình phải ko. sao bên mình không dc ta

[ngocphuongnb]

@nvs2394 đã nói trong Hỏi về resize hình trong nodejs:

bạn resize bằng cái code ở trên bạn paste cho mình phải ko. sao bên mình không dc ta

đúng rồi bạn, đoạn đó là mình crop rồi pipe luôn ra cùng response nên code nó như này

var cropGravity = 'Center';
var imgGm2 = gm(readstream, filename).resize(new_width, new_height, '^').gravity(cropGravity).crop(new_width, new_height);
imgGm2.stream().pipe(res);

[nvs2394]

cái new_width và new_height mà bạn truyền vào là số hay là phải xử lí gì nữa không bạn.

[ngocphuongnb]

@nvs2394 đã nói trong Hỏi về resize hình trong nodejs:

cái new_width và new_height mà bạn truyền vào là số hay là phải xử lí gì nữa không bạn.

nó là số thôi bạn, mình đặt biến để lấy size theo url ấy mà

[nvs2394]

có lẽ là do cái lấy size (width, height) của mình thì truyền vào (500,200)
đó. chứ code mình thấy giống nhau

[ngocphuongnb]

@nvs2394 đã nói trong Hỏi về resize hình trong nodejs:

có lẽ là do cái lấy size (width, height) của mình thì truyền vào (500,200)
đó. chứ code mình thấy giống nhau

bạn thử hardcode xem sao