Hi,
The tutorial is here:
https://meowapps.com/wp-retina-2x/tutorial/
After deleting my portfolio images should i install your plugin first?
It’s better, but you can also generate the retina images in bulk later too. Either is fine.
I like to display my images for all non retina displays in 500px width, so is it necessary to create 2 images, one with 500px width and another one with 1000px width, named @2?
No. Best is to have an image size in your WordPress (medium or large for example) set to 500px in width, and upload an original image bigger than 1000px. Everything will work automatically. You don’t need to name the images or anything.
Is there anything i have to do with CSS, is it necessary to edit a php file within wordpress?
Normally nothing if your theme is recent (and well made). No PHP changes required neither.
Cheers 🙂
Thank you Jordy, much appreciated.
Cheers, 🙂
Sorry, another question.
I prepared all my images with a width 500px.
You wrote, upload an original image bigger than 1000px.
I did, 1200px width.
Must the bigger image named as the smaller one with extension@2?
I deleted all existing images for the portfolio and installed your plugin, did not activate it yet.
Should i first upload my smaller images for non retina displays and create my portfolio or
can (should) i upload both at one time?
When the plugin is activated, should i see anything?
Best wishes
Hi Jordy,
i deleted all my @2x images, installed the plugin and then uploaded all @2x images again.
The plugin now shows 118 problems of 119 images, only one picture is replaced correctly, all others doesn`t show the @2x image on a retina display. Any idea what i can do?
First of all a happy new year to everybody.
I tried again and noticed that all images which are embedded in original size will be replaced correctly by the retina images. All other images in my portfolio not. I have different galleries which show a thumbnail first and opens the bigger image in a new window, all these bigger images will be not replaced by the retina images.
Must the bigger image named as the smaller one with extension@2?
No, those are created by the plugin. Keep it simple 🙂
Should i first upload my smaller images for non retina displays and create my portfolio or can (should) i upload both at one time?
Upload the biggest photo you can from the beginning. Later you can replace them with bigger version through the plugin but better to do it right at the beginning. You don’t need to upload both, only one full-size is good.
All other images in my portfolio not.
Can you show us a link to your portfolio?
Hi Jordy,
thanks for your reply.
I understand everything right now and will install your plugin these days again.
I tried and installed a script right now which also only works for the “Home” page image where it replaces the embedded image to @2x for retina displays. All other images will also not be replaced. Before i reinstall your plugin i need to know if it necessary to make any changes directly in the wordpress settings “Media” for thumbnails, medium or large size images or should it keep it as it is? I have the default settings there.
But there is another problem, maybe, i can only make the dimension settings in my galleries for the width of the thumbnails, not for the bigger images which will be opened in the new window.
Here is a link:
http://www.juergenlechner.de/camera-obscura/
Hi,
Be careful with that script, it might be Retina.js, it used to be nice but now it’s not optimized at all; your Retina users will load twice the amount of image they need basically. You need to disable this in your theme (or elsewhere) of you can.
You can keep the settings as it is 🙂
Nice photos by the way. Are you using WP/LR Sync yet?
Thanks,
i will delete the script today and install WP Retina 2x again, lets see.
If i do not get it running, you soon have a job, 🙂
I do not work with LR.
Hi Jordy,
i think my theme is not made for the plugin.
I made an upload of one big image for my gallery, everything is fine, but the large image which opens in a new window is displayed in the original size, which means on non retina displays twice as big as it should be.
I have just installed a child theme and maybe i can modify the default size of the gallery images in the functions.php like this:
function custom_et_pb_gallery_image_width () {return 500;} //define your own width value
function custom_et_pb_gallery_image_height () {return 500;} //define your own height value
add_filter(‘et_pb_gallery_image_width’, ‘custom_et_pb_gallery_image_width’);
add_filter(‘et_pb_gallery_image_height’, ‘custom_et_pb_gallery_image_height’);
Let`s see, :_)
When you click on the image? You mean the lightbox doesn’t work well? The lightbox should be using a src-set / responsive images. Yours seems to use directly the full-size, which is really bad (it can be huge). I suggest you to use an alternative lightbox, like my “Meow Lightbox” is doing this properly… but you would need to disable the current one too. No additional set up is requires, Lightbox should simply display the best size possible for a full-screen, retina included. WP Retina 2x doesn’t have his part into this process really, except proposing more images (which it does already, except if your lightbox takes the full-size and only the full-size).
Sorry for the confusion.
Yes, exactly, i can make adjustments only for the gallery thumbnails, e.g. all should be displayed with a width of 300px. But the lightbox takes directly the full-size images.
Will take a look at your “Meow Lightbox”.
