As an extra bonus for our Mac users running the latest MacBook Pros, Opera 12.10 sees the addition of "Retina" support. With twice the pixel density, this should give much crisper text and detail to the Web experience. The build comes with a updated skin, full of pretty, high-resolution icons.
Text on Web pages will automatically take advantage of the higher resolution, without affecting overall design. Opera’s implementation is like Safari’s, meaning that a CSS pixel will no longer correspond to a device pixel. Graphics may look blurry, because it is typically delivered in a lower resolution than the new machines are able to display. To deliver a unscaled high resolution image, include an image twice the size as normal. For example:
< img src="image_200x200px.png" width="100" height="100" >. See Apple’s 2012 WWDC Session Video #602 “Delivering Web Content on High Resolution Displays” for more technical details.
To target which users get the high resolution graphics (as to not push larger file sizes on users who cannot take advantage on their lower resolution displays) we have two new APIs which are on pair with Safari’s:
window.devicePixelRatiowill return 2 on a Retina display, and 1 or undefined on a low-res display. Target "two or higher" to future proof your high resolution aware site design.
@media -o-device-pixel-ratiowill be 2/1 on a Retina display and 1/1 on a low resolution display. (If you already target the iPhone 4, you may know that there, the ratio is 3/2.)
- The decreased version number means the you will not receive automatic updates from Opera Next to 12.10. However it is safe to install this build over the top of the last 12.50 build.
- Linux users may need to uninstall and reinstall Opera to handle the version number 'downgrade' (your preferences will be retained in between)
- Extensions cannot use separate graphics for Retina displays in the browser UI
WARNING: This is a development snapshot: It contains the latest changes, but may also have severe known issues, including crashes and data loss situations. In fact, it may not work at all.