# 이미지를 업로드할 때 크기를 조절할 수 있다는 점을 더 명확하게 표시해 주세요

**URL:** <https://meta.discourse.org/t/make-it-more-obvious-an-image-is-resizable-when-uploading-an-image/132030>\
**Category:** UX\
**Created:** [10월 28, 2019, 6:35오전 UTC](https://meta.discourse.org/t/make-it-more-obvious-an-image-is-resizable-when-uploading-an-image/132030 "2019-10-28T06:35:35Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [10월 28, 2019, 10:41오전 UTC](https://meta.discourse.org/t/make-it-more-obvious-an-image-is-resizable-when-uploading-an-image/132030/6 "2019-10-28T10:41:45Z")

</div>

리사이즈 컨트롤을 미리보기에 무조건적으로 표시하는 데에는 세 가지 이유로 아무런 해가 없다고 생각합니다:

첫째, 우리는 컨트롤을 단순히 opacity를 조절하여 “숨기고” 있습니다.

> <https://github.com/discourse/discourse/blob/main/app/assets/stylesheets/common/d-editor.scss#L198>

즉, 컨트롤이 보이지 않더라도 여전히 일정한 공간을 차지합니다. 래퍼는 절대 위치(absolutely positioned)로 설정되어 있지만, `.image-wrapper`에 일부 패딩을 추가하고 있습니다.

둘째, 이렇게 하면 모바일에서도 해당 기능이 작동하게 됩니다. 현재는 작동해야 하는데 제 환경에서는 작동하지 않습니다.

> <https://github.com/discourse/discourse/blob/a8a76198b146d06ce6793d0e0514a8ca93bc993c/app/assets/javascripts/discourse/components/composer-editor.js.es6#L1081-L1083>

셋째, 이렇게 하면 해당 기능의 발견 가능성(discoverability)이 높아집니다.

그 외 대안으로, 개별 이미지가 아닌 미리보기 패널 전체에 마우스를 올렸을 때 모든 이미지의 컨트롤이 보이도록 설정할 수 있습니다. 또한 모바일에서의 문제(내 기기에만 제한된 문제일 수 있음)도 수정할 수 있습니다.

컨트롤을 무조건적으로 보이게 한다면, 그 외관을 더 아름답게 다듬는 데에도 조금 시간을 할애할 수 있습니다.

---

_[View the full topic](https://meta.discourse.org/t/make-it-more-obvious-an-image-is-resizable-when-uploading-an-image/132030)._