Это где? На сайте (какой браузер)? В каком софте?

Браузер Хром. На странице html в компе, да и на сайте тоже.

какая CMS? если вордпресс, то слишком большие фото (по ширине/высоте) движок оптимизирует автоматически.

Такое ощущение, что чем длиннее фото, тем оно уже.
Сайт на Тильде.
А обычным кодом в VSCode проверяю — то же самое.

А если убрать принудительный минимальный размер скролбокса, то он, при хорошей резкости фото, становится узким.

пробуйте оптимизиовать фото ( по размеру в kb и по ширине/высоте).
так, очень трудно сказать как в Тильде устроен CDN

Но и без Тильды. Запускаю этот код в браузере сам по себе — резкости нет.

Уменьшил размер картинки по ширине до 283px (ширины дива). Результат тот же.

Дайте ссылку посмотреть : ) Лучше в личку

А все три картинки идентичны — цветовое пространство, битность, разрешение, расширение?

Да.

Скорее всего на сервере настроена оптимизация картинок по максимальной ширине и высоте, либо по весу (до мегебайта-двух, например). В превом случае, допустим, фотка 10 000 пикселей, а оптимизация - до 4000. ЦДН ужмет ее до 4000 по высоте, а в коде ее ширина вернется, то есть, фотка физически уменьшится в 2,5 раза, но потом растянется на 100% ширины. Во втором варианте почти то же самое, но высота останется, зато качество будет стремиться к 0. Скорее всего здесь первый вариант, судя по фото.

Просто порежь фото на экраны и сделай в несколько скроллов. Или положи фото себе на сервак или еще куда и дай на него ссыль в хреф уже на тильде.

конечно юзеры мобилок тебя проклянут

Спасибо, Рома ! И всем, кто пытался помочь. В итоге вопрос решился танцами с WEB-бубном.
Радикал нехорошо обрабатывает размер фото.
Пришлось залазить в Google Disk, загружать фото туда, и на выходе он даёт ссылку, которую так просто не вставишь, где и пригождается бубен ) Но в итоге получается очень хорошее фото и нужных размеров.
Так что юзеры мобилок тоже будут довольны ) А своего сервера нет.

а, ну или через гугль, да

лучше вставлять текст кусками, чтоб не тормозил. сначала сделать мастер-пейдж с контейнером под текст, можно вставить туда номер страницы, если есть время. а потом, НЕ В Мастер пейдж , а в самом макете (!) залить какой то логичный кусок и попробовать сделать парочку стилей, это оч важно,прогуглить стили...потом можно просто отформатировать текст.   какой бы шрифт не был, не берите 12кегль.это крупно...может и страниц будет меньше)

вопрос насчет Google web designer^сколько по времени делается макет исходный?

я пилю его уже день и получается полная ерунда. правильно ли я понимаю, что элементы в адаптивном макете могут быть только строго по центру или по краям?

сориентируйте по срокам на макет. я поняла, что опытный верстальщик переверстывает макет за 20 минут, но я графдизайнер и мне нужно просто соответствовать норме выработки

если вообще графдизанеры, которые в основном занимаются брендингом, рекламой, полиграфией, смм и иллюстрациями...в общем, такой профиль и которые фигачат банеры за 20 минут 5 штук...