I've built a website to scale mock-up in inkscape, using zoom 1 to work at the correct level.

Here's a screenshot of the search field.


I copied the search field across from Inkscape to Paint.net and it changes size.



Frustratingly, when I recreate the button using the inkscape pixel numbers in CSS it's a different size too. (Code added in case interested)





Am I missing a quirk about how inkscape sizes objects?

Welcome to InkscapeForum!

I may not be the best person to answer this, since I'm not familiar with CSS or Paint.NET. But I do notice in the Paint.NET screenshot that it's not 100% zoom. In Inkscape, the actual size of an object doesn't change with the zoom. But maybe it does in P.N?

There may be some problems caused by using a rectangle with a stroke.
Inkscape displays the size of the visual bounding box, not a wireframe object size.

It would have to be quite a wide stroke. But I have seen newbies change the stroke width to make something bigger, instead of just scaling it.

The stroke is only a single pixel wide, do you mean that could cause distortion?

I've noticed if you turn filters on, (I have inner glow typically) it increases the size of the button outside of the visible area, but I have this turned off specifically for that reason.

Also what do you mean by changing stroke width as opposed to scaling?

(Paint.NET does not change object size relative to zoom as it turns out)

SplitInTwo, when you say you "copied the search field across from Inkscape to Paint.net", what exactly do you mean?

If you selected the rectangle in Inkscape, copied to the clipboard, and pasted into Paint.net then there's a good chance that what's been copied is SVG code and Paint.net is rendering the drawing itself.

A better approach would be to use File > Export Bitmap to export your selected object as a PNG file, then load that into Paint.net. That way you're using Inkscape's rendering engine to create a bitmap, rather than Paint.net's.



(This is based on the assumption that Paint.net is a bitmap editor, and the end result will be a raster image rather than a vector, but as I haven't used Paint.net I can't be certain that it doesn't also include vector capabilities)

Hmm well anoher thing that may cause this, is that inkscape work is 90 dpi based, and paint.net uses 72.
The dimensions show exactly this.

So you might try to scale all your design down to 80% in inkscape before you copy/paste it to paint.net.

Hello
Well, I've test with the PAINT that comes with Win7 (It's paint.net?).

Without any configuration, copied a rectangle from inkscape to paint.

And the rectangle resize in paint.

After some trial and error, i get this:

In Inkscape go to the File Menu, and choose page properties, or SHIFT + CTRL + D. Go to the frame that says custom size.
Change the size,(the width an height) to the size of the blank page that appears in PAINT. In PAINT you can get the size searching in the properties of the canvas.

It worked for me. Cross fingers

Somethin notedg. I exported the rect to a bitmap png (with make a bitmap copy ALT+b). The copied bitmap has 1 pixel less in both sides. Isn't there a work around yet?

Greetings