We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Bug in responsive images?

February 1, 2021 at 7:58 pm #5100

[anonymous]

I am using the simple theme and included a full-with image, see https://nuesse.robin-marketing.com/pistazien/ in the middle of the page. It shows that even at resolutions of 1600, the 769px (m) Version is shown, instead of the xl Version. I do not see any mistakes in the config.json file for the correct selection of image sizes. Do you have any suggestion how to solve this issue?

Thx
Ramon

February 2, 2021 at 6:57 am #5101

Bob

Show the code snippet from the config.json file, exactly the “contentImages” part with thumbnails settings.
Also, try to regenerate thumbnails.

February 2, 2021 at 7:03 am #5103

[anonymous]

"files": {
    "ignoreAssets": ["scss", ".DS_Store"],
    "assetsPath": "assets",
    "partialsPath": "partials",
    "responsiveImages": {
        "contentImages": {
    "sizes": "(max-width: 48em) 100vw, 768px",          
    "dimensions": {
                "xs": {
                    "width": 300,
                    "height": "auto"
                },
                "sm": {
                    "width": 480,
                    "height": "auto"
                },
                "md": {
                    "width": 768,
                    "height": "auto"
                },
                "lg": {
                    "width": 1024,
                    "height": "auto"
                },
                "xl": {
                    "width": 1360,
                    "height": "auto"
                },
                "2xl": {
                    "width": 1600,
                    "height": "auto"
                }
            }
        },

February 2, 2021 at 7:06 am #5104

Bob

It’s’ correct, admittedly we can change the sizes to (max-width: 1600px) 100vw, 1600px; but in this case it shouldn’t matter.

Have you regenerated your thumbnails?
Does it happen when you upload a new photo to a post or only with already uploaded ones?

February 2, 2021 at 7:24 am #5105

[anonymous]

I reproduced it again on: https://www.fenchel.org/pistazien/. Yes, integrated a new image (different name) of 1800px, regenerated thumbnails and synchronized. Again no full width image shown … any guess whats wrong?

February 2, 2021 at 7:34 am #5106

Bob

I don’t know, this is HTML syntax generated by my Simple site installation:

file:///.../Documents/Publii/sites/simple/preview/media/posts/7/responsive/kernenergie-werbung2-xs.jpg 300w, file:///.../Documents/Publii/sites/simple/preview/media/posts/7/responsive/kernenergie-werbung2-sm.jpg 480w, file:///.../Documents/Publii/sites/simple/preview/media/posts/7/responsive/kernenergie-werbung2-md.jpg 768w, file:///.../Documents/Publii/sites/simple/preview/media/posts/7/responsive/kernenergie-werbung2-lg.jpg 1024w, file:///.../Documents/Publii/sites/simple/preview/media/posts/7/responsive/kernenergie-werbung2-xl.jpg 1360w, file:///.../Documents/Publii/sites/simple/preview/media/posts/7/responsive/kernenergie-werbung2-2xl.jpg 1600w

in your case, it ends on 768w.

Attach your site backup (PM) I will try to check what’s wrong with that in a free time.

February 3, 2021 at 4:40 pm #5115

[anonymous]

This reply has been marked as private.