• Resolved paperelephant

    (@paperelephant)


    After choosing a new theme I deleted all of my past (small) images and reloaded every single one (after installing WP Retina 2x), this included my logos. So this should mean that everything is working correctly.
    Yet on all retina devices (iMac, iPhone and iPad) my logo is fuzzy. If viewed on an iPad 2 or a regular desktop it’s perfect.
    All of my images look great retina or otherwise, it’s just the logo.

    I’ve asked the theme creator but since they don’t advertise the theme as retina ready it has to be a glitch with the plug-in?
    https://paperelephant.com.au

    N

    https://www.ads-software.com/plugins/wp-retina-2x/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Jordy Meow

    (@tigroumeow)

    The retina version of your logo doesn’t exist:
    https://paperelephant.com.au/wp-content/uploads/2015/08/[email protected]

    Often, logo are special cases and are not using a specific media size. Here, this is why. For this, you need to enable retina for full-size in the Retina settings and upload a much bigger image of your logo in the very right column. The plugin will automatically resize and name it nicely. You can also manually upload the version sized and named by yourself by FTP and place it then to your normal logo.

    Thread Starter paperelephant

    (@paperelephant)

    Thank you for the quick response. It was a little confusing as I thought it said to NOT add @2x images. But having done as you suggested it’s still fuzzy?

    Plugin Author Jordy Meow

    (@tigroumeow)

    Don’t add @2x images directly in your image library. Just add big images to make sure all the image sizes are created.

    As for the retina for full-size, it is different. There are no image sizes (they automatically created by WordPress anyway but they will actually never been used). But you need a retina version of this full-size ?? So the only way it to upload a much bigger image that the plugin will craft for that purpose (the right column one).

    Thread Starter paperelephant

    (@paperelephant)

    Sorry I am not following what you mean. The theme only allows you to choose an image that has been loaded to the media library. Which of course only shows you the original image. So even though I may load a 320px wide image, it will only let me choose that or the previous 160px image.

    Plugin Author Jordy Meow

    (@tigroumeow)

    Maybe your theme is crafting its own image size based on the image you picked. In that case you will have to manually create an upload a retina version of this one by FTP. Actually it looks like… you did? Can you reset your cache if you use any?

    Thread Starter paperelephant

    (@paperelephant)

    I have cleared the cache. Still fuzzy.
    BTW I did load the @2x via FTP not into Media Library.

    But just to try something random, I’ve chosen a 900px wide version to see what happens. Of course it’s larger than I would like BUT it’s crisp. Small win. Now I will just have to figure out the code to control it’s size to something smaller on the desktop, and even smaller again on the mobile because now it’s take half the screen! ??

    However thank you for your time. You’ve have been amazingly helpful!
    5 stars for service.
    ??

    Plugin Author Jordy Meow

    (@tigroumeow)

    BTW I did load the @2x via FTP not into Media Library.

    It’s the best to do it for the logo. I usually prefer when logos are outside the uploads folder for some reason. I feel like it’s part of the design/theme and not the actual content.

    Now I will just have to figure out the code to control it’s size to something smaller on the desktop, and even smaller again on the mobile because now it’s take half the screen! ??

    Seems like whatever you do your logo is 160px wide. Just replace this file (https://paperelephant.com.au/wp-content/uploads/2015/08/PE-stamp-black-160px.png) by a version of the file which is 320px. If it looks twice bigger, add some CSS somewhere like

    #logo img { width: 160px !important; }

    And I guess everything will be fine ??

    Thread Starter paperelephant

    (@paperelephant)

    Sorry, yes I did change it back because it looked silly so large. ??
    But you’ve given me the code without me having to sift through the support forums (not a developer brain in this head).
    6 stars now!

    Plugin Author Jordy Meow

    (@tigroumeow)

    Haha ^^ And thank you so much for your review ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Logo not rendering for retina screens’ is closed to new replies.