Hello,
I noticed that when exporting svg as ong, I get quite a bit of quality loss sometimes. I read that dpi doesn't matter when you export as png from Inkscape if the image is used on webpages. I also opened the svg in GIMP and exported it as png with 300dpi instead of 90 in Inkscape while keeping the same px size. Could this help in improving quality of the images? I am new to all this and don't understand the concept of px sizes, dpi etc. yet.

Thanks for any help,
lolli

Hi.

Raster images are built up from pixels, therefore px is the most "trivial" measure in the image sizes.
Dpi refers to the density of the pixels on a physical length, pixels per inch or dots per inch.
That is most important on printing, as you can define the exact physical sizes of the print and the number of pixels dots by the resolution.

Each screen, however, has a different px size and each display has it's own resolution.
That is why dpi "doesn't matter",
because you cannot make sure each display will show your image in the same physical size
-nor screens are capable of displaying fractions of pixels.


If your svg is that simple you can export it from gimp, you probably could embed that svg in your webpage too, without the need of rasterization.


"While keeping the same px size" -should make no difference then.
The larger the px size is, the larger your image can be displayed without seeing individual pixels.
Adjust the export size of your image to the space you want it to embed after, and there should be no quality loss at 100% zoom.

Hey,
thanks for your reply.
I know the differece between raster and vector images and I am able to use svg on my site, however, since brwoser support isn't that great for svg, I would prefer to use png instead(I don't know how to implement png fallbacks in my theme).
My question wa rather if it makes a difference to export the svg as png in Inkscape with a 90 dpi resolution or to export the svg (created in Inkscape) in GIMP with a 300 dpi resolution(both will result in the same px size).

Thanks!

Gimp has limited capabilities on rendering and editing svg-s, wouldn't recommend to use it for exporting svg-s.

Haven't checked current gimp builds, but if the pixel size is the same -there should not be a difference.
Photoshop has a feature to embed resolution value to the raster images, so the printer can be forced (?) to print the same pixel sized image in 300 dpi for example, maybe that feature got implemented?

Inkscape is working in 90 dpi, so if you design in 1:1 scale, 90 dpi should be fine.
-That is, the svg image you see on canvas at 100% zoom level, will get an "exact" copy in the exported image.-
By setting another resolution, you only force the renderer to produce a larger image, but the raster image won't have an embedded resolution data of the value.


Image quality is also affected by anti-aliasing.
Pixel-fitting your vectors, and sometimes exporting to a larger image and scaling it down with gimp can be a solution.

No, I don't want to alter or save the svgs in GIMP : I tried importing the svg into GIMP and then EXPORTING them as png and was wondering if there is a difference between exporting them as png in GIMP and exporting them as png in Inkscape. The reason I am sking is because when I save the svg in Inkscape, it it automatically with 90 dpi. WHen I open this exact svg image in GIMP, a popup will show up and ask me how I want to import it and the default setting is 300 dpi, so if I click on 300 dpi, it will still be the original size in GIMP, not any bigger like it would be if I chaanged the dpi inInkscape. So if I imported it into GIMP with 300dpi, would the saving and exporting as png be of higher resolution than if I just saved the svg as png in Inkscape?

Just checked on gimp 2.8.2, the dpi settings doesn't seem to have an effect.
Maybe a known bug in gimp?

Would still suggest to use inkscape only for exporting to png-s.

Hi,
okay, thanks!