HowTo: Create a nice SVG icon from a bitmap and use it in your Symbian app
Page |
1 |
Thought this might be usefull for some of you. This one assumes you do NOT have access to a nice .svg, but needs to create one from a bitmap. Note: make sure you’ve got the rights for it – don’t steal.
- Find a bitmap of at least 400×400 of what you want as the icon
- Crop and clean in Gimp (or whatever you use)
- Open Inkscape
- Open your bitmap (embed or link doesn’t really matter)
- Select the bitmap with the cursor
- Open “Path->Trace bitmap”
- Select “Colors” in the Multiple scans option
- Play around with the “Scans” value and click “Update”
- Once happy click “Ok” and close the dialog
- Move the new traced bitmap away, and delete the actual bitmap underneath it
- Make a square with rounded corners and put it below the traced bitmap
- Save the .svg
- In your .pro file add “ICON = myapp.svg”
- run qmake again and compile a new .sis
- install and enjoy
You don’t get perfect results, but it’s OK as a start :)
24 replies
Well,
you’ve also this [leonardorisuleo.info] method, that’s the one I’m using now.
You can use a simple PNG, and get a SVG icon for your app.
T.
WTF? You’ll need SVG-T for symbian applications, and Inkscape is NOT able to save files in that format
Settle down there doggy :) If you keep within a limited set of Inkscape and save as plain SVG, it can be used. So for example this works ok:
- Open PNG in Inkscape
- Save as Plain SVG
- Use as app icon in .pro file
Is is also smart to keep the width/height of the PNG divisable by 8 (sic!), or it may be scaled wrong and the icon looks like garbage…
SVG-t has been part of Symbian since 3rd edition circa 2005. Since it first ship the have always provided a command to convert an SVG file to SVG-t. At the moment, I have the 5th edition SDK on my PC. I see an installer for it under S60tools/svg2svgt.-jk
Yeah, and since then it’s been basically broken [gnugos60.blogspot.com] ? :) There is one thing getting something as an icon, then there is getting something that looks nice. Have you used this converter with success?
Adobe Illustrator has no problems creating SVG-T. There’s a few revs of this and of course Tiny 1.1+ looks best.
Yeah, that seems to be the best end option. It costs lost of $$$ though.
After having experimented a bit more, it seems designing in Inkscape and then saving as “Optimized SVG” might be the best solution I’ve found so far (excluding Illustrator of course).
Hello,
In a previous comment, I mentioned S60tools/svg2svgt. Turns out it fails to install on Windows 7 with “The installer cannot run on your configuration. It will now quit.” The installer ZeroG failed with a NullPointerException. I have reported it as bug 16189 [bugreports.qt.nokia.com]
-jk
snowpong, It’s look as good wiki page, I created it here [developer.qt.nokia.com]. Please check.
You must log in to post a reply. Not a member yet? Register here!