Как задать размер картинки в css

Для того чтобы задать необходимый размер картинки, необходимо воспользоваться свойствами: width — ширина картинки, height — высота картинки. Например:

img {
  width: 100px;
  height: 100px;
}

Также можно указать размеры в %, что позволит установить соответствующие размеры в зависимости от размера родительского элемента.

/* родительский блок */
div {
  width: 200px;
}

/* ширина картинки составит 60px */
img {
  width: 30%;
}