1

Hi,

I know this might be a topic not fitting in here but it is somewhat related to TT-RSS. It’s more of an HTML issue.

There is a webcomic feed, which contains a content element of this content (linebreaks by me):

<p>
<a href="https://reallifecomics.com/?comic=december-11-2020" rel="bookmark" title="December 11, 2020">
<img width="500" height="554"
src="https://reallifecomics.com/wp-content/uploads/2020/12/20201211_3506-560x621.jpg"
class="attachment-large size-large wp-post-image"
alt=""
srcset="https://reallifecomics.com/wp-content/uploads/2020/12/20201211_3506-560x621.jpg 560w,
        https://reallifecomics.com/wp-content/uploads/2020/12/20201211_3506-271x300.jpg 271w,
        https://reallifecomics.com/wp-content/uploads/2020/12/20201211_3506-768x852.jpg 768w, 
        https://reallifecomics.com/wp-content/uploads/2020/12/20201211_3506.jpg 1000w"
sizes="(max-width: 500px) 100vw, 500px" />
</a>
</p>

In the Android app, the image is properly sized but in Firefox on desktop Firefox chooses quite a small file from the srcset. srcsets are a development in HTML I missed out so I have a hard time gettting my head around it. If I understand it correctly, the browser should choose a properly sized image from the source set depending on the width of the viewport.

I think about adding an af_comic filter to change this but I’m curious why resizing the frame in TT-RSS does not have any effect on the image size. I suspected, the browser might choose one image size on first rendering and than sticks to it but even after forcing a re-rendering it keeps displaying a small and almost unreadable image.

When choosing “Copy image address” from the context menu on this image, I get this URL: https://reallifecomics.com/wp-content/uploads/2020/12/20201211_3506.jpg which is part of the srcset but not the src attribute.

As far as I can see using the DOM inspector, TT-RSS does everything correct, so it’s not really a TT-RSS issue as I already wrote.

Any hints?

Bests,
Masin

3

alright nevermind the above. the _3506.jpg is the largest one so srcset is working correctly, actual image display size seems to be limited by fixed width/height attributes (width set to 500) and (max-width: 500px) in sizes.

i’m not sure why would they put those attributes, maybe it was supposed to fit their website and shouldn’t be in the RSS feed.

also, srcset being used is visible in network monitor (at least in brave/chrome) in responsive device emulation mode but i’m not going to pretend i understand why those images specifically are being loaded. maybe the markup is just screwed idk.