html - 有没有办法在不损失图像质量的情况下调整轮播图像的大小？

Question

目前我的轮播中有三张图片，其中包含一个 html 标签:“

我查看了在线解决方案，但没有任何效果。我玩过高度和宽度，但最终图像失真

<div class="carousel-inner">
                 <div class="carousel-item active">
                     <img class="img-fluid" src="img/classic%20physique_frontshotflexed.JPG">
                     <!--Img-fluid resize image while w-100 makes it a feel screen MUST CHANGE LATER -->
                     <div class="carousel-caption">
                         <h5>My First Competition</h5>

我的预期结果是拥有一个高度为 570 像素而不是自动高度大小的完美图像。我能以任何方式实现这一点，我将不胜感激

Answer 1

对于此类图像问题，我所做的是在 photoshop 或 gimp 等照片编辑软件中重新配置尺寸。