Problem about Background transparent .png format OpenCV with Python
up vote
1
down vote
favorite
I'm studying on OpenCV with Python. I tried to change a color of picture in PNG format, but I have got some problem with PNG background (The image has transparent background).
When I change it to grayscale, the background has changed to black -- my picture is not transparent anymore. What I desire is to keep the transparent background of picture.
Original image:
My code:
img = cv2.imread('line.png',cv2.IMREAD_UNCHANGED)
cv2.imshow('line',img)
cv2.waitKey()
Output image:
Desired output:
The white color around the border image should be transparent. How I can do this?
python python-3.x image opencv png
add a comment |
up vote
1
down vote
favorite
I'm studying on OpenCV with Python. I tried to change a color of picture in PNG format, but I have got some problem with PNG background (The image has transparent background).
When I change it to grayscale, the background has changed to black -- my picture is not transparent anymore. What I desire is to keep the transparent background of picture.
Original image:
My code:
img = cv2.imread('line.png',cv2.IMREAD_UNCHANGED)
cv2.imshow('line',img)
cv2.waitKey()
Output image:
Desired output:
The white color around the border image should be transparent. How I can do this?
python python-3.x image opencv png
I think there are a few problems mixed together here. First of all, if you useimshow
, then the transparent areas will be black (since that's the background used -- the window itself isn't transparent). Next, even though PNG supports grayscale + alpha, I'm not aware of any way to save such an image using OpenCV.
– Dan Mašek
Nov 19 at 21:32
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
I'm studying on OpenCV with Python. I tried to change a color of picture in PNG format, but I have got some problem with PNG background (The image has transparent background).
When I change it to grayscale, the background has changed to black -- my picture is not transparent anymore. What I desire is to keep the transparent background of picture.
Original image:
My code:
img = cv2.imread('line.png',cv2.IMREAD_UNCHANGED)
cv2.imshow('line',img)
cv2.waitKey()
Output image:
Desired output:
The white color around the border image should be transparent. How I can do this?
python python-3.x image opencv png
I'm studying on OpenCV with Python. I tried to change a color of picture in PNG format, but I have got some problem with PNG background (The image has transparent background).
When I change it to grayscale, the background has changed to black -- my picture is not transparent anymore. What I desire is to keep the transparent background of picture.
Original image:
My code:
img = cv2.imread('line.png',cv2.IMREAD_UNCHANGED)
cv2.imshow('line',img)
cv2.waitKey()
Output image:
Desired output:
The white color around the border image should be transparent. How I can do this?
python python-3.x image opencv png
python python-3.x image opencv png
edited Nov 19 at 21:53
Dan Mašek
8,62732445
8,62732445
asked Nov 19 at 18:04
lyca
164
164
I think there are a few problems mixed together here. First of all, if you useimshow
, then the transparent areas will be black (since that's the background used -- the window itself isn't transparent). Next, even though PNG supports grayscale + alpha, I'm not aware of any way to save such an image using OpenCV.
– Dan Mašek
Nov 19 at 21:32
add a comment |
I think there are a few problems mixed together here. First of all, if you useimshow
, then the transparent areas will be black (since that's the background used -- the window itself isn't transparent). Next, even though PNG supports grayscale + alpha, I'm not aware of any way to save such an image using OpenCV.
– Dan Mašek
Nov 19 at 21:32
I think there are a few problems mixed together here. First of all, if you use
imshow
, then the transparent areas will be black (since that's the background used -- the window itself isn't transparent). Next, even though PNG supports grayscale + alpha, I'm not aware of any way to save such an image using OpenCV.– Dan Mašek
Nov 19 at 21:32
I think there are a few problems mixed together here. First of all, if you use
imshow
, then the transparent areas will be black (since that's the background used -- the window itself isn't transparent). Next, even though PNG supports grayscale + alpha, I'm not aware of any way to save such an image using OpenCV.– Dan Mašek
Nov 19 at 21:32
add a comment |
2 Answers
2
active
oldest
votes
up vote
0
down vote
accepted
First, let me mention that if you display an image with alpha transparency using cv2.imshow
then the transparent areas are going to be black.
Since your input image already contains an alpha channel, the solution is simple -- just reuse the alpha channel.
There's a slight problem -- even though PNG format allows to have grayscale with alpha channel, AFAIK there is no way to write such an image with OpenCV.
Therefore the solution is straightforward: Take the processed grayscale image, convert it back to BGR, add the original alpha channel, and save the result.
Since we're in Python, and therefore the image is represented as a numpy array, we can use array indexing to extract the channels we need. numpy.dstack
allows us to add the alpha channel easily.
Sample code:
import cv2
import numpy as np
src = cv2.imread('51IgH.png', cv2.IMREAD_UNCHANGED)
bgr = src[:,:,:3] # Channels 0..2
gray = cv2.cvtColor(bgr, cv2.COLOR_BGR2GRAY)
# Some sort of processing...
bgr = cv2.cvtColor(gray, cv2.COLOR_GRAY2BGR)
alpha = src[:,:,3] # Channel 3
result = np.dstack([bgr, alpha]) # Add the alpha channel
cv2.imwrite('51IgH_result.png', result)
Result:
Once more on different background, so you can see it's really transparent:
what is meaning of src[: , : , :3] . why the last index is must be :3 only ?
– lyca
Nov 21 at 16:09
@lyca That's the array indexing I mention in the answer -- IMHO it's quite worth taking some time to read that documentation page. In this case it means "give me all the columns, all the rows and all the channels up to (and not including) 3". NB: Remember indexing starts at 0. | A transparent image is a 4 channel image, in this case the channels being Blue (0), Green (1), Red (2), Alpha transparency (3). So that command basically gets rid of the transparency channel, and lets us work only on the colour info.
– Dan Mašek
Nov 21 at 23:53
add a comment |
up vote
0
down vote
You have to add a fourth channel in your array so that the transparency information can be encoded in the alpha channel.
Here is a python code example:
import cv2
file_name = "source.png"
src = cv2.imread(file_name, cv2.IMREAD_UNCHANGED)
# Save the transparency channel alpha
*_, alpha = cv2.split(src)
gray_layer = cv2.cvtColor(src, cv2.COLOR_BGR2GRAY)
# ... Your image processing
# Duplicate the grayscale image to mimic the BGR image and finally add the transparency
dst = cv2.merge((gray_layer, gray_layer, gray_layer, alpha))
cv2.imwrite("result.png", dst)
Result for grey image:
Result for BGR image:
you have example ?
– lyca
Nov 19 at 18:16
Please, don't use magic numbers in code samples. That1
incv2.imread
should really be acv2.IMREAD_COLOR
. | However, looking at this again, it seems much of this is unnecessary. OP's input image already contains a transparency channel, so there's no need to determine it again usingthreshold
.
– Dan Mašek
Nov 19 at 21:24
add a comment |
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
accepted
First, let me mention that if you display an image with alpha transparency using cv2.imshow
then the transparent areas are going to be black.
Since your input image already contains an alpha channel, the solution is simple -- just reuse the alpha channel.
There's a slight problem -- even though PNG format allows to have grayscale with alpha channel, AFAIK there is no way to write such an image with OpenCV.
Therefore the solution is straightforward: Take the processed grayscale image, convert it back to BGR, add the original alpha channel, and save the result.
Since we're in Python, and therefore the image is represented as a numpy array, we can use array indexing to extract the channels we need. numpy.dstack
allows us to add the alpha channel easily.
Sample code:
import cv2
import numpy as np
src = cv2.imread('51IgH.png', cv2.IMREAD_UNCHANGED)
bgr = src[:,:,:3] # Channels 0..2
gray = cv2.cvtColor(bgr, cv2.COLOR_BGR2GRAY)
# Some sort of processing...
bgr = cv2.cvtColor(gray, cv2.COLOR_GRAY2BGR)
alpha = src[:,:,3] # Channel 3
result = np.dstack([bgr, alpha]) # Add the alpha channel
cv2.imwrite('51IgH_result.png', result)
Result:
Once more on different background, so you can see it's really transparent:
what is meaning of src[: , : , :3] . why the last index is must be :3 only ?
– lyca
Nov 21 at 16:09
@lyca That's the array indexing I mention in the answer -- IMHO it's quite worth taking some time to read that documentation page. In this case it means "give me all the columns, all the rows and all the channels up to (and not including) 3". NB: Remember indexing starts at 0. | A transparent image is a 4 channel image, in this case the channels being Blue (0), Green (1), Red (2), Alpha transparency (3). So that command basically gets rid of the transparency channel, and lets us work only on the colour info.
– Dan Mašek
Nov 21 at 23:53
add a comment |
up vote
0
down vote
accepted
First, let me mention that if you display an image with alpha transparency using cv2.imshow
then the transparent areas are going to be black.
Since your input image already contains an alpha channel, the solution is simple -- just reuse the alpha channel.
There's a slight problem -- even though PNG format allows to have grayscale with alpha channel, AFAIK there is no way to write such an image with OpenCV.
Therefore the solution is straightforward: Take the processed grayscale image, convert it back to BGR, add the original alpha channel, and save the result.
Since we're in Python, and therefore the image is represented as a numpy array, we can use array indexing to extract the channels we need. numpy.dstack
allows us to add the alpha channel easily.
Sample code:
import cv2
import numpy as np
src = cv2.imread('51IgH.png', cv2.IMREAD_UNCHANGED)
bgr = src[:,:,:3] # Channels 0..2
gray = cv2.cvtColor(bgr, cv2.COLOR_BGR2GRAY)
# Some sort of processing...
bgr = cv2.cvtColor(gray, cv2.COLOR_GRAY2BGR)
alpha = src[:,:,3] # Channel 3
result = np.dstack([bgr, alpha]) # Add the alpha channel
cv2.imwrite('51IgH_result.png', result)
Result:
Once more on different background, so you can see it's really transparent:
what is meaning of src[: , : , :3] . why the last index is must be :3 only ?
– lyca
Nov 21 at 16:09
@lyca That's the array indexing I mention in the answer -- IMHO it's quite worth taking some time to read that documentation page. In this case it means "give me all the columns, all the rows and all the channels up to (and not including) 3". NB: Remember indexing starts at 0. | A transparent image is a 4 channel image, in this case the channels being Blue (0), Green (1), Red (2), Alpha transparency (3). So that command basically gets rid of the transparency channel, and lets us work only on the colour info.
– Dan Mašek
Nov 21 at 23:53
add a comment |
up vote
0
down vote
accepted
up vote
0
down vote
accepted
First, let me mention that if you display an image with alpha transparency using cv2.imshow
then the transparent areas are going to be black.
Since your input image already contains an alpha channel, the solution is simple -- just reuse the alpha channel.
There's a slight problem -- even though PNG format allows to have grayscale with alpha channel, AFAIK there is no way to write such an image with OpenCV.
Therefore the solution is straightforward: Take the processed grayscale image, convert it back to BGR, add the original alpha channel, and save the result.
Since we're in Python, and therefore the image is represented as a numpy array, we can use array indexing to extract the channels we need. numpy.dstack
allows us to add the alpha channel easily.
Sample code:
import cv2
import numpy as np
src = cv2.imread('51IgH.png', cv2.IMREAD_UNCHANGED)
bgr = src[:,:,:3] # Channels 0..2
gray = cv2.cvtColor(bgr, cv2.COLOR_BGR2GRAY)
# Some sort of processing...
bgr = cv2.cvtColor(gray, cv2.COLOR_GRAY2BGR)
alpha = src[:,:,3] # Channel 3
result = np.dstack([bgr, alpha]) # Add the alpha channel
cv2.imwrite('51IgH_result.png', result)
Result:
Once more on different background, so you can see it's really transparent:
First, let me mention that if you display an image with alpha transparency using cv2.imshow
then the transparent areas are going to be black.
Since your input image already contains an alpha channel, the solution is simple -- just reuse the alpha channel.
There's a slight problem -- even though PNG format allows to have grayscale with alpha channel, AFAIK there is no way to write such an image with OpenCV.
Therefore the solution is straightforward: Take the processed grayscale image, convert it back to BGR, add the original alpha channel, and save the result.
Since we're in Python, and therefore the image is represented as a numpy array, we can use array indexing to extract the channels we need. numpy.dstack
allows us to add the alpha channel easily.
Sample code:
import cv2
import numpy as np
src = cv2.imread('51IgH.png', cv2.IMREAD_UNCHANGED)
bgr = src[:,:,:3] # Channels 0..2
gray = cv2.cvtColor(bgr, cv2.COLOR_BGR2GRAY)
# Some sort of processing...
bgr = cv2.cvtColor(gray, cv2.COLOR_GRAY2BGR)
alpha = src[:,:,3] # Channel 3
result = np.dstack([bgr, alpha]) # Add the alpha channel
cv2.imwrite('51IgH_result.png', result)
Result:
Once more on different background, so you can see it's really transparent:
answered Nov 19 at 21:48
Dan Mašek
8,62732445
8,62732445
what is meaning of src[: , : , :3] . why the last index is must be :3 only ?
– lyca
Nov 21 at 16:09
@lyca That's the array indexing I mention in the answer -- IMHO it's quite worth taking some time to read that documentation page. In this case it means "give me all the columns, all the rows and all the channels up to (and not including) 3". NB: Remember indexing starts at 0. | A transparent image is a 4 channel image, in this case the channels being Blue (0), Green (1), Red (2), Alpha transparency (3). So that command basically gets rid of the transparency channel, and lets us work only on the colour info.
– Dan Mašek
Nov 21 at 23:53
add a comment |
what is meaning of src[: , : , :3] . why the last index is must be :3 only ?
– lyca
Nov 21 at 16:09
@lyca That's the array indexing I mention in the answer -- IMHO it's quite worth taking some time to read that documentation page. In this case it means "give me all the columns, all the rows and all the channels up to (and not including) 3". NB: Remember indexing starts at 0. | A transparent image is a 4 channel image, in this case the channels being Blue (0), Green (1), Red (2), Alpha transparency (3). So that command basically gets rid of the transparency channel, and lets us work only on the colour info.
– Dan Mašek
Nov 21 at 23:53
what is meaning of src[: , : , :3] . why the last index is must be :3 only ?
– lyca
Nov 21 at 16:09
what is meaning of src[: , : , :3] . why the last index is must be :3 only ?
– lyca
Nov 21 at 16:09
@lyca That's the array indexing I mention in the answer -- IMHO it's quite worth taking some time to read that documentation page. In this case it means "give me all the columns, all the rows and all the channels up to (and not including) 3". NB: Remember indexing starts at 0. | A transparent image is a 4 channel image, in this case the channels being Blue (0), Green (1), Red (2), Alpha transparency (3). So that command basically gets rid of the transparency channel, and lets us work only on the colour info.
– Dan Mašek
Nov 21 at 23:53
@lyca That's the array indexing I mention in the answer -- IMHO it's quite worth taking some time to read that documentation page. In this case it means "give me all the columns, all the rows and all the channels up to (and not including) 3". NB: Remember indexing starts at 0. | A transparent image is a 4 channel image, in this case the channels being Blue (0), Green (1), Red (2), Alpha transparency (3). So that command basically gets rid of the transparency channel, and lets us work only on the colour info.
– Dan Mašek
Nov 21 at 23:53
add a comment |
up vote
0
down vote
You have to add a fourth channel in your array so that the transparency information can be encoded in the alpha channel.
Here is a python code example:
import cv2
file_name = "source.png"
src = cv2.imread(file_name, cv2.IMREAD_UNCHANGED)
# Save the transparency channel alpha
*_, alpha = cv2.split(src)
gray_layer = cv2.cvtColor(src, cv2.COLOR_BGR2GRAY)
# ... Your image processing
# Duplicate the grayscale image to mimic the BGR image and finally add the transparency
dst = cv2.merge((gray_layer, gray_layer, gray_layer, alpha))
cv2.imwrite("result.png", dst)
Result for grey image:
Result for BGR image:
you have example ?
– lyca
Nov 19 at 18:16
Please, don't use magic numbers in code samples. That1
incv2.imread
should really be acv2.IMREAD_COLOR
. | However, looking at this again, it seems much of this is unnecessary. OP's input image already contains a transparency channel, so there's no need to determine it again usingthreshold
.
– Dan Mašek
Nov 19 at 21:24
add a comment |
up vote
0
down vote
You have to add a fourth channel in your array so that the transparency information can be encoded in the alpha channel.
Here is a python code example:
import cv2
file_name = "source.png"
src = cv2.imread(file_name, cv2.IMREAD_UNCHANGED)
# Save the transparency channel alpha
*_, alpha = cv2.split(src)
gray_layer = cv2.cvtColor(src, cv2.COLOR_BGR2GRAY)
# ... Your image processing
# Duplicate the grayscale image to mimic the BGR image and finally add the transparency
dst = cv2.merge((gray_layer, gray_layer, gray_layer, alpha))
cv2.imwrite("result.png", dst)
Result for grey image:
Result for BGR image:
you have example ?
– lyca
Nov 19 at 18:16
Please, don't use magic numbers in code samples. That1
incv2.imread
should really be acv2.IMREAD_COLOR
. | However, looking at this again, it seems much of this is unnecessary. OP's input image already contains a transparency channel, so there's no need to determine it again usingthreshold
.
– Dan Mašek
Nov 19 at 21:24
add a comment |
up vote
0
down vote
up vote
0
down vote
You have to add a fourth channel in your array so that the transparency information can be encoded in the alpha channel.
Here is a python code example:
import cv2
file_name = "source.png"
src = cv2.imread(file_name, cv2.IMREAD_UNCHANGED)
# Save the transparency channel alpha
*_, alpha = cv2.split(src)
gray_layer = cv2.cvtColor(src, cv2.COLOR_BGR2GRAY)
# ... Your image processing
# Duplicate the grayscale image to mimic the BGR image and finally add the transparency
dst = cv2.merge((gray_layer, gray_layer, gray_layer, alpha))
cv2.imwrite("result.png", dst)
Result for grey image:
Result for BGR image:
You have to add a fourth channel in your array so that the transparency information can be encoded in the alpha channel.
Here is a python code example:
import cv2
file_name = "source.png"
src = cv2.imread(file_name, cv2.IMREAD_UNCHANGED)
# Save the transparency channel alpha
*_, alpha = cv2.split(src)
gray_layer = cv2.cvtColor(src, cv2.COLOR_BGR2GRAY)
# ... Your image processing
# Duplicate the grayscale image to mimic the BGR image and finally add the transparency
dst = cv2.merge((gray_layer, gray_layer, gray_layer, alpha))
cv2.imwrite("result.png", dst)
Result for grey image:
Result for BGR image:
edited Nov 19 at 22:02
answered Nov 19 at 18:07
leoburgy
1086
1086
you have example ?
– lyca
Nov 19 at 18:16
Please, don't use magic numbers in code samples. That1
incv2.imread
should really be acv2.IMREAD_COLOR
. | However, looking at this again, it seems much of this is unnecessary. OP's input image already contains a transparency channel, so there's no need to determine it again usingthreshold
.
– Dan Mašek
Nov 19 at 21:24
add a comment |
you have example ?
– lyca
Nov 19 at 18:16
Please, don't use magic numbers in code samples. That1
incv2.imread
should really be acv2.IMREAD_COLOR
. | However, looking at this again, it seems much of this is unnecessary. OP's input image already contains a transparency channel, so there's no need to determine it again usingthreshold
.
– Dan Mašek
Nov 19 at 21:24
you have example ?
– lyca
Nov 19 at 18:16
you have example ?
– lyca
Nov 19 at 18:16
Please, don't use magic numbers in code samples. That
1
in cv2.imread
should really be a cv2.IMREAD_COLOR
. | However, looking at this again, it seems much of this is unnecessary. OP's input image already contains a transparency channel, so there's no need to determine it again using threshold
.– Dan Mašek
Nov 19 at 21:24
Please, don't use magic numbers in code samples. That
1
in cv2.imread
should really be a cv2.IMREAD_COLOR
. | However, looking at this again, it seems much of this is unnecessary. OP's input image already contains a transparency channel, so there's no need to determine it again using threshold
.– Dan Mašek
Nov 19 at 21:24
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53380318%2fproblem-about-background-transparent-png-format-opencv-with-python%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I think there are a few problems mixed together here. First of all, if you use
imshow
, then the transparent areas will be black (since that's the background used -- the window itself isn't transparent). Next, even though PNG supports grayscale + alpha, I'm not aware of any way to save such an image using OpenCV.– Dan Mašek
Nov 19 at 21:32