Show Menu
화제×

Dynamic Media 이미지 프로필

이미지를 업로드할 때 폴더에 이미지 프로필을 적용하여 업로드 시 이미지를 자동으로 자를 수 있습니다.

Crop options

선택할 수 있는 두 가지 이미지 자르기 옵션과 색상 및 이미지 견본 생성을 자동화하는 옵션이 있습니다.
만드는 각 스마트 자르기 생성에는 추가 처리가 필요합니다. 예를 들어 5개 이상의 스마트 자르기 종횡비를 추가하면 자산 처리 속도가 느려질 수 있습니다. 또한 시스템에서 로드가 증가할 수 있습니다. 폴더 수준에서 스마트 자르기를 적용할 수 있으므로 필요한 폴더에서만 ** 사용하는 것이 좋습니다.
옵션 사용 시기 설명
픽셀 자르기 차원만을 기준으로 이미지를 벌크 자르십시오.
이 옵션을 사용하려면 자르기 옵션 드롭다운 목록에서 픽셀 자르기를 선택합니다.
이미지의 양쪽에서 자르려면 이미지의 어느 쪽이나 양쪽에서 자를 픽셀 수를 입력합니다. 이미지 파일의 ppi(인치당 픽셀) 설정에 따라 잘리는 이미지의 양이 달라집니다.
이미지 프로필 픽셀 자르기는 다음과 같은 방식으로 렌더링됩니다.
  • 값은 위쪽, 아래쪽, 왼쪽 및 오른쪽입니다.
  • 왼쪽 상단은 0,0으로 간주되며 픽셀 자르기는 여기에서 계산됩니다.
  • 자르기 시작 지점: 왼쪽은 X, 상쪽은 Y
  • 수평 계산: 원본 이미지의 가로 픽셀 치수에서 [왼쪽]을 뺀 다음 [오른쪽]을 뺀 값.
  • 세로 계산: 세로 픽셀 높이를 위쪽에서 뺀 다음 아래쪽을 뺀 것입니다.
예를 들어 4000 x 3000픽셀 이미지를 가지고 있다고 가정합니다. 값을 사용합니다. Top=250; 아래쪽=500; 왼쪽=300; 오른쪽=700.
(4000-300-700, 3000-250-500 또는 3000,2250)의 칠 공간을 사용하여 왼쪽 상단에서 자르십시오.
스마트 자르기 시각적 초점에 따라 이미지를 대량으로 자릅니다.
Smart Crop은 Adobe Sensei의 강력한 인공 지능(AI)을 사용하여 신속하게 이미지 자르기를 자동화합니다. 스마트 자르기는 모든 이미지의 초점까지 자동으로 감지하여 자르므로 화면 크기와 상관없이 원하는 관심 영역을 캡처할 수 있습니다.
스마트 자르기 기능을 사용하려면 자르기 옵션 드롭다운 목록에서 스마트 자르기 를 선택한 다음 응답형 이미지 자르기 오른쪽에 있는 기능을 활성화(켜기)합니다.
[큰], [보통] 및 [작은]의 기본 중단점 크기는 일반적으로 대부분의 이미지가 모바일 및 태블릿 장치, 데스크톱, 배너에서 사용되는 전체 크기의 범위에 포함됩니다. 원하는 경우 큰, 보통 및 작은 크기의 기본 이름을 편집할 수 있습니다.
중단점을 더 추가하려면 자르기 추가를 클릭합니다 . 자르기를 삭제하려면 [휴지통] 아이콘을 클릭합니다.
색상 및 이미지 견본 각 이미지에 대한 이미지 견본을 벌크 생성합니다.
참고 : 스마트 견본은 Dynamic Media Classic에서 지원되지 않습니다.
제품 이미지에서 색상 또는 텍스처를 보여주는 고품질의 색상 견본을 자동으로 찾아 생성할 수 있습니다.
색상 및 이미지 견본을 사용하려면 자르기 옵션 드롭다운 목록에서 스마트 자르기 를 선택한 다음 색상 및 이미지 견본 오른쪽에 있는 기능을 활성화(켜기)합니다. [너비] 및 [높이] 텍스트 상자에 픽셀 값을 입력합니다.
모든 이미지 자르기는 [변환] 레일에서 사용할 수 있지만 견본은 URL 복사 기능을 통해서만 사용됩니다. 사이트의 견본을 렌더링하려면 고유한 보기 구성 요소를 사용해야 합니다. 회전판 배너만 예외입니다. Dynamic Media는 캐러셀 배너에 사용되는 견본에 대한 보기 구성 요소를 제공합니다.)
이미지 견본 사용
이미지 견본용 URL은 간단합니다. 이것은 다음과 같습니다.
/is/image/company/<asset_name>:Swatch
여기서 :Swatch 는 자산 요청에 추가됩니다.
색상 견본 사용
색상 견본을 사용하려면 다음을 사용하여 req=userdata 요청하십시오.
/is/image/<company_name>/<swatch_asset_name>:Swatch?req=userdata
예를 들어 다음은 Dynamic Media Classic(Scene7)의 견본 자산입니다.
https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch
다음은 견본 자산의 해당 req=userdata URL입니다.
https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata
응답은 req=userdata 다음과 같습니다.
SmartCropDef=Swatch SmartCropHeight=200.0 SmartCropRect=0.421671,0.389815,0.0848564,0.0592593,200,200 SmartCropType=Swatch SmartCropWidth=200.0 SmartSwatchColor=0xA56DB2
다음 URL 예와 같이 XML 또는 JSON 형식으로 req=userdata 응답을 요청할 수도 있습니다.
https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,xml
SmartSwatchColor

