저 아랫글을 보니 최근에 인장 이미지를 수정했다가 비율이 원하는 대로 수정이 되지 않아
고심인 분들이 제법 되지 않을까 싶어 간단하게 알려드리고자 합니다.

*  *  *  *  *

인장 이미지 크기 수정하시는 분들은 html 코드에서 width 값을 수정해서 조절하실텐데,
최근에 인장 이미지 html 코드의 style에 aspect-ratio가 추가되었습니다.

aspect-ratio는 이미지 비율을 조절할 수 있는 속성으로,
단순 width/hight 값으로 이미지 크기를 조절했던 예전의 낡은 방식을 개선한 방법입니다.
인벤이 언제부터 해당 속성을 적용하기 시작했는지 몰라도 아마 최근일겁니다ㄷㄷ


인장 수정에서 HTML 모드로 진입하시면
아래와 같이 style에 aspect-ratio가 적용되어 있는 모습을 보실 수 있습니다.



aspect-ratio값은 다양하게 지정가능 합니다만, 이미지의 가로/세로 비율을 원본과 다르게 수정하실 게 아니라면
auto로 수정한 뒤, width 값을 원하는 크기로 지정하면 됩니다.


저의 경우엔 이미지가 인장에 꽉 차게 설정했으므로 width는 100%를 줬습니다.


혹은 위와 같은 식으로 px값으로 좀 더 정확하게 설정하셔도 됩니다.

이미지 가로/세로 비율을 수정하고 싶은 경우엔 aspect-ratio 값에 1 / 1, 16 / 9 처럼 종횡비를 넣어주시면 됩니다.
ex) aspect-ratio: 1 / 1; 혹은 aspect-ratio: 16 / 9; 등

*  *  *  *  *

이미지 크기 수정이 완료되었다면, 미리보기로 꼭 확인을 하시고 저장하시기 바랍니다.


편집모드에서 보이는 것과 미리보기로 봤을 때 차이가 나는데, 미리보기로 본 모습이 실제 인장의 모습입니다.



aspect-ratio 속성을 아예 지우고 width만으로 이미지 크기를 조절해보려고 했더니
aspect-ratio가 인벤에 업로드하는 모든 이미지에 디폴트 값으로 설정되어 있는지 지워도 지워지지가 않더군요💦.

새로운 방식이 불편할 수도 있겠습니다만 별거 아니니 앞으로 인장 이미지 수정하실 때 참고하시면 좋을듯 합니다.