jimp-dev/jimp

Resizing an image with transparency

Open

#442 opened on 2018年4月26日

GitHub で見る
 (4 comments) (4 reactions) (0 assignees)JavaScript (13,218 stars) (785 forks)batch import
bughelp wantedsolution in issue

説明

Hy guys ! I have a little problem and I can not find answers. When I try to resize a picture with transparency I get a border between transparency and the other color. On white you can see the border really clear on other colors not so much, but is there.

If I use RESIZE_NEAREST_NEIGHBOR the transparent image looks okay, but the quality of other pictures is poor. If I use the other ones I end up with a picture with a border between transparency and color. Do you have any idea ? Any advices ? Thank you !

Original picture: label

Resized picture with RESIZE_BEZIER logo-1083

コントリビューターガイド

技術スタック
javascriptnodejs
領域
backend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Understanding of image resizing algorithmsFamiliarity with alpha compositingJavaScript knowledgeBasic usage of jimp
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
35
調査方針
Investigate the resizing methods in jimp (likely in src/image/resize.js or similar). The issue arises because interpolation algorithms like Bezier or bilinear blend pixel values without considering the alpha channel, causing a dark/light border. A common fix is to premultiply alpha before resizing and then reverse. Check existing comments for any hints from maintainers. Test with the provided images to confirm the fix.