Making the background rectangle be exactly as large as the image can be hard when: SVG supports objects outside of the viewport, and only what is in the viewport will show in the end. Just make the background rectangle larger than the image, don't worry about making it the exact same size. Unfortunately, Inkscape does not have an option to export the SVG with that rectangle automatically added, related discussion, so to make things a bit more convenient, you could use the following tips: Tips to make the background rectangle workaround more bearableĪs mentioned at: based on the only reliable SVG background color solution seems to be to add a colored rectangle to the background. Similar question: Default background of svg root element This is probably the most browser friendly. Make sure that the fill color for it is white (I believe the default is transparent) and there is no stroke. Only use this method if you are just converting the the SVG to a PNG with Inkscape. Note: The page background is not a standard SVG feature, so browsers will probably not honor it. Make sure that A (the alpha channel) is not 0. If you are exporting a PNG, on the File menu, click Document Properties.Īt the bottom of the Document Properties, click Background Color.There are a few ways to get a solid background color: Changing the background color is not part of the SVG standard, so changing the background color in Inkscape won't carry over to the SVG file when its viewed in a browser.

You are correct-that 'checked background' is how many programs indicate transparent areas.

Pure white rectangle png