WordPress.com Forums » Topic: Adding Retina Graphics http://en.forums.wordpress.com/topic/adding-retina-graphics WordPress.com Forums » Topic: Adding Retina Graphics en Fri, 24 May 2013 21:55:50 +0000 http://bbpress.org/?v=1.1-alpha-2539 designsimply on "Adding Retina Graphics" http://en.forums.wordpress.com/topic/adding-retina-graphics#post-856539 Tue, 03 Apr 2012 15:42:44 +0000 designsimply 856539@http://en.forums.wordpress.com/ Certainly. :)

Here is an example showing how to do it for the iPhone 4 based on pixel ratio:

@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
    /* CSS for your header image goes here. */
}
]]> pixelcounter on "Adding Retina Graphics" http://en.forums.wordpress.com/topic/adding-retina-graphics#post-856309 Tue, 03 Apr 2012 05:05:19 +0000 pixelcounter 856309@http://en.forums.wordpress.com/ Thanks for the info!

Is there an easy way now to replace, for instance, the header with a high-resoution image?

]]> designsimply on "Adding Retina Graphics" http://en.forums.wordpress.com/topic/adding-retina-graphics#post-855984 Mon, 02 Apr 2012 19:29:55 +0000 designsimply 855984@http://en.forums.wordpress.com/ @pixelcounter, adding high-dpi graphics is now supported at WordPress.com. :)

Try copying the example at http://aralbalkan.com/demos/high-dpi-images/ if you'd like to test it out.

]]> designsimply on "Adding Retina Graphics" http://en.forums.wordpress.com/topic/adding-retina-graphics#post-823368 Mon, 20 Feb 2012 19:52:56 +0000 designsimply 823368@http://en.forums.wordpress.com/ I agree! Love that you posted about it. We've put it on our things-to-update list. Would love to also see more people reply here or send us a note if there is more interest.

]]> pixelcounter on "Adding Retina Graphics" http://en.forums.wordpress.com/topic/adding-retina-graphics#post-823026 Mon, 20 Feb 2012 10:42:13 +0000 pixelcounter 823026@http://en.forums.wordpress.com/ Okay, thanks designsimply. I'm pretty sure the high-dpi graphics are becoming more relevant day by day.

]]> designsimply on "Adding Retina Graphics" http://en.forums.wordpress.com/topic/adding-retina-graphics#post-822237 Sat, 18 Feb 2012 21:04:20 +0000 designsimply 822237@http://en.forums.wordpress.com/ I see that there's a way to add retina graphics using CSS3 media queries, but that's not available yet for the WordPress.com Custom Design upgrade. I've noted your question though and added it to our user suggestion list.

]]> hnsaifi on "Adding Retina Graphics" http://en.forums.wordpress.com/topic/adding-retina-graphics#post-821915 Sat, 18 Feb 2012 10:08:20 +0000 hnsaifi 821915@http://en.forums.wordpress.com/ Sorry I don't know more bout it but Javascript doesn't work here on WordPress.com.

]]> pixelcounter on "Adding Retina Graphics" http://en.forums.wordpress.com/topic/adding-retina-graphics#post-821912 Sat, 18 Feb 2012 10:00:54 +0000 pixelcounter 821912@http://en.forums.wordpress.com/ Hi,

I was wondering if it's possible to add alternative images (2x) for high-dpi displays, such as that of the iPhone 4 or upcoming iPad 3?

I've been googling around and people are using solutions like Java Script etc. for that, but which are beyond my skills.

Thanks!

]]>