언샵 마스크

Unsharp mask ​를 사용하면 최종 다운샘플링된 이미지에 선명 효과 효과를 세밀하게 조정할 수 있습니다. 효과의 강도, 효과의 반경(픽셀 단위 측정) 및 무시될 대비의 임계값을 제어할 수 있습니다. 이 효과는 Adobe Photoshop의 "언샵 마스크" 필터와 동일한 옵션을 사용합니다.
Unsharp mask는 50% 이상 다운샘플링된 PTIFF(피라미드형 tiff) 내의 축소된 변환에만 적용됩니다. 즉, 축소판과 같은 작은 크기의 표현물은 변경되지만 tiff 내의 가장 큰 크기의 변환은 언샵 마스크의 영향을 받지 않습니다(그리고 언샵 마스크 표시).
언샵 마스크 ​다음과 같은 필터링 옵션이 있습니다.
옵션 설명
Controls the amount of contrast applied to edge pixels. 기본값은 1.75입니다. 고해상도 이미지의 경우 최대 5까지 늘릴 수 있습니다. 필터 강도를 측정하기 위해 양을 생각해 보십시오. 범위는 0-5입니다.
반경 선명하게 하기가 적용되는 가장자리 픽셀 주위의 픽셀 수를 결정합니다. 고대비 이미지의 경우 1~2를 입력합니다. 작은 값은 가장자리 픽셀만 선명하게 하고 큰 값은 넓은 폭의 픽셀을 선명하게 합니다. 정확한 값은 이미지의 크기에 따라 다릅니다. 기본값은 0.2입니다. 범위는 0-250입니다.
임계값
Determines the range of contrast to ignore when the unsharp mask filter is applied. 즉, 이 옵션은 가장자리 픽셀로 간주되고 선명하게 되기 전에 선명하게 된 픽셀이 주변 영역과 얼마나 달라야 하는지를 결정합니다. 노이즈를 표시하지 않으려면 0-255 사이의 값을 실험해 봅니다.
Sharpening is described in Sharpening Images .

Creating Dynamic Media Image Profiles

다른 자산 유형에 대한 고급 처리 매개 변수를 정의하려면 자산 처리 구성을 참조하십시오 .
다이내믹 미디어 이미지 프로필을 만들려면
  1. AEM 로고를 누르고 도구 > 자산 > 이미지 프로필로 이동합니다 .
  2. 만들기를 눌러 새 이미지 프로필을 추가합니다.
  3. 프로파일 이름 및 언샵 마스크, 자르기 또는 견본 또는 둘 다에 대한 값을 입력합니다.
    의도한 목적에 맞는 프로필 이름을 사용하는 것이 도움이 될 수 있습니다. 예를 들어 색상 견본만 생성하는 프로파일을 만들려면(즉, 스마트 자르기 기능이 비활성화(꺼짐)되고 색상 및 이미지 견본이 활성화되어 있으면) "스마트 색상 견본"이라는 프로필 이름을 사용할 수 있습니다.
  4. 저장을 누릅니다 . 새로 만든 프로필이 사용 가능한 프로필 목록에 나타납니다.

