How do I remove the rectangle around this bitmap?

Post questions on how to use or achieve an effect in Inkscape.
kal_b
Posts: 2
Joined: Wed Sep 13, 2017 11:31 am

How do I remove the rectangle around this bitmap?

Postby kal_b » Wed Sep 13, 2017 11:40 am

Hello everyone,

I'm a newbie using inkscape and have watching and reading tutorials to get started with some simple designs.
I made a simple button and exported as .png and it looks fine when I view it in windows photo viewer but when I imported to another software (Siemens WinCC) to use it there it has a triangle around it which is undesirable. I also noticed that when I moved the button to the desktop it looks like it has that triangle around it though it is almost transparent, but it's there. How do I remove that triangle altogether?

Thanks
Kal
Attachments
Untitled.png
Untitled.png (62.06 KiB) Viewed 1065 times

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: How do I remove the rectangle around this bitmap?

Postby tylerdurden » Wed Sep 13, 2017 11:10 pm

Please upload or share a link to the svg and png files, so they can be examined.
Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: How do I remove the rectangle around this bitmap?

Postby Moini » Wed Sep 13, 2017 11:22 pm

Sorry, I don't get what you mean by the triangle. I can't find one... (assuming you mean the bottom START button).
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

User avatar
Xav
Posts: 1209
Joined: Fri May 08, 2009 1:18 am
Location: UK
Contact:

Re: How do I remove the rectangle around this bitmap?

Postby Xav » Wed Sep 13, 2017 11:32 pm

I'm assuming you mean the corners extending beyond the round edge of the Start button. There are two possible reasons for this:

1) They are present in the PNG file. This could happen if you added a background rectangle behind the button in Inkscape before you exported, or if you used Save As > Cairo PNG. In this case you should remove the background (if present), and use File > Export PNG Image (or File > Export Bitmap on older versions of Inkscape). That option exports transparent PNGs, whereas the Cairo PNG option does not.

2) The Siemens software simply does not support transparent PNGs. I'm not familiar with that particular software, but have experienced that problem with other graphical UI layout tools in the past. In this case there's nothing you can do, other than try to add a background rectangle of the same colour as the background the button will be sitting on.

When viewing the PNG, make sure you use a viewer or editor that shows transparent areas clearly (usually with a checkerboard pattern). I don't know if Windows Photo Viewer does that, but if not it could be misleading you into thinking the background is transparent when it's not.
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter

kal_b
Posts: 2
Joined: Wed Sep 13, 2017 11:31 am

Re: How do I remove the rectangle around this bitmap?

Postby kal_b » Thu Sep 14, 2017 2:00 am

Thanks everyone. Yes it's a rectangle not a triangle, my mistake. Also I found out that Siemens software applied a background color to the rectangle when I add the button and I can make that transparent but the rectangle still shows up which is undesirable.

I tried to export in a variety of way but I always get the rectangle. I am using inkscape version 0.92
Attachments
Startt_Button.svg
(18.2 KiB) Downloaded 251 times
22.png
22.png (43.32 KiB) Viewed 1009 times

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: How do I remove the rectangle around this bitmap?

Postby tylerdurden » Thu Sep 14, 2017 3:41 am

There is a filtered object with 56% opacity that I would try removing to see if it's causing the rectangle.
Attachments
Startt_Button.svg_-_Inkscape_2017-09-13_13-40-08.png
Startt_Button.svg_-_Inkscape_2017-09-13_13-40-08.png (52.29 KiB) Viewed 1005 times
Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/

User avatar
Xav
Posts: 1209
Joined: Fri May 08, 2009 1:18 am
Location: UK
Contact:

Re: How do I remove the rectangle around this bitmap?

Postby Xav » Thu Sep 14, 2017 4:56 pm

In fact I would go further than TD's suggestion: I would start with a new document and just put a single circle in it with a flat colour. Export that and see if you still get the rectangle. If you do, then it suggests the issue is with the Siemens software; if you don't then you know it's with your file.
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter


Return to “Help with using Inkscape”