How to get started?

  • Resolved afmeck

    (@afmeckel)


    3 years, 8 months ago

    Hi,

    I’m building a new photography website (which isn’t live yet) so it’s really important that my images are retina-ready. Unfortunately, I’m not a coder so, as far as I can tell, Perfect Images is the only option I have to serve retina images to my audience. (Even the Retina.js script is beyond my skill level.) So, thanks for developing it for simple WordPress users like me!

    Speaking of simple, I’ve read the Perfect Images tutorial several times and am still not understanding how to begin. I also haven’t found any other tutorials online since the plugin was updated from WP Retina 2x.

    I should also add that I’m trying to make do with the Basic version of Perfect Images for now, not the Pro version (yet).

    I have two scenarios I’m trying to solve:

    1. Adding retina-sized images to my site for a few background/hero images that I’ve already added. For example, a 1200 x 450px image at the top of the page.

    I understand that I need to upload an image at twice the size (2400 x 900) with the same filename plus “@2x” at the end but can I simply upload it to my site’s “uploads” folder with an FTP client and that’s it? Or do I also need to configure something in the Perfect Images settings? Like, do I need to create a custom size (1200 x 450) for that single image in the WordPress Media Settings with a plugin like Image Regenerate & Select Crop or Simple Images and then check the “Retina” box in the Perfect Images General settings tab for that size?

    2. Images for posts, galleries and featured images that haven’t been uploaded yet.

    In this case, do I need to upload both retina/full-sized images (with @2x in the filename) and non-retina sized images with an FTP client or simply upload a single retina/full-sized image to the WordPress Media Library and check the “Retina” box in Perfect Images General settings tab?

    Sorry for the long post and barrage of questions but I’m totally confused with this (what seems to be a critical) issue. I hope the questions make sense and someone can offer a clear bit of workflow advice for me.

    Thanks a ton!

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

    (@tigroumeow)

    Hi,

    Sorry, my time is a bit limited these days but I will try to give a few pointers.

    I understand that I need to upload an image at twice the size (2400 x 900) with the same filename plus “@2x” at the end but can I simply upload it to my site’s “uploads” folder with an FTP client and that’s it?

    Yes and no. The plugin creates the @2x files automatically, based on the original images. But of course, it cannot do it on the original images (since it’s the original) – but that’s only an issue if you use that original image directly (which is usually not the case, except when it’s a logo).

    Short answer: you don’t need to do anything. Except if the original (non-resized) image is used.

    2. Images for posts, galleries and featured images that haven’t been uploaded yet.

    Same. Nothing to do! It’s really as simple as that ??

    Thread Starter afmeck

    (@afmeckel)

    Hi Jordy,

    No problem and thanks for the reply!

    Actually, I am using the original images for posts, featured images and background images to avoid them being resized and compressed by WordPress. I’m picky about image quality and, except for smaller thumbnail sizes (up to about 400px wide), the resized images were all a bit too soft.

    So, for every image I upload, I’m adding an image twice the size with the “@2x” in the filename using an FTP client or uploaded directly to the cPanel.

    The “Retina” column of the Media Library displays the full-size “FU” button in blue for every image, so I assume those @2x images are being recognized by Perfect Images and will be served to retina displays.

    That seems pretty obvious but it would be great if you could confirm whether or not that’s a safe assumption.

    Thanks again!

    Plugin Author Jordy Meow

    (@tigroumeow)

    Hi,

    Your assumption is the correct one, so that should work ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to get started?’ is closed to new replies.