Только не бейте "палками" , нужна помощь !

[OMGsite]

Объясните дураку как происходит ресайз картинок  , я вот в тексте вставляю и просто катастрофа на мобильной версии ... 
Исходный размер картинки 3456 х 3456

 

[radaevich]

в тексте ресайз не работает, вставляет исходный размер

есть 2 варианта

 

1 - вставлять нормальный размер и задавать ему в коде width="" height="" loading="lazy"
2 - вставлять просто как на скрине, но в стилях задать

селектор текста img {

max-width: нужный размер;

width: 100%;

height: auto;

}

[OMGsite]

13.08.2024 в 17:14, radaevich сказал:

в тексте ресайз не работает, вставляет исходный размер

есть 2 варианта

 

1 - вставлять нормальный размер и задавать ему в коде width="" height="" loading="lazy"
2 - вставлять просто как на скрине, но в стилях задать

селектор текста img {

max-width: нужный размер;

width: 100%;

height: auto;

}

Благодарю за потраченое время !!! 

[radaevich]

Пожалуйста

ещё можно задать object-fit: contain;
чтоб наверняка

но все же советую резать картинки и добавлять то, что я писал выше, так как для продвижения такое разрешение - это перебор, будет ругаться пейджспид

[OMGsite]

13.08.2024 в 17:18, radaevich сказал:

Пожалуйста

ещё можно задать object-fit: contain;
чтоб наверняка

но все же советую резать картинки и добавлять то, что я писал выше, так как для продвижения такое разрешение - это перебор, будет ругаться пейджспид

Город Ха лучший ))) 

[radaevich]

13.08.2024 в 17:44, OMGsite сказал:

Город Ха лучший ))) 

согласен )