16x16 Icon

Share your Inkscape tricks and tutorials here.
lk17
Posts: 1
Joined: Wed Jul 29, 2009 3:12 am

16x16 Icon

Postby lk17 » Wed Jul 29, 2009 3:16 am

I've designed a 16x16 icon using Inkscape and would like to find a way to export it without the blur. It's a simple black with yellow stroke ellipse, and three letters in the middle. The letters are what blur the most, but the stroke looks terrible as well. Any suggestions would be greatly appreciated!
Attachments
icon-16x16.svg
(4.45 KiB) Downloaded 489 times

User avatar
TKR101010
Posts: 37
Joined: Wed Apr 22, 2009 6:07 am
Location: Denver, CO, USA

Re: 16x16 Icon

Postby TKR101010 » Wed Jul 29, 2009 7:48 am

I think your best bet for getting rid of the blur would be to increase your image size. 16x16 isn't a whole lot of room to fit stuff on, and it's probably that size more than anything that is causing the blurr in your letters and such. With how your .svg is that's 16x16 including blank space around the elipse, which means that the elipse and letters are trying to cram into even smaller than 16x16. You might want to think about eliminating the extra blank space and resize the page to fit snugly to the elipse.

I would also turn off the blur on the elipse. When I loaded up the file it's blur was set to .9.

The text I would convert to a path rather than keeping as text. I don't know if others have run into the same thing, but that has caused me problems with exporting nice images before.

User avatar
tomh
Posts: 218
Joined: Sat Feb 14, 2009 10:14 pm

Re: 16x16 Icon

Postby tomh » Wed Jul 29, 2009 8:30 am

Note also that 16X16 is very limiting. Have a look at some of these tutorials: http://inkscapetutorials.wordpress.com/category/icons/

esspecially this one: http://mso-chronicles.blogspot.com/2008 ... icons.html

although inkscape is a vector program, for icon work at 16X16, it is almost easier to work in a bitmap way. Turn on the grid (pixel sized) preview the icon in the icon preview and keep it simple.

Hope this will help!

User avatar
prkos
Posts: 1625
Joined: Tue Nov 06, 2007 8:45 am
Location: Croatia

Re: 16x16 Icon

Postby prkos » Wed Jul 29, 2009 10:35 am

It's not the size it's the antialiasing, you need to suppress it http://wiki.inkscape.org/wiki/index.php ... liasing.3F

Also read here, very useful thread and post viewtopic.php?f=14&t=2854#p13155
just hand over the chocolate and nobody gets hurt

Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download

User avatar
microUgly
Site Admin
Posts: 2985
Joined: Sat Jun 02, 2007 3:13 pm
Contact:

Re: 16x16 Icon

Postby microUgly » Wed Jul 29, 2009 3:49 pm

I describe a method for creating small icons here - viewtopic.php?f=6&t=33


Return to “Tricks & Tutorials”