My OperaThis topic has been closed. No new entries allowed.
Reason: You can now post comments on articles on Dev Opera
You need to be logged in to post in the forums. If you do not have an account, please sign up first.
Optimizing Opera Widget graphics for mobile and devices
In this article we will explore a few simple techniques that will help you optimize the graphics inside your Opera widgets for mobile phones and other devices with limited resources.( Read the article )
Andreas Bovens - Group Leader Developer Relations, Opera Software
What about very large css sprites ? I heard it impact performances due to CPU usage (I'm not talking about possible large size in kb, but in actual width /height).Can you confirm ?
It is often recommended to not send large sprites to iPhone as its caching is very bad (only caches under 12kb), but Opera Mobile has no such restrictions. Smaller images are often worse CPU wise if using a repeating pattern as it has to do more work repeating the image many times. I'm not aware of issues with files that are large width/height wise rather than file size.
Andreas: Do you know anything about this?
Andreas: Do you know anything about this?
<q>Knowledge speaks, but wisdom listens.</q> - Jimi Hendrix
David Storey, Chief Web Opener, Product Manager Opera Dragonfly, Opera Software ASA
David Storey, Chief Web Opener, Product Manager Opera Dragonfly, Opera Software ASA
I briefly inquired about this, but it's unclear what the effect of a sprite with a large width/height is on performance. However, it's unlikely you'll need huge sprites for mobile and device optimized widgets (due to the devices' limited resolution) anyways, so I'm not sure this problem really occurs in real world scenarios. Will investigate this a bit further...
Andreas Bovens - Group Leader Developer Relations, Opera Software
Indeed svg could be suitable for this example. I just grabbed a map of japan from Wikimedia Commons, and it's ~13kb uncompressed. ~5kb gzipped. It depends on what you need the map for, if you want to highlight different regions then it is easily done with such an svg map, and it would require less memory than for example having the regions highlighted by using png sprites.
Depending on the device performance this may be a good solution, or not. As long as the map path data is simple enough it should be comparable to pngs in time to render. Usual svg optimization techniques still applies of course.
Depending on the device performance this may be a good solution, or not. As long as the map path data is simple enough it should be comparable to pngs in time to render. Usual svg optimization techniques still applies of course.
Here's the link to the map: http://commons.wikimedia.org/wiki/Image:Blank_map_of_Japan.svg