На некоторых сайтах для публикации изображения нужно, чтобы оно было определенного разрешения, и зачастую картинку приходится уменьшать, жертвуя качеством. Если вам нужно сохранить исходное качество, воспользуйтесь специальным сервисом: Squoosh позволяет сжать изображение до любого размера, не превратив его в набор пикселей...

Как любой элемент страницы, картинки добавляются с помощью специального тега. Для картинок это тег <img>, с помощью этого тега можно не только вставить картинку, но так же и отформатировать ее по ширине. Основной синтаксис этого тега выглядит так: <img src="путь к изображению" alt="альтернативный текст" height="высота изображения" width="ширина изображения" title="описание картинки"> src (путь к изображению) — это атрибут, который указывает место откуда нужно взять изображение, он может находится непосредственно на сервере или в папке, в таком случае он прописывается как src="/folder/img...