Image.paste() looks terrible

I’m trying to put two images together, one on top of the other and the results are less than ideal. I’ve tried different images and they all look pretty bad. Did I miss something? Site: https://www.dirtytease.net/test-cfimage

mockup = imageRead( 'https://www.dirtytease.net/img/bc-swatch/aqua_mk.png' );
design = imageRead( 'https://www.dirtytease.net/img/products/tees/hold-on-let-me-overthink-this_sm.png' );
design.resize(250);
mockup.paste(design,275,150);
mockup.writeToBrowser();

Could use any pointers thanks!

@Alis Please mention which version of the lucee and image extension you are using. And also what issue are you facing. Then only, we can find the exact issue

Server is Lucee 5.3.4.77. Not sure what you mean by extension but I’m using the code from the lucee docs: https://docs.lucee.org/reference/objects/image/paste.html

There are no errors. It looks terrible. It seems to strip colors and only returns a muddy picture. If you go to the link you can see what I mean.

Thanks

@Alis, Could you please share that picture here? I mean, what you got.

Didn’t think of that…

So when I went to past the images I noticed a transparency. It seems to have made some of the colors in the design transparent…?

design

resizing images with text is always going to be ugly due to rasterization

try writing the text onto image directly?