Dynamic Media 이미지 사전 설정 관리

이미지 사전 설정을 사용하면 AEM Assets에서 동적으로 생성된 다른 크기, 다른 형식 또는 다른 이미지 속성을 사용하여 이미지를 동적으로 전달할 수 있습니다. 각 이미지 사전 설정은 이미지 표시를 위한 크기 및 형식 지정 명령의 사전 정의된 컬렉션을 나타냅니다. 이미지 사전 설정을 만들 때 이미지 제공 크기를 선택합니다. 또한, 이미지를 볼 수 있도록 전달할 때 이미지의 모양을 최적화하도록 서식 명령을 선택할 수도 있습니다.

관리자는 자산을 내보내기 위해 사전 설정을 만들 수 있습니다. 사용자는 이미지를 내보낼 때 사전 설정을 선택할 수 있으며, 이 경우 관리자가 지정하는 사양에 맞게 이미지를 재포맷할 수 있습니다.

응답형 이미지 사전 설정을 만들 수도 있습니다. 응답형 이미지 사전 설정을 자산에 적용하는 경우, 표시되는 장치나 화면 크기에 따라 달라집니다. RGB 또는 회색 외에 색상 공간에서 CMYK를 사용하도록 이미지 사전 설정을 구성할 수 있습니다.

이 섹션에서는 이미지 사전 설정을 만들고, 수정하고, 일반적으로 관리하는 방법을 설명합니다. 미리 볼 때 언제든지 이미지에 이미지 사전 설정을 적용할 수 있습니다. 자세한 내용은 이미지 사전 설정 적용.

Dynamic Media 이미지 사전 설정 이해

소프트웨어 매크로와 마찬가지로 이미지 사전 설정은 이름 아래에 저장된 크기 및 형식 명령의 사전 정의된 컬렉션입니다. 이미지 사전 설정 작동 방식을 이해하려면 웹 사이트에서 각 제품 이미지가 데스크탑 및 모바일 게재에 대해 서로 다른 크기, 서로 다른 형식 및 압축률을 나타내야 한다고 가정합니다.

두 개의 이미지 사전 설정을 만들 수 있습니다. 데스크탑 버전의 경우 500 x 500 픽셀과 모바일 버전의 경우 150 x 150 픽셀이 포함된 픽셀 두 개의 이미지 사전 설정을 만듭니다. 이 사전 설정은 확대 이미지를 500x500픽셀과 축소판 이미지를 150 x 150픽셀로 표시하기 위해 이미지를 확대 및 축소판 크기로 전달하려면 AEM에서 이미지 사전 설정 확대 및 축소판 이미지 사전 설정의 정의를 확인합니다. 그런 다음 AEM은 각 이미지 사전 설정의 크기 및 형식 지정 사양에 따라 이미지를 동적으로 생성합니다.

동적으로 전달될 때 크기가 줄어든 이미지는 선명도와 세부 사항을 잃을 수 있습니다. 이러한 이유로, 각 이미지 사전 설정에는 특정 크기로 전달될 때 이미지를 최적화하는 형식 지정 컨트롤이 포함되어 있습니다. 이러한 컨트롤을 사용하면 웹 사이트나 애플리케이션에 이미지가 전달될 때 이미지가 선명하고 명확하게 표시됩니다.

관리자는 이미지 사전 설정을 만들 수 있습니다. 이미지 사전 설정을 만들려면 처음부터 시작하거나 기존 이미지 사전 설정에서 시작하여 새 이름으로 저장할 수 있습니다.

Dynamic Media 이미지 사전 설정 관리

AEM 로고를 탭하여 전역 탐색 콘솔에 액세스한 다음, 도구 아이콘을 탭하고 다음 위치로 이동하여 이미지 사전 설정을 관리합니다 자산 > 이미지 사전 설정.

Adobe Illustrator(AI), Postscript(EPS) 및 PDF 파일 형식

이러한 파일 형식의 동적 변환을 생성할 수 있도록 AI, EPS 및 PDF 파일 수집을 지원하려는 경우 이미지 사전 설정을 만들기 전에 다음 정보를 검토할 수 있습니다.

Adobe Illustrator의 파일 형식은 PDF의 변형입니다. AEM Assets 컨텍스트에서 주요 차이점은 다음과 같습니다.

• Adobe Illustrator 문서는 여러 레이어가 있는 단일 페이지로 구성됩니다. 각 레이어는 기본 Illustrator 자산 아래에 PNG 하위 자산으로 추출됩니다.
• PDF 문서는 하나 이상의 페이지로 구성됩니다. 각 페이지는 주 다중 페이지 PDF 문서 아래에 단일 페이지 PDF 하위 자산으로 추출됩니다.

