[Backport M70] fix(auto-edit): Fix low resolution images on low DPI screens #7112
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
closes https://linear.app/sourcegraph/issue/CODY-4995/image-appears-blurred-on-large-screen-compared-to-text
closes https://linear.app/sourcegraph/issue/CODY-4924/auto-edit-improve-image-resolution
Screenshots (Low DPI Display)
This is without the progressive enhancement, i.e. using the default pixel ratio of 1.95
Before
<img width="662" alt="image" src="https://github.com/user-attachments/assets/97f11290-c41d-478f-bc8c-a95c179edc5b" />
After
<img width="663" alt="image" src="https://github.com/user-attachments/assets/072e9822-7aaa-41fb-bd5d-65c506599d8b" />
Screenshots (High DPI Display)
This is without the progressive enhancement, i.e. using the default pixel ratio of 1.95
Before
<img width="646" alt="image" src="https://github.com/user-attachments/assets/d960e8d7-5ea6-4402-a748-fab9e21869c3" />
After
<img width="647" alt="image" src="https://github.com/user-attachments/assets/d75cb094-5314-478e-a3b9-c6897c43b569" />
Test plan
Backport d21d2b7 from #7100