rrrrr9999

I’m sorry i don’t quite understand your last message. I ‘m still getting my head around src, srcset, and attributes. I don’t know how to see the code.

So, I’m trying to look into this now, again. For a start i already changed my media settings (large image) to max width 2800px and it has not changed the images as you see them on the site. Most all of my images in the media library are listed as 2560px wide.

the site i linked before says this,

The src is included as a fallback and for browsers that don’t support srcset and sizes. Most all good modern browsers do, with the exception of crap like Internet Explorer.
The alt attribute is included the same as ever.

So, hopefully everyone viewing the site is using a modern browser and so the src attribute is somewhat not needed (as i understand it). does that mean that srcset and sizes should go in the viewer code (if that is what your saying)? So a user’s browser can use responsive images and determine itself which image to use..

If you don’t think it needs to be changed in the viewer code, are you able to confirm if i need to add/modify to my functions.php? Either use method 2, or 3 in the linked article. I think method 3 sounds best for my purposes, however i don’t want a massive image loaded up if people are using a small phone..

Also, if you think this is actually a support issue i should bring up with either, wordpress, my site theme maker, or godaddy, please let me know?

thanks for your help and time so far..

from what i’ve read and so far understood, i think you are possibly right about it being in the html. I’ve still got some queries to try to resolve this.
So, It seems wordpress does use ‘responsive images’ to generate different size images for different viewports, that is the srcset (i think) which i access from the media settings – designating thumbnail, medium, and large images.

question: from part of my reading .. since my first reply to you (#12688216), i changed the large image width to much larger, 2800×1920, i wonder if i need to regenerate the wordpress images, so that there will be a larger image it chooses from. From reading, to do this i would need to re-upload all the images or use another plugin to regenerate all the image sizes.
Do you think this is the case?

I see that you were already onto this line of inquiry earlier on in our chat. And so, i now understand what you meant by what your plugin is for..

What this plugin does is build a list of src attributes of the images with a link to itself. Instead,I could keep a list of the full image element as an object and use that. That way the srcset will be used by the browser.

If the srcset is not used by the browser at the moment, where is it used?

From reading this again – https://alexwright.net/blog/web-design/responsive-images-wordpress/ – i don’t think i need to modify the wordpress settings by adding more sizes to the srcset attribute since for my site i pretty much always want fairly large images that can be zoomed in.
What i’m not sure if i need to do is to declare the sizes attribute – where i think ‘method 3’ in the above linked blog post is most appropriate for my needs.
Now, I’m not sure if this is something you as the plugin creator write into that, or is it the theme creator, or something i do myself in the functions.php (whatever that it)? can you help me answer that at all?

i add them using the block feature of the wordpress builder. Where they are uploaded to my media library bank.
Could it be i’m using a combination of the Godaddy ‘Block Gallery’ plugin – to use the stacked format and get captions underneath images .. And also using your plugin since i wanted a full size viewer from image to image?

There isn’t much formatting i can do to the stacked block of images. only choose between linking the image to its media file, or attachment page, or none. Your viewer plugin only works when images are linked to their media file, which makes sense.

this is a long shot, but i wonder if it could be that i am saving my images ‘for web’ using photoshop on my home computer. And perhaps when using the wordpress uploader they are further compressed or something. since i noticed that the file size of the image on my home computer is 774KB and wordpress says the same image in the media library is 312KB. That is i think the difference between this (original image)
https://rhettleinster.site/wp-content/uploads/2020/04/SDI0443.jpg
and this (‘scaled’ image)
https://rhettleinster.site/wp-content/uploads/2020/04/SDI0443-scaled.jpg
but i think they are the same resolution..

maybe that is beside the point and confusing though…

I don’t think i can link you a post, since any image i put in a post uses the viewer (when activated) to bring up the image.
I can link directly to the media file though, so here is the direct link to the first image on my ‘selected recent works’ page. when looked at 100% and compared with the same image with the viewer it is a better quality/resolution.

https://rhettleinster.site/wp-content/uploads/2020/04/SDI0443-scaled.jpg

thanks

R

Hi there,

i just tried that version. I had to deactivate and delete the old one and then upload the zip from the link you provided. Upon activation it seems much the same unfortunately. Still pretty low resolution.
I’m not sure what else i can do.

R

Hi, thanks for your reply.

I first of all just tried to edit the media settings from the wordpress admin/dashboard page as i saw that the ‘large’ image limit was set quite low, i changed it to 2800×1920 but that didn’t change how the images come up using the plugin and zooming in.
It must be still selecting the 1024 image like you said.

I’m not quite sure how to change the src. I can see it in the html code when i click through to edit that, but i’m a little afraid to change anything, and i don’t quite know what to change, because of my inexperience. but i can see it is selecting a 1024 image.

maybe this is helpful for you? (or me?) – https://alexwright.net/blog/web-design/responsive-images-wordpress/

thanks again.