This is a read-only archive of the inkscapeforum.com site. You can search for info here or post new questions and comments at 
Can anyone please advise on this? I am limited to use free programs, namely: Inkscape & Gimp.
Thanks in advance,
JDL
[solved] Getting crispier/sharper small images, how?
[solved] Getting crispier/sharper small images, how?
I need to get sharper images at only 100/100 px size. I have been exporting them to PNG, as it's the only format seemingly available. They look great while I'm in Inkscape of course, but as soon as I export it it looks so blurry in the web page
Can anyone please advise on this? I am limited to use free programs, namely: Inkscape & Gimp.
Thanks in advance,
JDL
Can anyone please advise on this? I am limited to use free programs, namely: Inkscape & Gimp.
Thanks in advance,
JDL
Re: Getting crispier/sharper small images, how?
If the PNG doesn't look the same as the drawing in Inkscape at 100% zoom, then something might be going wrong.
Otherwise, this tip from http://www.inkscape.org/doc/tips/tutorial-tips.html might help:
You're not doing an icon, but the same principal applies. You want to avoid antialiasing so you need to make sure your drawing snaps to whole pixels. You can kinda see an example of this in a tutorial I did for making small icons - viewtopic.php?f=6&t=33
Otherwise, this tip from http://www.inkscape.org/doc/tips/tutorial-tips.html might help:
Using the grid for drawing icons
Suppose you want to create a 24x24 pixel icon. Create a 24x24 px canvas (use the Document Preferences) and set the grid to 0.5 px (48x48 gridlines). Now, if you align filled objects to even gridlines, and stroked objects to odd gridlines with the stroke width in px being an even number, and export it at the default 90dpi (so that 1 px becomes 1 bitmap pixel), you get a crisp bitmap image without unneeded antialiasing.
You're not doing an icon, but the same principal applies. You want to avoid antialiasing so you need to make sure your drawing snaps to whole pixels. You can kinda see an example of this in a tutorial I did for making small icons - viewtopic.php?f=6&t=33
Re: Getting crispier/sharper small images, how?
Wow! Nice tutorials MU! 
Thank you kindly. I have been meaning to learn just that for some time now.
I found the culprit of my problem though! StarOffice/OpenOffice
That's what I'm using to put the webpage together. But as soon as I used
Nvu instead my images look right.
JDL
Thank you kindly. I have been meaning to learn just that for some time now.
I found the culprit of my problem though! StarOffice/OpenOffice
That's what I'm using to put the webpage together. But as soon as I used
Nvu instead my images look right.
JDL
Re: Getting crispier/sharper small images, how?
They might have been converting your images to JPG and applying heavy compression. But, yeah, office programs aren't suitable for webpages. Nvu should serve you well.