하위 자산은 Create Sub Asset process 전체 내의 구성 요소 DAM Update Asset 워크플로우. 워크플로우 내에서 이 프로세스 구성 요소를 보려면 도구 > 워크플로우 > 모델 > DAM 자산 업데이트 > 편집.

참조 - 다중 페이지 파일의 페이지 보기.

자산을 열 때 하위 자산이나 페이지를 보고, 콘텐츠 메뉴를 탭하고, 을 선택할 수 있습니다 하위 자산 또는 페이지. 하위 자산은 실제 자산입니다. 즉, PDF 페이지는 Create Sub Asset 워크플로우 구성 요소입니다. 그런 다음 page1.pdf, page2.pdf등의 정보를 추가할 수도 있습니다. 저장된 후에는 DAM 자산 업데이트 워크플로우가 처리합니다.

Dynamic Media을 사용하여 AI, EPS 또는 PDF 파일에 대한 동적 렌디션을 미리 보고 생성하려면 다음 처리 단계를 수행해야 합니다.

1. 에서 DAM 자산 업데이트 워크플로우, PDF/AI 이미지 미리 보기 렌디션 래스터화 프로세스 구성 요소는 구성된 해상도를 cqdam.preview.png 변환.

2. 다음 cqdam.preview.png 그런 다음 표현물은 Dynamic Media 처리 이미지 자산 워크플로우 내에서 구성 요소를 처리합니다.

PDF/AI/EPS 자산 메타데이터 속성

액세스할 수 있습니다. PDF/AI 이미지 미리 보기 렌디션 래스터화 다음 방법으로 구성 요소 옵션 처리 DAM 자산 업데이트 워크플로우.

왼쪽 상단에 있는 Adobe Experience Manager을 탭하고 다음 위치로 이동합니다. 도구 > 워크플로우 > 모델. 설정 워크플로우 모델 페이지를 선택하고 DAM 자산 업데이트​를 누르고 도구 모음에서 탭 편집. 설정 DAM 자산 업데이트 워크플로우 페이지에서 두 번 누릅니다 PDF/AI 이미지 미리 보기 렌디션 래스터화 프로세스 구성 요소를 열어 단계 속성 대화 상자

PDF/AI 이미지 미리 보기 변환 옵션 래스터화

PDF 또는 AI 워크플로우를 래스터화하는 인수

기본 프로세스 인수를 사용하면 PDF/AI 문서의 첫 번째 페이지가 72ppi로 래스터화되고 생성된 미리 보기 이미지의 크기가 2048 x 2048픽셀로 지정됩니다. 일반적인 배포의 경우 해상도를 최소 150ppi 이상으로 늘릴 수 있습니다. 예를 들어, 300ppi의 미국 문자 크기 문서는 각각 최대 너비 및 높이가 2550 x 3300픽셀이어야 합니다.

최대 너비 및 최대 높이 래스터화할 해상도를 제한합니다. 예를 들어 최대 값이 변경되지 않고 해상도가 300ppi로 설정되는 경우 미국 편지 문서는 186ppi로 래스터화됩니다. 즉, 문서는 1581 x 2046 픽셀입니다.

다음 PDF/AI 이미지 미리 보기 렌디션 래스터화 프로세스 구성 요소는 메모리에 지나치게 큰 이미지를 만들지 않도록 최대로 정의됩니다. 이러한 큰 이미지는 JVM(Java Virtual Machine)에 제공된 메모리를 오버플로할 수 있습니다. 구성된 최대 구성 크기로 이미지를 만들 수 있는 충분한 메모리를 JVM에 제공하여 구성된 병렬 워크플로우 수를 관리할 수 있도록 해야 합니다.

InDesign(INDD) 파일 형식

이 파일 형식의 동적 렌디션을 생성할 수 있도록 INDD 파일 처리를 지원하려는 경우 이미지 사전 설정을 만들기 전에 다음 정보를 검토할 수 있습니다.

InDesign 파일의 경우 Adobe InDesign 서버가 AEM과 통합된 경우에만 하위 자산이 추출됩니다. 참조된 자산은 메타데이터를 기준으로 연결됩니다. InDesign Server은 연결에 필요하지 않습니다. 그러나 InDesign 파일과 참조된 자산 간에 링크를 만들려면 먼저 InDesign 파일이 AEM 내에 참조되는 자산이 있어야 합니다.

자세한 내용은 AEM Assets과 InDesign Server 통합.

의 미디어 추출 프로세스 구성 요소 DAM 자산 업데이트 워크플로우는 사전 구성된 여러 개의 워크플로우 실행 스크립트 확장 InDesign 파일을 처리하는 중입니다.

