HTML'de görsel boyutunu ayarlamak için iki ana yöntem vardır: width ve height nitelikleri ve CSS özellikleri 13.

1. Width ve height nitelikleri ile ayarlama: Bu yöntem, <img> etiketinin içine doğrudan genişlik ve yükseklik değerlerini piksel (px) cinsinden yazmayı içerir 12. Örnek kullanım:

<img src="istanbul.jpg" width="300" height="250" alt="istanbul manzara">
Kopyala

2. CSS özellikleri ile ayarlama: CSS kullanarak görselleri yeniden boyutlandırmak daha esnektir ve responsive tasarım için uygundur 13. Style özelliğine width ve height özelliklerini ekleyerek ayarlama yapılabilir 13:

img {
  width: 200px;
  height: 200px;
}
Kopyala

Ayrıca, max-width özelliği de kullanılarak görselin kutunun genişliğine sığacak şekilde otomatik olarak yeniden boyutlandırılması sağlanabilir 13:

img {
  max-width: 100%;
  height: auto;
}
Kopyala