I'm a little bit of a graphics nut, but I'm trying to figure out why the colors on my iPad simulator on my macbook pro seem much much more vibrant than they do on my actual iPad 2. Does anyone have any experience with this.
Or is there anything that i can do to help them seem much more vibrant than they currently are?
Thanks.
James.
Honestly, it might be because they are physically different screens. Color matching is extremely difficult with different LCD manufacturers, backlights, etc… That's why it's always important to test on the device.
Now, if you are seeing a different colors in Photoshop and the actual device, I'd point out that iOS devices don't use ICC Profile for color matching. But neither does the iPhone simulator so that theory is out if the simulator is different than the device.
Here's more info: http://ipadportfolioapp.com/howto/advancedUse/colorManagement
Edit:
Also, what display profile are you using on your MacBook Pro? (System Preferences > Displays > Color). Mine just uses Color LCD. If you have something else here, that might explain the difference. You can even try calibrating your MacBook screen here. Keep in mind that it could just be a difference between physical displays
As other's have answered, the displays differ, but could be better if you could color calibrate both displays. Unfortunately, iOS give you no color calibration options, so you can just adjust the calibration of the Mac's display to get close to the iPad.
Using the Mac OS X supplied color calibrator in the Displays System Preference I'm able to get the simulator to show colors very close to my iPad 2's display. Just follow the steps. I used a gamma of 2.2 and a white point of D65, which seem to match my iPad, but you can play with those setting while comparing devices to get what works best with your iPad and Mac.
My last step is to adjust the brightness of the iPad to visually match the simulator on the color calibrated Mac monitor.
Do you check the brigth of the screen?
or could be that your iPad screen is yellow?
Apple iPad 2 suffers from yellow screen tint?
Related
I am trying to set the screen resolution of a project to 2048x1536 (retina display on ipad).
I created a new single page app in Xcode using Swift, targeted ipad, set deployment target to various values (from 8 to 11), clicked Requires full screen, and chose only landscape modes.
I changed everywhere I could find in the storyboard, but no matter what I do, it is returning 1024x768. when I to an NSLog print from the ViewDidLoad function.
Can someone possibly shed some light on how to use the ipad to its best resolution?
Jerry
In Xcode the size of elements and the screen are measured in points. Each device has a scale factor that is applied to the points which means developers don't have to target specific screen sizes that have the same ratios.
Apple explain it a bit here:
https://developer.apple.com/library/archive/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/GraphicsDrawingOverview/GraphicsDrawingOverview.html#//apple_ref/doc/uid/TP40010156-CH14-SW7
Graphical representation here too: https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
Once upon a time there was a developer who ran the iOS simulator at 50% scale so the simulator would fit on his MacBook Pro screen. The simulator display rendered beautifully at this scale, and all was well.
One day, Apple unleashed xCode 7 with updated simulators. Jagged lines ravaged the once smooth renderings of the simulators at 50% scale. The chosen device mattered naught to the harsh pixelation. Some UITableViewCell separators even fled the atrocity and would not return until the scale was increased to 75% or higher. Likewise, at a 75% or higher scale, the crisp renderings of yore would return to the simulator. But alas, a scale of such magnitude would not fit on the developer's screen and would summon the detested scroll bars.
The developer questioned his co-workers across the land; some noticed the issue while others did not. It seemed not to matter whether the other devs' screens were retina displays. The developer's quest has continued, seeking to restore the beauty and order that once was, but no longer is.
Can you help the young developer and his comrades?
Try to disable this setting: "Debug > Optimize Rendering for Window Scale"
All developers at our company also suffer from this. I strongly believe apple is deliberately doing this to update our mac books. We are using late 2012 mac book pro's in our office. I can find this issue on both 10.10.xx and 10.11.xx OS. It's mainly the XCode 7 that brought this issue.
I am designing an iOS app and my app's navigation bar appears slightly different on different devices. Here are two screenshots demonstrating the issue:
As these are taken directly from screenshots (not camera-shots), we are eliminating the issue of some devices having slightly different color rendering in hardware level. All devices have the same and the latest version of iOS (7.1.2). In the above screenshots, one is taken from an iPod and one is taken from an iPhone 5, however, other iPhone 5 are also rendering the colors like the iPod. More interestingly, I've taken the exact colors RGB values in Photoshop (and I use it by setting UIColor values in setTintColor: from the Photoshop's eyedropper RGB values), and Photoshop renders the like the latter screenshot. To sum it up: Photoshop and one single device renders slightly darker (our intended color) (second screenshot), all the other devices (mix of iPods and iPhones) render slightly lighter (unintended, first screenshot). They all run on iOS 7.1.2.
What could be the reason?
After many weeks, we, by coincidence, found out that my friend had his Increase contrast option On on his iPhone's Accesibility settings. He turned it off and it became normal.
If you make a simple website with the code:
<div style='background-color: rgba(0,0,0,.05);width:50px;height:50px'></div>
and view it on various devices, you'll see very different colors.
On my iPhone and iPad, it looks white but on my MacBook you can see a definite light grey that looks close to #fafafa; I haven't tested thoroughly on other devices but I think that Android Chrome will sometimes display a third in between color.
This isn't an issue of different screen color capacities, because the iPad is definitely capable of displaying #fafafa.
So what's the story and is there any way to fix it?
rgba(0,0,0,.05) is an incredibly light color. A 5% tint is not visible on many lower end LCDs - especially 6bit panels. Personally, when I use RGBA I only tweak by 10% increments. Also, you will notice that #fafafa and rgba(0,0,0,.05) don't display the same because they aren't the same. #f2f2f2 is rgba(0,0,0,.05) (at least in Photoshop.)
You also have variances between the type of RGB. Devices also adapt differently based on lighting conditions - and they don't adapt the same way. There's also different screen types like AMOLED
From my experience that normally happens because of the contrast on the different screens and brightness settings. My suggestion is play with those.
Also check this for browser compatibility but those you mentioned should be ok:
http://css-tricks.com/rgba-browser-support/
I am using NinevehGL graphics library for rendering 3D models for an iOS application.
The rendering is quite good on the simulator and works well on iPhone 4S, iPad 2 and other recent devices.
But the quality is not as good on first generation iPad.
see the images
iPad(First Gen) As well as iPhone 3GS:
iPhone 4S:
Basically the gradient effect on iPad is very poor.. I am not worried about the antialiasing at the moment,, but I am worried about the clear difference in the gradient change of color.. in the first image one can clearly see the dark and bright regions.. but in the second image such regions are not so distinct.
Is this a device specific thing or are there any build settings that I can change to get better graphics for this version of iPad?