다이내믹 미디어 이미지 프로필 편집 또는 삭제

  1. AEM 로고를 누르고 도구 > 자산 > 이미지 프로필로 이동합니다 .
  2. 편집하거나 제거할 이미지 프로필을 선택합니다. 편집하려면 이미지 처리 프로필 편집을 선택합니다 . 제거하려면 이미지 처리 프로필 삭제를 선택합니다 .
  3. 편집하는 경우 변경 내용을 저장합니다. 삭제하는 경우 프로필을 제거할 것인지 확인합니다.

폴더에 다이내믹 미디어 이미지 프로필 적용

이미지 프로필을 폴더에 할당하면 모든 하위 폴더는 해당 상위 폴더에서 자동으로 프로필을 상속받습니다. 즉, 하나의 이미지 프로필만 폴더에 할당할 수 있습니다. 따라서 에셋을 업로드, 저장, 사용 및 보관하는 폴더 구조를 주의 깊게 고려합니다.
폴더에 다른 이미지 프로필을 할당하면 새 프로필이 이전 프로필을 덮어씁니다. 이전의 기존 폴더 자산은 변경되지 않습니다. 새 프로필은 나중에 폴더에 추가되는 자산에 적용됩니다.
프로필이 할당된 폴더는 사용자 인터페이스에 카드에 나타나는 프로필 이름으로 표시됩니다.
특정 폴더 또는 모든 자산에 전체적으로 이미지 프로필을 적용할 수 있습니다.
나중에 변경한 기존 이미지 프로필이 이미 있는 폴더에서 자산을 재처리할 수 있습니다. 폴더의 자산에 대한 처리 프로필을 편집한 후 재처리 를 참조하십시오.

특정 폴더에 다이내믹 미디어 이미지 프로필 적용

도구 메뉴 내에서 또는 폴더에 있는 경우 속성 에서 폴더에 이미지 프로필을 적용할 수 있습니다 . 이 섹션에서는 두 가지 방법으로 폴더에 이미지 프로필을 적용하는 방법을 설명합니다.
프로필이 이미 할당된 폴더는 폴더 이름 바로 아래에 프로필 이름이 표시되어 표시됩니다.
나중에 변경한 기존 비디오 프로필이 이미 있는 폴더의 에셋을 다시 처리할 수 있습니다. 폴더의 자산에 대한 처리 프로필을 편집한 후 재처리 를 참조하십시오.

프로필 사용자 인터페이스의 폴더에 다이내믹 미디어 이미지 프로필 적용

  1. AEM 로고를 누르고 도구 > 자산 > 이미지 프로필로 이동합니다 .
  2. 폴더 또는 여러 폴더에 적용할 이미지 프로필을 선택합니다.
  3. 폴더에 처리 프로필 적용을 누르고 새로 업로드된 자산을 받기 위해 사용할 폴더 또는 여러 폴더를 선택하고 적용을 탭/ 클릭합니다 . 프로필이 이미 할당된 폴더는 폴더 이름 바로 아래에 프로필 이름이 표시되어 표시됩니다.

속성의 폴더에 다이내믹 미디어 이미지 프로필 적용

  1. AEM 로고를 누르고 자산으로 이동한 다음 이미지 프로필을 적용할 폴더로 이동합니다.
  2. 폴더에서 확인 표시를 눌러 선택한 다음 속성을 누릅니다 .
  3. 이미지 프로필 탭을 누릅니다. 프로필 이름 드롭다운 목록에서 프로필을 선택한 다음 저장 및 닫기를 누릅니다 . 프로필이 이미 할당된 폴더는 폴더 이름 바로 아래에 프로필 이름이 표시되어 표시됩니다.

전역 동적 미디어 이미지 프로필 적용

