Scaled images on /news
See original GitHub issueDescribe the bug Unnecessarily large images are being served on the main /new page.
To Reproduce Steps to reproduce the behaviour (on a > 768px wide screen):
- Go to https://www.freecodecamp.org/news/
- Inspect an image next to an article
- See that the width on the screen is 283px
- Check the downloaded image
- See that it’s 1000px wide
Expected behavior
The image served should be roughly 283 by 166px.
I think what’s happening is that it’s getting the wrong hint from sizes
. For large screens only a relatively small thumbnail is shown, but on small screens it stretches across most of the screen, so needs a larger image.
Screenshots Large screen, small image:
Small screen, large image:
Issue Analytics
- State:
- Created 3 years ago
- Comments:8 (5 by maintainers)
Top Results From Across the Web
A Guide to Optimizing and Serving Scaled Images - AnoLogix
In this guide, we will go over what a scaled image is, the benefits of serving scaled images, and how to serve them...
Read more >Image sizing and scaling in SharePoint modern pages
Image sizing and scaling in SharePoint modern pages ... Depending on the layout, images in the News web part can be 4:3, 16:9,...
Read more >How to Serve Scaled Images on Your WordPress ... - ThemeIsle
Speed testing tool telling you to serve scaled images? Here's how you can scale your images manually or with WordPress plugins.
Read more >Images suddenly scaled on upload | WordPress.org
Image complexity or compression doesn't seem to matter: a solid color image is scaled, as is a JPG saved at 50% quality. An...
Read more >How to Easily Serve Scaled Images in WordPress (Step by Step)
Method 2: Serving Scaled Images Manually. You can also scale images without a plugin. There are three ways to do this: you can...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
It might be a good first step to go through https://forum.ghost.org/ posts and ask a question there to see if a solution has already been developed for this issue.
Thank you for reporting this issue.
This is a standard message notifying you that the issue has become stale, so we are going to close it.
If you think we’re wrong in closing this issue, please request for it to be reopened. Thank you and happy coding.