mirror of
https://github.com/webstudio-is/webstudio.git
synced 2026-11-07 12:33:36 +09:00
Ivan Starkov
8b22708cc7
## Description Previous PR: #2414 Now, by default, we set the width attribute when adding an image. This change could cause mobile screens to load oversized images—specifically, width * 2. To mitigate this, we're adopting the viewport width descriptor for srcSets. This approach ensures optimized image loading on smaller screens and maintains previous behavior on screens wider than the image's actual size. ## Steps for reproduction Add images of various sizes, see srcSet ## Code Review - [ ] hi @kof, I need you to do - conceptual review (architecture, feature-correctness) - detailed review (read every line) - test it on preview ## Before requesting a review - [ ] made a self-review - [ ] added inline comments where things may be not obvious (the "why", not "what") ## Before merging - [ ] tested locally and on preview environment (preview dev login: 5de6) - [ ] updated [test cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md) document - [ ] added tests - [ ] if any new env variables are added, added them to `.env.example` and the `builder/env-check.js` if mandatory