두 설정의 차이는 세로 비율이 긴 이미지를 나란히 배치했을 때 확실한 비교가 가능합니다.
특히 컨테이너의 너비와 높이를 조정할 경우 이미지가 반응하는 방식이 서로 다릅니다.
이 설정에서는 컨테이너의 너비와 높이를 변경하더라도 이미지가 원본 비율을 그대로 유지한 상태로 축소·확대됩니다.
이미지가 컨테이너의 너비를 강제로 채우지 않기 때문에, 너비나 높이를 조정하면 이미지 위젯 내부 양옆에 여백이 생길 수 있습니다.
이미지 채우기로 설정하면 이미지는 컨테이너의 너비를 100% 기준으로 가득 채운 상태가 됩니다.
컨테이너 너비에 맞춰 자동으로 조정되므로, 너비나 높이를 변경해도 이미지 위젯 내부 양옆에 여백이 생기지 않습니다.
또한 원본 비율 유지 옵션이 활성화된 경우, 높이는 원본 비율에 맞춰 자동으로 계산되어 적용됩니다.
이미지 채우기 상태에서 높이를 고정하면, 이미지는 컨테이너의 너비를 100% 채운 상태를 유지하면서 컨테이너 높이에 맞춰 중앙 기준으로 잘려 표시됩니다.