Hello

am new to Inkscape

I am trying to design a logo for a website
am using a font .. making changes to the font as in color fill/stroke then want to export as a graphic to display on the website
When I do this it looks great in Inkscape but on the website as a png it looks jaggy and bad

I exported the logo as bitmap (png)

You can see the results on http://www.bythebeach.com.au

Can anyone put me on the right path

take care

Domenicxx
Sydney/Australia

1. Do not use the bucket at 100% for sucha small image. In fact though it may be a lot of work you should put filled shapes slightly larger than the openings behind the letters to get the best results.
2. You need to use the pixelsnap extension to maybe get rid of the greyish fuzzy edges on the black shapes.

These two things should sharpen things up.
If you just want bitmap, consider doing this in a raster program such as the GIMP or Photoshop. At this size you might have fewer problems.
If you don't mind telling us the name of the font we can see how much pixelsnap improves a bitmap export - sometimes there is considerable improvement, sometimes not. Uploading the svg might be helpful too!

Hi domenicxx,

Welcome to InkscapeForum!

It looks like you're somehow using the Paint Bucket tool to fill the text (characters) with black, which I don't understand. Unless the font is what I would call an outline of the characters (letters, numbers, etc.). There's probably a technical word for it, besides 'outlined', but I don't know what it is. Anyway, if you used a more typical font, where the characters are already solid (filled in), you would not need to use the paint bucket tool to fill them.

But I do understand using the bucket to fill the empty spaces within each character. There's another way to handle this typical problem with the paint bucket tool, besides druban's suggestion. And neither one is better than the other. It's just a matter of personal choice. When you're using the paint bucket tool, there's a setting on the tool control bar -- Grow/Shrink by. I find that setting it to grow by 0.5 is optimal for most situations. However, it's not a perfect solution. If you zoom in, you can still see gaps usually in corners, tight curves etc. And that's what's causing the jaggedy, not clear and crisp problem, after export. To solve that, I enable snapping, and snap nodes to the paths (which create the space that you're filling).

For either technique, you need to make sure that the newly created object (created by the bucket tool) is below the text, in z-order. That will help ensure the sharp, clean border between black text and color in the open spaces. Also, obviously this is all done to the SVG file, before you export to PNG.

Let us know how it goes