HowTo: Create a nice SVG icon from a bitmap and use it in your Symbian app
-
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":http://bugreports.qt.nokia.com/browse/QTBUG-16189
-jk
-
snowpong, It's look as good wiki page, I created it "here":http://developer.qt.nokia.com/wiki/Create_a_nice_SVG_icon_from_a_bitmap_and_use_it_in_your_Symbian_app. Please check.
-
SVGs can scale to any size. They don't really have 'sizes'. They are meant to be vector based, although hard if you start with a PNG ;).
You can blow it up to 400x400 and it still looks good. This is why it is recommended to start with a large PNG. Otherwise it'll look bad. -
Thanks buddy, exactly what I needed!
-
Executive summary: I was able to validate these steps. Thanks!
Along the way, I ran into a problem. I thought I’d add this comment in the hopes it says the next developer some time.
Historically, I have been using the conversion tool (svg2svgt). Since it is unavailable, I used the approach above. I created this svg file using inkscape with a 48x48 png icon. It was saved as plain SVG. Unfortunately, the circular icon got compressed horizontally to fill only about a third of the space for the launch icon area. I do not see any errors generated in the build process.
Why did this happen? Step 10 reads
bq. Move the new traced bitmap away, and delete the actual bitmap underneath it
I moved the actual bitmap to away (to the right) but didn’t delete. Oops!
-
I think this might be interesting as well: "Use PNG as Symbian application icon instead of SVG":http://www.leonardorisuleo.info/blog/2009/11/how-to-use-png-as-symbian-application-icon-instead-of-svg/
Just yesterday I used this method to create my Symbian application icon and it works pretty well.
-
Small update: I've been trying out Adobe Illustrator CS5 here, and it works better than all the other approaches I've used so far.
I still prefer Inkscape to design the logo and save as a normal Inkscape .svg, but then I open it in Illustrator and use the "Save for Web/Device" and selected SVG 1.1+ Tiny - and it works on the N8's and N97s I've used. Seems it is the best solution if you just want it done.
Note: Some gradients will be rasterized by Illustrator, but they still look OK on the phone.
-
I faced the same problem with my own icons, so I wrote
http://mpaja.com/frontpage/SVG_PonyAdobe Illustrator is probably the best, but also very expensive.
I've been told that new Carbide.ui would do SVG Tiny conversion as well, does anyone have any experience with that?
-
Hi,
There is also "SVG Converter" which give great result: