Bisakah saya mengubah tinggi gambar secara proporsional tanpa mengubah lebarnya?
Ya, Anda bisa mengubah tinggi gambar secara proporsional tanpa mengubah lebarnya. Anda bisa melakukan ini dengan mengatur properti height ke tinggi yang diinginkan dan mengatur width ke auto .
Berikut adalah contoh bagaimana Anda bisa melakukannya:
.modal-image {
width: auto; /* This will keep the aspect ratio of the image */
height: 100px; /* Change this to the desired height */
}
Dalam contoh ini, tinggi gambar diatur menjadi 100 piksel, dan lebarnya diatur menjadi auto , yang berarti lebarnya akan disesuaikan secara otomatis untuk menjaga rasio aspek gambar.
Ini akan memastikan bahwa gambar Anda tidak terdistorsi atau tampak "ditarik" ketika ukurannya diubah. Namun, perlu diingat bahwa ini tidak akan meningkatkan kualitas gambar jika gambar tersebut memiliki resolusi yang rendah untuk dimulai. Selalu pastikan untuk menggunakan gambar dengan resolusi yang cukup tinggi untuk ukuran yang Anda inginkan.