다음 스크립트 확장 의 인수에 있는 경로 미디어 추출 프로세스 구성 요소 DAM 자산 업데이트 워크플로우.

다음 스크립트는 Dynamic Media 통합에서 사용됩니다.

이미지 축소판 크기 구성

에서 이러한 설정을 구성하여 축소판의 크기를 구성할 수 있습니다 DAM 자산 업데이트 워크플로우. 워크플로우에서는 이미지 자산의 축소판 크기를 구성할 수 있는 두 가지 단계가 있습니다. 하나(Dynamic Media 처리 이미지 자산)가 동적 이미지 자산 및 다른(프로세스 축소판) 정적 축소판 생성을 위한 경우 또는 다른 모든 프로세스에서 축소판을 생성하지 못하는 경우 둘 다 설정이 같아야 합니다.

With the Dynamic Media Process Image Assets step, thumbnails are generated by the image server, and this configuration is independent of the configuration applied to the Process Thumbnails step. Generating thumbnails through the Process Thumbnails step is the slowest and most memory intensive way to create thumbnails.

축소판 크기 조절은 다음 형식으로 정의됩니다. 너비:height:센터, 예 80:80:false. 너비와 높이는 축소판의 크기를 픽셀 단위로 결정합니다. center 값은 false 또는 true이고, true로 설정하면 축소판 이미지의 크기가 구성에 지정된 크기와 정확히 일치함을 나타냅니다. 크기가 조정된 이미지가 더 작으면 축소판 내에서 가운데에 표시됩니다.

축소판 크기를 구성하려면:

1. 탭 도구 > 워크플로우 > 모델 > DAM 자산 업데이트 > 편집.

2. 탭하기 Dynamic Media 처리 이미지 자산 단계를 수행한 다음 축소판 그림 탭. Change the thumbnail size, as needed, then tap OK.

   

3. Tap the Process Thumbnails step, then tap the Thumbnails tab. 필요에 따라 축소판 크기를 변경하고 탭합니다 확인.

   노트

   The values in the thumbnails argument in the Process Thumbnails step must match the thumbnails argument in the Dynamic Media Process Image Assets step.

4. 탭 저장 워크플로우에 변경 사항을 저장하려면 을 클릭합니다.

표시되는 Dynamic Media 이미지 사전 설정 수를 늘리거나 줄입니다

만드는 이미지 사전 설정은 자산을 미리 볼 때 동적 변환으로 사용할 수 있습니다. AEM에서는 의 자산을 볼 때 다양한 동적 표현물을 보여줍니다 세부 사항 보기 > 표현물. 표시되는 표현물의 제한을 늘리거나 줄일 수 있습니다.

표시되는 Dynamic Media 이미지 사전 설정 수를 늘리거나 줄이려면:

