Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.
Scalalabe Vector Graphics
SVG offers several benefits:
Scalability: SVG's can be scaled without losing clarity hence should be preferred to bmp's. Offers scalable (resolution independent) graphics format which reduces graphics design work since same graphic could be scaled to different sizes without sacrificing quality. There is no ROM space hit when going from 176x208 to double resolution, with current bitmap fonts bitmaps could take 4 times more ROM in double resolution .
Flexibility:The content can be modified dynamically, same application with one set of graphics could be used in phones with different resolutions .
Efficiency: As a text-based format, SVG graphics can be compressed better than bitmap images (such as JPEG), resulting in a smaller file size.
Use SVG files only as .mif files due to following reasons:
- SVG files are XML text files. To optimize the memory occupied by the SVG files they are converted into a binary format by the MIFCONV tool. The .mif file contains the binary version of the SVG file and not the text version. The memory occupied is reduced to large extent.
- The SVG binary format also optimizes performance. XML files are parsed and binary format which is close to the rendering engine is generated as a part the MIFCONV process itself. This reduces loading time of a SVG file as it does not involve XML parsing again.
Tool to generate MIF file:
A new tool, MifConv, is used for generating MIF (multi image file) files. This will convert source SVG-T files (which are XML) into a more efficient format and package them inside the MIF file.(MIFCONV)
The following are the links to the Knowledge Base which includes both Technical Solutions and Known Issues:
The following example describes how an SVG file used as an Application icon as well as resized to display as part of Listbox Item: