> For the complete documentation index, see [llms.txt](https://docs.crowdworks.kr/crowdworks-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.crowdworks.kr/crowdworks-docs/project/annotation/advanced-fields/take-picture.md).

# Take Picture

모바일 이미지 수집 필드

**How To..**

사진 촬영은 Mobile에서만 작동되며, PC Web의 경우에는 화면에 노출은 되지만 작동은 하지 않습니다.

<figure><img src="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FvXHtSePYRUvdGpYnqyUi%2Ftake%20picture.png?alt=media&amp;token=5dfafaba-a0c5-4c55-bf2a-02fc9d572b91" alt=""><figcaption></figcaption></figure>

### General (기본 설정 항목)

* Field Label
  * 작업자에게 전달할 타이틀, 설명 등을 자유롭게 작성하시면 됩니다.
    * 별도의 제한사항은 없습니다.
    * 입력하지 않아도 무관하며, 입력하지 않을 경우에는 Input Box만 노출되게 됩니다.
* Button Label
  * 버튼 명을 설정합니다.
    * 별도의 제한사항은 없습니다.
    * 입력하지 않아도 무관하며, 입력하지 않을 경우에는 아이콘만 노출되게 됩니다.
* Help Text
  * 참고해야 하는 내용이 있는 경우 사용하면 도움이 됩니다.
* Required
  * 아래 사항을 유의해 주세요.
    * 해당 필드만 단독으로 사용한 경우에는 필수입력 여부를 꼭 Check 해주셔야 합니다.
    * Unchecked 상태라면, 작업자는 아무런 작업을 하지 않고도 작업을 제출할 수 있는 상태입니다.

### Allowed Range (허용 범위 설정)

![](https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FiTgYzVu18uF2jh2H2sVX%2Fimage.png?alt=media\&token=3e7301b5-cbdc-4ca2-93b9-026c4697140e)

* Aspect Ratio
  * 설정된 화면 비율로만 작업 결과물을 수집하게 됩니다.
* Use Guide
  * 사진 촬영 시에 화면 내 피사체 비율을 확인할 수 있도록 가이드 박스를 제공합니다.
  * 아래 [\[이미지 가이드박스 사용하기\]](#guide_line) 항목을 참고해 주세요.
* Use Similarity Detection
  * 작업자가 제출한 이미지 간의 유사도를 검증할 수 있습니다.
  * 아래 [\[이미지 유사도 검증 설정\]](#similarity) 항목을 참고해 주세요.&#x20;
* Use Brightness
  * 이미지 밝기를 설정합니다.
  * 아래 [\[이미지 밝기 설정\]](#brightness) 항목을 참고해 주세요.
* Front or Back
  * 카메라 모드의 전후면 상태를 설정합니다.
* Use Mirror Front Camera
  * 전후면 상태 중 Front 경우에만 해당 옵션 설정이 가능합니다.\
    해당 옵션이 체크된 경우 촬영 시 보이는대로 저장됩니다.

    아래와 같은 경우에 사용하면 도움이 됩니다.

    * 좌우 방향이 중요한 경우
* Flash
  * 플래쉬 사용여부를 제한할 수 있습니다.
    * All 경우에만 작업자가 직접 플래쉬 여부를 선택 가능합니다.
* Resolution
  * 이미지 촬영 최소 사이즈를 설정합니다.&#x20;
  * 아래 [\[이미지 촬영 최소사이즈 설정\]](#undefined) 항목을 참고해 주세요.&#x20;
* File Type
  * jpg, png 등 파일 확장자명을 고를 수 있습니다.
* Use Image Edit
  * 사진 촬영 후에 crop 같이 사진을 편집할 수 있도록 합니다.&#x20;
* Tasks
  * 파일 개수 제한이 필요한 경우 사용합니다.
  * 1\~9999까지 입력 가능하며, 입력하지 않을 경우에는 제한이 걸리지 않습니다.
    * MIn: 최소 업로드 가능 수
    * Max: 최대 업로드 가능 수

## 이미지 촬영 최소사이즈 설정

이미지를 수집하는 과정에서 해당도가 너무 낮은 이미지는 촬영이 불가능하도록 최소한의 사이즈 설정을 할 수 있습니다.(필수입력 사항)

![](https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FROXXuaquEw6rG95Z0gn8%2Fimage.png?alt=media\&token=8e22f83d-dfc0-4ca2-a37a-6a606b6240a9)

##

## 이미지 가이드박스 사용하기 <a href="#guide_line" id="guide_line"></a>

피사체가 고객이 원하는 크기(비율)에 맞게 촬영될 수 있도록 하기 위해, 가이드 라인을 설정하고 이를 카메라에 노출하는 기능입니다. 해당기능을 통해 작업자는 피사체를 해당 가이드라인에 맞게 촬영할 수 있습니다.

![](https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FYsdVsKAnaBT3ZF2oTd8r%2Fimage.png?alt=media\&token=e0ca2893-f597-48db-a5ee-3d409ba41386)

* Use Guide 옵션을 `On` 하면 카메라 촬영 시 필요한 가이드박스가 표시됩니다.
* 설정항목 안내
  * X-Axis, Y-Axis
    * 가이드박스의 시작점(왼쪽 상단)설정
    * %로만 설정 가능
  * Width, Height
    * 가이드박스 시작점으로부터의 넓이, 높이
    * %로만 설정 가능
* 설정된 가이드박스는 검수자 화면에서 아래와 같이 노출됩니다. 따라서, 검수자는 가이드 박스안에 피사체가 정상적으로 들어왔는지 확인이 가능합니다.

<figure><img src="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FntVBrFxAviIpmVTIBJpN%2F%E1%84%8C%E1%85%A1%E1%86%A8%E1%84%8B%E1%85%A5%E1%86%B8%E1%84%80%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%83%E1%85%B3_%E1%84%80%E1%85%A5%E1%86%B7%E1%84%89%E1%85%AE%E1%84%8C%E1%85%A1%E1%84%92%E1%85%AA%E1%84%86%E1%85%A7%E1%86%AB.jpg?alt=media&amp;token=01361f50-a053-43ac-ad54-be6a1e9777b3" alt=""><figcaption></figcaption></figure>

## &#x20;<a href="#undefined" id="undefined"></a>

## 이미지 유사도 검증 설정 <a href="#similarity" id="similarity"></a>

**Use Similarity Detection** 설정을 ON 한 후, Threshold에 유사도 수치를 입력하면, 해당 유사도 기준보다 높은 결과물(이미지)에 대해서 작업자/검수자가 확인할 수 있습니다.&#x20;

* **Threshold** : 이미지 간의 유사도 임계치로 **해당 수치가 0에 가까울수록 유사도가 높습니다.**&#x20;
  * 설정한  Threshold 수치보다 낮을 경우, 유사도 검증의 대상이 됩니다.
  * 입력값 제한
    * Min : 0.00
    * Max : 1.00

작업자가 이미지를 촬영한 후에 유사도 검증이 시작됩니다. 이때, 작업자가 촬영한 이미지와 이미 제출한 이미지 간에 유사도를 검증합니다. 동일한 페이지(dataId)에서는 이미지가 서로 유사하더라도도 유사도 검증이 작동하지 않습니다.&#x20;

![](https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FLcCFD5DnfNsBRWS6Ey7c%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%9C%A0%EC%82%AC%EB%8F%84%20%EA%B2%80%EC%A6%9D.png?alt=media\&token=e75cf556-34a6-4f3c-978c-57f5fc40d443)

작업자는 유사도 검증을 무시하고 자신의 이미지를 저장 및 제출할 수 있습니다. 다만, 검수자는 해당 이미지가 유사도 검증을 통과하지 못했다는 점을 확인 가능합니다.&#x20;

검수자는 제출된 이미지 좌측 하단에 있는 <img src="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FRfDS59OefeDQmr1frBSn%2Fimage.png?alt=media&amp;token=2ba46374-8729-4f43-a881-bd1f2455b95f" alt="" data-size="line"> 버튼을 통해, 작업자가 제출한 이미지 중 유사도가 높았던 이미지 목록을 확인할 수 있습니다.&#x20;

<figure><img src="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FdXxHtzSmoebW7RU9KZoU%2Fimage.png?alt=media&amp;token=7a52c788-5fb4-4cf0-9662-3865b900d305" alt=""><figcaption></figcaption></figure>

## &#x20;<a href="#brightness" id="brightness"></a>

## 이미지 밝기 설정 <a href="#brightness" id="brightness"></a>

<figure><img src="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FleRL9ssWUuSAcQMQGk2r%2Fimage.png?alt=media&amp;token=6b858ec7-f86f-4190-93e2-d3ce18afaa4b" alt="" width="375"><figcaption><p>이미지 밝기 설정 화면</p></figcaption></figure>

Use Brightness 설정을 ON 한 후, Warning과 Rejecting에 밝기 값을 입력하면, 해당 밝기를 충족하지 못하는 결과물(이미지)에 대해서 아래와 같은 자동조치가 가능합니다.

* 자동 반려처리 : 플랫폼 시스템에서 자동으로 해당 결과물을 반려처리합니다.
  * Rejecting 입력항목에 20%를 입력했는데, 작업자가 촬영한 이미지의 밝기가 20%이하이면 제출이 불가능합니다.
* 경고노출 : 작업자에게 적절한 경고메세지가 자동으로 노출됩니다. 다만, 해당 메세지 노출되더라도 작업자는 제출이 가능합니다.
  * 위 예시 이미지에서 Warning 입력항목에 30%를 입력했다면, 작업자가 촬영한 이미지의 밝기가 20%보다 높으면서, 30%이하일 경우 작업자는 경고메세지를 받게 됩니다. 하지만, 제출은 가능합니다.

이미지 밝기 기준 설정은 아래 case를 참고하여 설정을 해주세요.(아래 이미지의 파일명들을 클릭하여, 확인해주세요)

<table data-card-size="large" data-view="cards" data-full-width="true"><thead><tr><th></th><th></th><th></th><th data-card-cover data-type="files"></th><th data-type="content-ref"></th></tr></thead><tbody><tr><td><ul><li>밝기 : 24%</li><li>피사체와 배경이 모두 어두움</li></ul></td><td></td><td></td><td><a href="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FzdugYsXTtqaEmplo1MAN%2Fsample1.jpg?alt=media&amp;token=67e68378-c11b-47a2-950f-bd90de6b01c4">24.jpg</a></td><td></td></tr><tr><td><ul><li>밝기 : 24%</li><li>피사체와 배경이 모두 어두움</li></ul></td><td></td><td></td><td><a href="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2F48rZnDH4fZyj3unoIzVo%2Fsample2.jpg?alt=media&amp;token=6d1a6ed7-12ae-4322-b74a-34522f5ff5a6">24.jpg</a></td><td></td></tr><tr><td><ul><li>밝기 : 51%</li><li>피사체는 어둡지만 배경이 밝아서 밝기가 높음</li></ul></td><td></td><td></td><td><a href="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FivDAvz3pWM9mehSoiEoh%2Fsample3.jpg?alt=media&amp;token=138158eb-555c-4cda-8e22-cc32488c6ff4">51.jpg</a></td><td></td></tr><tr><td><ul><li>밝기 : 49%</li><li>실제로 밝은 사진이지만, 검은색 배경이 있어서 밝기가 높지 않음</li></ul></td><td></td><td></td><td><a href="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FZlP8jrla9YLQuAFkfiFP%2F20221117_113515.jpg?alt=media&amp;token=f709573c-3da5-4365-9a23-ca64fe806688">49.jpg</a></td><td></td></tr><tr><td><ul><li>밝기 : 64%</li></ul></td><td></td><td></td><td><a href="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2Fmdzp8i5XbAY1kkDhrJzE%2F20230121_125358.jpg?alt=media&amp;token=6222b12f-4409-4ed3-b65d-590a390b6770">64.jpg</a></td><td></td></tr><tr><td><ul><li>밝기 : 70%</li></ul></td><td></td><td></td><td><a href="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FND4xo1VL1G0NkWaEvhIi%2F20221127_183336.jpg?alt=media&amp;token=d67d20f0-bb6e-4c71-a20c-9407de574070">70.jpg</a></td><td></td></tr></tbody></table>

## 이미지 그리드 설정 <a href="#grid" id="grid"></a>

피사체를 특정 조건에 해당하는 위치에 모두 들어오도록 촬영하여 이미지를 수집하는 경우가 있습니다. 이 경우 그리드기능을 활용하면 매우 효율적으로 프로젝트를 운영할 수 있습니다.

![](https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2Fp0xQyubjOw2buRo71U4o%2Fimage.png?alt=media\&token=cb348d62-b3b4-4b03-ac76-a7e907ca5d64)

* row : 원하는 행수를 설정할 수 있습니다.
* column : 원하는 열수를 설정할 수 있습니다.

위에서 설정한 숫자에 따라 각 영역은 모두 균등한 크기로 생성됩니다.

위 설정이 된 상태에서 작업자가 모바일 APP에서 이미지 촬영을 진행할 경우, 자동으로 그리드가 생성됩니다. 작업자는 이 그리드에 맞춰서 피사체 촬영을 진행할 수 있습니다.

작업이 제출되면, 해당 그리드는 검수자도 확인이 가능합니다. 즉 검수자는 그리드 조건에 맞춰서 작업이 진행되었는지 확인이 가능합니다. 아래 이미지는 검수자가 작업제출된 이미지를 검수할 때 보는 화면입니다. 만약, 그리드를 없애고 싶다면, <img src="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2F0em8TTTDNcYsGqAUGsfJ%2Fimage.png?alt=media&amp;token=da6a8fc0-656f-4d0a-8672-c571b4ff5951" alt="" data-size="line">아이콘을 클릭하여 그리드를 없앨 수 있습니다.

<figure><img src="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FEfNfiS78i2xfhTmoEa3A%2Fimage.png?alt=media&amp;token=3ea20418-b25b-4bdf-86d9-beddb84b9728" alt=""><figcaption><p>검수자가 이미지를 그리드와 함께 확인하는 화면</p></figcaption></figure>

## 참고사항