폴더에 프로필을 적용하는 것 외에도 AEM 자산에 업로드된 모든 콘텐츠가 선택한 프로필이 적용되도록 전체적으로 적용할 수도 있습니다.
나중에 변경한 기존 비디오 프로필이 이미 있는 폴더의 에셋을 다시 처리할 수 있습니다. 폴더의 자산에 대한 처리 프로필을 편집한 후 재처리 를 참조하십시오.
Dynamic Media 이미지 프로필을 전체적으로 적용하려면 다음을 수행하십시오 .
  1. 다음 중 하나를 수행하십시오.
    • 해당 프로파일로 https://<AEM server&gt;/mnt/overlay/dam/gui/content/assets/foldersharewizard.html/content/dam 이동하여 적용하고 저장을 누릅니다 .
    • 다음 노드로 CRXDE Lite로 이동합니다. /content/dam/jcr:content .
      속성을 추가하고 imageProfile:/conf/global/settings/dam/adminui-extension/imageprofile/<name of image profile> 모두 저장을 누릅니다 .

단일 이미지의 스마트 자르기 또는 스마트 견본 편집

이미지의 스마트 자르기 창의 크기를 수동으로 다시 정렬하거나 크기를 조정하여 초점을 더 세밀하게 조정할 수 있습니다.
스마트 자르기를 편집하고 저장하면 특정 이미지의 자르기를 사용하는 모든 영역에 변경 내용이 전파됩니다.
필요한 경우 스마트 자르기를 다시 실행하여 추가 자르기를 다시 생성할 수 있습니다.
단일 이미지의 스마트 자르기 또는 스마트 견본을 편집하려면 다음을 수행하십시오 .
  1. AEM 로고를 누르고 자산으로 이동한 ​다음 스마트 자르기 또는 스마트 견본 이미지 프로필이 적용된 폴더로 이동합니다.
  2. 폴더를 눌러 내용을 엽니다.
  3. 조정할 스마트 자르기 또는 스마트 견본을 사용하는 이미지를 누릅니다.
  4. 도구 모음에서 스마트 자르기 를 누릅니다 .
  5. 다음 중 하나를 수행합니다.
    • 페이지의 오른쪽 위 모서리 근처에 있는 슬라이더 막대를 왼쪽 또는 오른쪽으로 드래그하여 이미지 표시를 각각 늘리거나 줄입니다.
    • 이미지에서 모서리 핸들을 드래그하여 자르기 또는 견본의 보기 가능한 영역의 크기를 조정합니다.
    • 이미지에서 상자/견본을 새 위치로 드래그합니다. 이미지 견본만 편집할 수 있습니다. 색상 견본은 정적입니다.
    • 이미지 위에서 되돌리기를 눌러 모든 편집 내용을 취소하고 원본 자르기나 견본을 복원합니다.
  6. 페이지의 오른쪽 위 모서리 근처에 있는 저장을 ​누른 다음 닫기를 탭하여 자산의 폴더로 돌아갑니다.

여러 이미지의 스마트 자르기 또는 스마트 견본 편집

