Retina display image size ???
- Started
- Last post
- 12 Responses
- benfal99
Iam building a fake interface for a TV show and the thing will be used on a MacBook Pro 15" Retina.
When i take a screenshot, the screenshot file is 144dpi 2280x1800
I builded the fake interface in an HTML page and iam using Chrome to open it. Well, the images are too large... I dont get it.
AND, when i use 1920x1080 72dpi images instead, well its still too large!
WTF??
- utopian0
2280px by 1800px @ 144dpi
or scale it down to: 1920 by 1200 @ 72dpi
- benfal990
I did that and both images are larger than the screen when viewed into Chrome...
- inteliboy0
Browsers on a retina display render images how normal screens see them, unless you tell the browser otherwise. So Chrome is showing you what it would like at 72 or 96... NOT retina 144 or whatever it is.
- benfal990
So, what size should i build my images to perfectly fill a 15" MacBook Pro Retina display ??
- inteliboy0
I have a 13" so these numbers are wrong, but chrome renders it as
1280 wide full screen.
when it actually is 2560 pixels wide.So you can either pretend you are designing for normal resolution. Or do everything double resolution, and use a JS or html/css to specify image sizes.
- benfal990
I will test this tomorrow...
thanks!
- fadein110
do it in flash so it scales - just make it look like html.
- uan0
"I builded the fake interface in an HTML page and iam using Chrome to open it. Well, the images are too large... I dont get it."
browser zoom is not set to 100% maybe
- animatedgif0
"144dpi"
- benfal990
well, seems like images at 1282 x 801 72dpi are correctly filling the screen....
Stupid Retina! :P
