Как указать правильный размер картинке img?

Question

[Ivan P]

На моем WP сайте https://transscreen.ru/ при написании записей пишу текст записи так:

<br><br><br>
<img rel="preload" as="image"
 title="Для гугла тайтл"
 src="https://telegra.ph/file/43d6ef4f5cd14a161879c.jpg"
 alt="для яндекса"
 rel="nofollow"
 width="auto" height="auto"
 class="alignnone size-medium" />
 <br><br>
 <h4>текст статьи</h4>

Проблема в том что https://pagespeed.web.dev/ говорит что нужно указать размеры картинок:


Указал auto или ставлю 90%....что гугла видимо не устраивает.

Но проблема что если в width=" " height=" " я укажу конкретные размеры например 300px, то картинки будут деформироваться, т к все картинки имеют разные размеры и соотношения сторон.

Как указать размеры для img чтоб они были универсальны и считались определёнными для https://pagespeed.web.dev/ ?

Comments

[Ankhena]

Указывать нужно либо оригинальный размер либо пропорциональный.
А не какие-то там от балды.
И потом уже стилизовать как вам нужно.

[drtvader]

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

[Владимир Брумер]

а Вы читали то, что на Вашем скриншоте написано?_О... Там написано решение Вашего вопроса...