question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Scaled images on /news

See original GitHub issue

Describe 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):

  1. Go to https://www.freecodecamp.org/news/
  2. Inspect an image next to an article
  3. See that the width on the screen is 283px
  4. Check the downloaded image
  5. 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: image

Small screen, large image: image

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
ahmadabdolsahebcommented, Jun 16, 2020

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.

0reactions
moT01commented, Jul 27, 2021

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found