스마트 자르기를 포함하는 이미지 프로필을 폴더에 적용하면 해당 폴더의 모든 이미지에 자르기가 적용됩니다. 원하는 경우 여러 이미지의 스마트 자르기 창을 수동으로 재정렬하거나 크기를 조정하여 초점을 세부적으로 조정할 수 있습니다.
스마트 자르기를 편집하고 저장하면 특정 이미지의 자르기를 사용하는 모든 영역에 변경 내용이 전파됩니다.
필요한 경우 스마트 자르기를 다시 실행하여 추가 자르기를 다시 생성할 수 있습니다.
여러 이미지의 스마트 자르기 또는 스마트 견본을 편집하려면 다음을 수행하십시오 .
  1. AEM 로고를 누르고 자산으로 이동한 ​다음 스마트 자르기 또는 스마트 견본 이미지 프로필이 적용된 폴더로 이동합니다.
  2. 폴더에서 추가 작업 (..) 아이콘을 누른 다음 스마트 자르기를 누릅니다 .
  3. 스마트 자르기 편집 페이지에서 다음 중 하나를 수행합니다.
    • 페이지에서 이미지의 보기 크기를 조정합니다.
      중단점 이름 드롭다운 목록 오른쪽에 있는 슬라이더 막대를 왼쪽 또는 오른쪽으로 드래그하여 볼 수 있는 이미지 표시 크기를 변경합니다.
    • 중단점 이름을 기준으로 볼 수 있는 이미지 목록을 필터링합니다. 아래 예에서, 중단점 이름 "보통"에서 이미지가 필터링됩니다.
      페이지의 오른쪽 위 모서리 근처에 있는 드롭다운 목록에서 중단점 이름을 선택하여 표시되는 이미지를 필터링합니다. (위 이미지 참조)
    • 스마트 자르기 상자의 크기를 조정합니다. 다음 중 하나를 수행합니다.
      • 이미지에 스마트 자르기 또는 스마트 색상 견본만 있는 경우 자르기 상자의 모서리 핸들을 드래그하여 자르기 영역의 보기 가능한 크기를 조정합니다.
      • 이미지에 스마트 자르기 및 스마트 색상 견본이 모두 있는 경우 자르기 상자의 모서리 핸들을 드래그하여 자르기의 보기 가능한 영역의 크기를 조정합니다. 또는 이미지 아래의 스마트 견본을 누르거나 클릭한 다음(색상 견본은 정적임) 자르기 상자의 모서리 핸들을 드래그하여 견본의 볼 수 있는 영역의 크기를 조정합니다.
    • 스마트 자르기 상자를 이동합니다. 다음 중 하나를 수행합니다.
      • 이미지에 스마트 자르기 또는 스마트 색상 견본만 있으면 자르기 상자를 새 위치로 드래그합니다.
      • 이미지에 스마트 자르기 및 스마트 색상 견본이 모두 있는 경우 스마트 자르기 상자를 새 위치로 드래그합니다. 또는 이미지 아래의 스마트 견본을 누르거나 클릭한 다음(색상 견본은 정적입니다) 스마트 견본 자르기 상자를 새로운 위치로 드래그합니다.
    • 모든 편집 내용을 실행 취소하고 원본 스마트 자르기 또는 스마트 견본을 복원합니다(현재 편집 세션에만 적용).
      이미지 위에 있는 되돌리기를 누릅니다.
  4. Near the upper-right corner of the page, tap Save . 그런 다음 닫기를 눌러 자산 폴더로 돌아갑니다.

폴더에서 이미지 프로필 제거

폴더에서 이미지 프로필을 제거하면 모든 하위 폴더는 해당 상위 폴더에서 자동으로 프로필 제거를 상속합니다. 그러나 폴더 내에서 발생한 파일 처리는 그대로 유지됩니다.
도구 메뉴 내의 폴더에서 또는 폴더에 있는 경우 속성 에서 이미지 프로필을 제거할 수 ​있습니다. 이 섹션에서는 두 가지 방법으로 폴더에서 이미지 프로필을 제거하는 방법을 설명합니다.

프로필 사용자 인터페이스를 통해 폴더에서 다이내믹 미디어 이미지 프로필 제거

  1. AEM 로고를 누르고 도구 > 자산 > 이미지 프로필로 이동합니다 .
  2. 폴더 또는 여러 폴더에서 제거할 이미지 프로필을 선택합니다.
  3. 폴더에서 처리 프로필 제거를 누르고 프로필을 제거할 폴더 또는 여러 폴더를 선택한 다음 제거를 누릅니다 .
    이름이 더 이상 폴더 이름 아래에 나타나지 않으므로 이미지 프로필이 더 이상 폴더에 적용되지 않도록 확인할 수 있습니다.

속성을 통해 폴더에서 다이내믹 미디어 이미지 프로필 제거

  1. AEM 로고를 누르고 자산 으로 이동한 다음 이미지 프로필을 제거할 폴더로 이동합니다.
  2. 폴더에서 확인 표시를 눌러 선택한 다음 속성을 누릅니다 .
  3. 이미지 프로필 탭을 선택합니다.
  4. 프로필 이름 드롭다운 메뉴에서 없음 ​선택한 다음 저장 및 ​닫기를 누릅니다.
    프로필이 이미 할당된 폴더는 폴더 이름 바로 아래에 프로필 이름이 표시되어 표시됩니다.