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 28 · Answer 1 · answered Dec 24 '19 at 03:03

28

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

803
2
11
18

1

Note: You also can use `.flatten({ background: '#ffffff' })` to make it's white. – nakorndev Oct 11 '21 at 06:02

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

11

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,812
21
29

answered Apr 11 '18 at 11:24

Fadi Abo Msalam

6,739
2
20
25

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,842
1
9
6

score 1 · Answer 4 · answered Jun 27 '22 at 14:49

1

Just add :

.flatten({ background: '#fff' })

answered Jun 27 '22 at 14:49

reyqueson

459
1
7
9

nodejs Sharp: transparent into white

4 Answers4