WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
How to make logo retina-ready, sharp on new hi-res screens? (4 posts)

  1. wpforum
    Member
    Posted 4 months ago #

    I added the logo to
    Appearance > Theme Options > General > Logo

    But, on the new retina-ready devices laptops, Surface tablets, iPads, iPhones, the logo is fuzzy.

    Is there a way to add code to display a 300dpi version of the logo on retina-ready devices. Can we add code in Style.css that would detect it, like with responsive layout, or add a plugin? I found and installed http://www.meow.fr/wp-retina-2x/ , but it doesn't seem to work for me.

    https://wordpress.org/plugins/jetpack/

  2. Richard Archambault
    Happiness Engineer
    Plugin Author

    Posted 3 months ago #

    Hi!

    Which logo are we talking about? I'm not sure how this is related to the Jetpack plugin, can you give a bit more detail please?

  3. wpforum
    Member
    Posted 3 months ago #

    http://cvhinteriors.com/ I have a logo in the top-left corner saved for the web (72dpi). How can I get the 300dpi version of the logo to appear on retina-ready (high-resolution) screens?

  4. Richard Archambault
    Happiness Engineer
    Plugin Author

    Posted 3 months ago #

    This question doesn't have anything to do with the Jetpack plugin. You'd best ask for help in this forum:

    http://wordpress.org/support/forum/themes-and-templates

    A quick google for "css retina images" turns up lots of useful tutorials and snippets, including this one:

    http://css-tricks.com/snippets/css/retina-display-media-query/

Reply

You must log in to post.

About this Plugin

About this Topic