1. 다음으로 이동 CRXDE Lite (http://localhost:4502/crx/de).

2. 다음 위치의 이미지 사전 설정 목록 노드로 이동합니다 /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist

   

3. 에서 제한 속성, 변경 value: 기본적으로 15로 설정되고 원하는 수로 설정됩니다.

4. 의 이미지 사전 설정 데이터 소스로 이동합니다. /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource

   

5. limit 속성에서 숫자를 원하는 숫자로 변경합니다(예: ). {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

6. 탭 모두 저장.

Dynamic Media 이미지 사전 설정 만들기

Dynamic Media 이미지 사전 설정을 만들면 미리 보거나 게시할 때 이미지에 이러한 설정을 적용할 수 있습니다.

이러한 파일 형식의 동적 렌디션을 생성할 수 있도록 AI, PDF 및 EPS 파일 수집을 지원하려는 경우 이미지 사전 설정을 만들기 전에 다음 정보를 검토할 수 있습니다.
자세한 내용은 Adobe Illustrator(AI), Postscript(EPS) 및 PDF 파일 형식.

이 파일 형식의 동적 렌디션을 생성할 수 있도록 INDD 파일 처리를 지원하려는 경우 이미지 사전 설정을 만들기 전에 다음 정보를 검토할 수 있습니다. 자세한 내용은 InDesign(INDD) 파일 형식.

Dynamic Media 이미지 사전 설정을 만들려면:

1. AEM에서 AEM 로고를 탭하여 전역 탐색 콘솔에 액세스합니다.

2. 탭하기 도구 아이콘, 다음 위치로 이동 자산 > 이미지 사전 설정.

3. 탭 만들기.

   

   노트

   To make this image preset responsive, erase the values in the width and height fields and leave them blank.

4. 설정 이미지 사전 설정 편집 페이지에 값을 입력합니다. 기본 및 고급 탭을 적절하게 지정합니다(이름 포함). The options are outlined in Image Preset Options. Presets appear in the left pane and can be used on-the-fly with other assets.

   

5. 저장​을 클릭합니다.

응답형 이미지 사전 설정 만들기

응답형 이미지 사전 설정을 만들려면 다음 단계를 수행하십시오. 이미지 사전 설정 만들기. 의 높이와 너비를 입력할 때 이미지 사전 설정 편집 창에서 값을 지우고 비워 둡니다.

이 필드를 비워 두면 AEM에 이 이미지 사전 설정이 응답형임을 알려줍니다. 다른 값을 적절하게 조정할 수 있습니다.

이미지 사전 설정 옵션

이미지 사전 설정을 만들거나 편집할 때 이 섹션에 설명된 옵션이 있습니다. 또한 Adobe은 다음 3가지를 권장합니다 모범 사례 시작할 옵션 선택:

• 형식 (기본 tab) - 선택 JPEG 또는 요구 사항을 충족하는 다른 형식입니다. All web browsers support the JPEG image format; it offers a good balance between small files sizes and image quality. However, JPEG format images use a lossy compression scheme that can introduce unwanted image artifacts if the compression setting is too low. For that reason, Adobe recommends setting the compression quality to 75. This setting offers a good balance between image quality and small file size.
• 단순 선명하게 하기 사용 - 선택하지 않음 단순 선명하게 하기 사용 (이 선명하게 하기 필터는 [언샵 마스킹] 설정보다 덜 제어됩니다.)
• 선명하게 하기: 재샘플링 모드 - 선택 Sharp2.

기본 탭 옵션

고급 탭 옵션

이미지 수정자를 사용하여 이미지 사전 설정 옵션 정의

이외에 기본 및 고급 탭에서 이미지 사전 설정을 정의할 때 더 많은 옵션을 제공하는 이미지 수정자를 정의할 수 있습니다. 이미지 렌더링은 Dynamic Media 이미지 렌더링 API를 사용합니다. API는 HTTP 프로토콜 참조.

다음은 이미지 수정자로 수행할 수 있는 작업의 몇 가지 기본 예입니다.

• op_invert - 음수 이미지 효과를 위해 각 색상 구성 요소를 반전시킨다.

  &op_invert=1
  

  

• op_blur - 이미지에 흐림 효과 필터를 적용합니다.

  &op_blur=25
  

  

• 결합된 명령 - op_blur 및 op-invert

  &op_invert=1&op_blur=25
  

  

• op_brightness - 밝기를 줄이거나 늘립니다.

  &op_brightness=75
  

  

• opac - 이미지 불투명도를 조정합니다. 전경 불투명도를 줄일 수 있습니다.

  opac=50
  

  

이미지 사전 설정 편집

이미지 사전 설정을 편집하려면:

1. AEM에서 AEM 로고를 탭하여 전역 탐색 콘솔에 액세스합니다.

2. 탭하기 도구 아이콘, 다음 위치로 이동 자산 > 이미지 사전 설정.

   

3. 사전 설정을 선택한 다음 를 누릅니다 편집.

4. 설정 이미지 사전 설정 편집 페이지에서 원하는 대로 변경한 다음 저장.

Dynamic Media 이미지 사전 설정 게시

Dynamic Media - 하이브리드 모드를 실행하는 경우 이미지 사전 설정을 수동으로 게시해야 합니다.

Dynamic Media - Scene7 모드를 실행하는 경우 이미지 사전 설정이 자동으로 게시됩니다. 이 단계를 완료할 필요는 없습니다.

Dynamic Media - 하이브리드 모드에서 이미지 사전 설정을 게시하려면:

1. AEM에서 AEM 로고를 탭하여 전역 탐색 콘솔에 액세스합니다.

2. 탭하기 도구 아이콘, 다음 위치로 이동 자산 > 이미지 사전 설정.

3. 이미지 사전 설정 목록에서 이미지 사전 설정 또는 여러 이미지 사전 설정을 선택한 다음 를 누릅니다 게시.

4. 이미지 사전 설정이 게시되면 상태가 게시 취소에서 게시됨으로 변경됩니다.

   

Dynamic Media 이미지 사전 설정 삭제

1. AEM에서 AEM 로고를 탭하여 전역 탐색 콘솔에 액세스합니다.
2. 탭하기 도구 아이콘, 다음 위치로 이동 자산 > 이미지 사전 설정.
3. 사전 설정을 선택한 다음 를 누릅니다 삭제. Dynamic Media에서 삭제를 확인합니다. 탭 삭제.

Business.Adobe.com 리소스

Ecommerce Integrations Automated Onboarding Style System Content Intelligence Theme Editor Managed Cloud