Можно ли автоматически урезать качество изображений в React?

Question

[Даниил]

Предположим мне приходит изображение с бэка в full hd и мне нужно поместить его в небольшую карточку, таких карточек может быть много. Если я буду помещать большое изображение в маленькие карточки, картинка будет искажаться, а мне этого не нужно.
Можно ли как то автоматически урезать разрешение картинки или его качество для конкретных случаев, используя инструменты React или его библиотеки (без Next.js), либо же это должно происходить на сервере?

Answer 1

[VoidVolker]

Да, можно и это надо делать предварительно на сервере специальными утилитами/сервисами. Во-первых - оптимизация трафика, во-вторых - производительности на клиенте.

Answer 2

[Михаил Р.]

Если я буду помещать большое изображение в маленькие карточки, картинка будет искажаться, а мне этого не нужно.

CSS object-fit.

либо же это должно происходить на сервере?

На сервере, сразу получать изображение необходимого размера.