search

CocoaPods / blog.cocoapods.org

The blog for CocoaPods
https://blog.cocoapods.org/
34 stars 38 forks source link

Retina images. #3

Closed alloy closed 10 years ago

alloy commented 10 years ago

The CocoaPods logo and also the gravatar images aren’t using the right resolution for retina displays. Here are some example screenshots from my iPhone 4S:

photo 3

photo 4

kylef commented 10 years ago

:+1: I noticed the same. Not sure which approach to take, but just using retina images is the simplest. In the case of gravatar, request 2* the size and use background-size.

min-device-pixel-ratio: 2 could be queried from CSS selectors, but it would mean that we would need two copies of every image.

alloy commented 10 years ago

More info: http://www.fngtps.com/2012/reasonable-ways-to-use-high-resolution-images-on-retina-displays/

I think that always using Retina compatible images would be good enough for us, it’s not like there are that many images anyways, right?

orta commented 10 years ago

gravatars are now retina

orta commented 10 years ago

and yeah, very few image assets

alloy commented 10 years ago

Rocking!

keith commented 10 years ago

You can also use this Retina.js which uses the iOS like @2x pattern

orta commented 10 years ago

this is in.

fabiopelosin commented 10 years ago

:+1: