nodejs Sharp: transparent into white

Question

I am using Nodejs Sharp to transcode/resize png images into jpg. Is there way to replace transparent with white (or other light color) rather than black? I found solution for an older library but Sharp seems to be fastest and greatest.

.background does not work

.then( data => Sharp(data.Body)
  .resize(SIZES[resize_type].width, SIZES[resize_type].height)
  .max()
  .withoutEnlargement()
  .background("white")
  .toFormat('jpeg')
  .toBuffer()
)

lol I want the opposite – Simon_Weaver May 07 '19 at 20:13 — Simon_Weaver, May 07 '19 at 20:13

score 13 · Answer 1 · answered Dec 24 '19 at 03:03

13

On version ^0.23 you can use flatten(options) as api document here: https://sharp.readthedocs.io/en/stable/api-operation/#flatten

sharp('input.png').flatten({ background: { r: 255, g: 255, b: 255 } })

answered Dec 24 '19 at 03:03

nakorndev

464
2
6
15

score 7 · Answer 2 · edited May 18 '20 at 19:17

7

from the sharp documentation as it states that you can use the background for color manipulations and it states that

The default background is {r: 0, g: 0, b: 0, alpha: 1}, black without transparency.

so inorder to get white simply use

.background({r: 255, g: 255, b: 255, alpha: 1})

edited May 18 '20 at 19:17

Nuwan Alawatta

1,635
15
24

answered Apr 11 '18 at 11:24

Fadi Abo Msalam

4,421
1
17
21

score 6 · Accepted Answer · answered Apr 13 '18 at 03:44

6

by the document, we should do the way as Msalam suggest but unluckily that is not enough. I figured out We should add .flatten(true) before ".resize(...)" to make it work correctly.

answered Apr 13 '18 at 03:44

Bioz Nguyen

1,634
1
7
6

nodejs Sharp: transparent into white

3 Answers3