이미지 사전 설정을 사용하면 Adobe Experience Manager Assets에서 동적으로 생성된 다른 크기, 다른 형식 또는 다른 이미지 속성을 사용하여 이미지를 동적으로 전달할 수 있습니다. 각 이미지 사전 설정은 이미지 표시를 위한 크기 및 형식 지정 명령의 사전 정의된 컬렉션을 나타냅니다. 이미지 사전 설정을 만들 때 이미지 제공 크기를 선택합니다. 또한, 이미지를 볼 수 있도록 전달할 때 이미지의 모양을 최적화하도록 서식 명령을 선택할 수도 있습니다.
관리자는 자산을 내보내기 위해 사전 설정을 만들 수 있습니다. 사용자는 이미지를 내보낼 때 사전 설정을 선택할 수 있으며, 이 경우 관리자가 지정하는 사양에 맞게 이미지를 재포맷할 수도 있습니다.
응답형 이미지 사전 설정을 만들 수도 있습니다. 응답형 이미지 사전 설정을 자산에 적용하는 경우, 표시되는 장치나 화면 크기에 따라 달라집니다. RGB 또는 회색 외에 색상 공간에서 CMYK를 사용하도록 이미지 사전 설정을 구성할 수 있습니다.
이 섹션에서는 이미지 사전 설정을 만들고, 수정하고, 일반적으로 관리하는 방법을 설명합니다. 미리 볼 때 언제든지 이미지에 이미지 사전 설정을 적용할 수 있습니다. 이미지 사전 설정 적용을 참조하십시오.
스마트 이미징은 기존 이미지 사전 설정에서 작동하며 마지막 전달 순간에 인텔리전스를 사용하여 브라우저 또는 네트워크 연결 속도에 따라 이미지 파일 크기를 더 줄입니다. 자세한 내용은 스마트 이미징 을 참조하십시오.
매크로와 마찬가지로 이미지 사전 설정은 이름 아래에 저장된 크기 및 형식 명령의 사전 정의된 컬렉션입니다. 이미지 사전 설정 작동 방식을 이해하려면 웹 사이트에서 각 제품 이미지를 데스크탑 및 모바일 게재에 대해 서로 다른 크기, 서로 다른 형식 및 압축률을 나타내야 한다고 가정합니다.
Dynamic Media - Scene7 모드에서 이미지 사전 설정은 이미지 자산에 대해서만 지원됩니다.
두 개의 이미지 사전 설정을 만들 수 있습니다. 데스크탑 버전의 경우 500 x 500 픽셀과 모바일 버전의 경우 150 x 150 픽셀이 포함된 픽셀 이미지를 500x500픽셀로 표시하기 위해 Enlarge
라는 두 개의 이미지 사전 설정을 만들고, 이미지를 150 x 150픽셀로 표시하기 위해 Thumbnail
라는 사전 설정을 만듭니다. Enlarge
및 Thumbnail
크기로 이미지를 전달하려면 Experience Manager이 이미지 사전 설정 확대 및 축소판 이미지 사전 설정의 정의를 확인합니다. 그런 다음 Experience Manager은 각 이미지 사전 설정의 크기 및 형식 지정 사양에 따라 이미지를 동적으로 생성합니다.
동적으로 전달될 때 크기가 줄어든 이미지는 선명도와 세부 사항을 잃을 수 있습니다. 이러한 이유로, 각 이미지 사전 설정에는 특정 크기로 전달될 때 이미지를 최적화하는 형식 지정 컨트롤이 포함되어 있습니다. 이러한 컨트롤을 사용하면 웹 사이트나 애플리케이션에 이미지가 전달될 때 이미지가 선명하고 명확하게 표시됩니다.
관리자는 이미지 사전 설정을 만들 수 있습니다. 이미지 사전 설정을 만들려면 처음부터 시작하거나 기존 이미지 사전 설정에서 시작하여 새 이름으로 저장할 수 있습니다.
Experience Manager 로고를 탭하거나 클릭하여 전역 탐색 콘솔에 액세스한 다음, 도구 아이콘을 탭하거나 클릭하고 자산 > 이미지 사전 설정으로 이동하여 Experience Manager에서 이미지 사전 설정을 관리합니다.
자산을 미리 보거나 전달할 때 만들어지는 모든 이미지 사전 설정은 동적 변환으로도 사용할 수 있습니다.
Dynamic Media - Scene7 모드에서는 이미지 사전 설정이 자동으로 게시되므로 이미지 사전 설정을 게시할 필요가 없습니다.
Dynamic Media - 하이브리드 모드에서 이미지 사전 설정을 수동으로 게시해야 합니다.
이미지 사전 설정 게시를 참조하십시오.
자산의 세부 사항 보기에서 표현물을 선택하면 시스템에 다양한 표현물이 표시됩니다. 표시되는 이미지 사전 설정 수를 늘리거나 줄일 수 있습니다. 표시되는 이미지 사전 설정 수를 늘립니다.
이 항목은 Dynamic Media - 하이브리드 모드에만 적용할 수 있습니다.
이러한 파일 형식의 동적 변환을 생성할 수 있도록 AI, EPS 및 PDF 파일 수집을 지원하려는 경우 이미지 사전 설정을 만들기 전에 다음 정보를 검토하십시오.
Adobe Illustrator의 파일 형식은 PDF의 변형입니다. Experience Manager 자산 컨텍스트에서 주요 차이점은 다음과 같습니다.
하위 자산은 전체 DAM Update Asset
워크플로우 내에서 Create Sub Asset process
구성 요소에 의해 만들어집니다. 워크플로우 내에서 이 프로세스 구성 요소를 보려면 도구 > 워크플로우 > 모델 > DAM 자산 업데이트 > 편집을 탭하십시오.
또한 다중 페이지 파일의 페이지 보기를 참조하십시오.
자산을 열 때 하위 자산이나 페이지를 보고, 컨텐츠 메뉴를 탭하고 하위 자산 또는 페이지를 선택할 수 있습니다. 하위 자산은 실제 자산입니다. 즉, PDF 페이지는 Create Sub Asset
워크플로우 구성 요소에 의해 추출됩니다. 그런 다음 기본 자산 아래의 page1.pdf
, page2.pdf
등으로 저장됩니다. 저장되면 DAM Update Asset
워크플로우가 처리합니다.
Dynamic Media을 사용하여 AI, EPS 또는 PDF 파일에 대한 동적 렌디션을 미리 보고 생성하려면 다음 처리 단계를 수행해야 합니다.
DAM Update Asset
워크플로우에서 Rasterize PDF/AI Image Preview Rendition
프로세스 구성 요소는 구성된 해상도를 사용하여 원본 자산의 첫 페이지를 cqdam.preview.png
표현물로 래스터화합니다.
그런 다음 cqdam.preview.png
렌디션은 워크플로우 내의 Dynamic Media Process Image Assets
프로세스 구성 요소에 의해 PTIFF에 최적화됩니다.
DAM 자산 업데이트 워크플로우에서 EPS 축소판 그림 단계에서는 EPS 파일의 미리 보기를 생성합니다.
메타데이터 속성 | 설명 |
---|---|
dam:Physicalwidthininches |
문서 너비(인치) |
dam:Physicalheightininches |
문서 높이(인치) |
DAM Update Asset
워크플로우를 통해 Rasterize PDF/AI Image Preview Rendition
프로세스 구성 요소 옵션에 액세스합니다.
왼쪽 상단에 있는 Adobe Experience Manager을 탭하고 도구 > 워크플로우 > 모델로 이동합니다. 워크플로우 모델 페이지에서 DAM 자산 업데이트를 선택한 다음 도구 모음에서 편집을 누릅니다. DAM 자산 업데이트 워크플로우 페이지에서 Rasterize PDF/AI Image Preview Rendition
프로세스 구성 요소를 두 번 탭하여 해당 단계 속성 대화 상자를 엽니다.
PDF 또는 AI 워크플로우를 래스터화하는 인수
프로세스 인수 | 기본 설정 | 설명 |
MIME 유형 | application/pdf application/postscript application/illustrator |
PDF 또는 Illustrator 문서로 간주되는 문서 MIME 유형 목록입니다. |
최대 너비 | 2048년 | 생성된 미리 보기 표현물의 최대 너비(픽셀 단위)입니다. |
최대 높이 | 2048년 | 생성된 미리 보기 표현물의 최대 높이(픽셀 단위)입니다. |
해결 | 72 | 첫 번째 페이지를 ppi(인치당 픽셀 수)로 래스터화하는 해상도. |
기본 프로세스 인수를 사용하면 PDF/AI 문서의 첫 번째 페이지가 72ppi로 래스터화되고 생성된 미리 보기 이미지의 크기가 2048 x 2048픽셀로 지정됩니다. 일반적인 배포의 경우 해상도를 최소 150ppi 이상으로 늘릴 수 있습니다. 예를 들어, 300ppi의 미국 문자 크기 문서는 각각 최대 너비 및 높이가 2550 x 3300픽셀이어야 합니다.
[최대 너비] 및 [최대 높이]는 래스터화할 해상도를 제한합니다. 예를 들어 최대 값이 변경되지 않고 해상도가 300ppi로 설정되는 경우 미국 편지 문서는 186ppi로 래스터화됩니다. 즉, 문서는 1581 x 2046 픽셀입니다.
Rasterize PDF/AI Image Preview Rendition
프로세스 구성 요소에는 메모리에 지나치게 큰 이미지를 만들지 않도록 정의된 최대값이 있습니다. 이러한 큰 이미지는 JVM(Java™ Virtual Machine)에 제공된 메모리를 오버플로할 수 있습니다. 구성된 최대 구성 크기로 이미지를 만들 수 있는 충분한 메모리를 JVM에 제공하여 구성된 병렬 워크플로우 수를 관리할 수 있도록 해야 합니다.
이 파일 형식의 동적 렌디션을 생성할 수 있도록 INDD 파일 처리를 지원하려는 경우 이미지 사전 설정을 만들기 전에 다음 정보를 검토할 수 있습니다.
InDesign 파일의 경우, Adobe InDesign Server이 Experience Manager과 통합된 경우에만 하위 자산이 추출됩니다. 참조된 자산은 메타데이터를 기준으로 연결됩니다. InDesign Server은 연결에 필요하지 않습니다. 그러나 InDesign 파일과 참조된 자산 간에 링크를 만들려면 InDesign 파일이 처리되기 전에 참조된 자산이 Experience Manager 내에 있어야 합니다.
Experience Manager 자산과 InDesign Server을 참조하십시오.
DAM Update Asset
워크플로우의 미디어 추출 프로세스 구성 요소는 사전 구성된 확장 스크립트를 실행하여 InDesign 파일을 처리합니다.
ExtendScript은 DAM 자산 업데이트 워크플로우의 미디어 추출 프로세스 구성 요소의 인수에 경로를 지정합니다.
다음 스크립트는 Dynamic Media 통합에서 사용됩니다.
ExtendScript 이름 | 기본값 | 설명 |
ThumbnailExport.jsx | 예 | Dynamic Media Process Image Assets 프로세스 구성 요소에 의해 최적화되고 PTIFF 표현물로 변하는 300ppi thumbnail.jpg 변환을 생성합니다. |
JPEGPagesExport.jsx | 예 | 각 페이지에 대해 300PPI JPEG 하위 자산을 생성합니다. JPEG 하위 자산은 InDesign 자산 아래에 저장된 실제 자산입니다. 또한 최적화되어 DAM Update Asset 워크플로우에 의해 PTIFF로 바뀝니다. |
PDFPagesExport.jsx | 아니오 | 각 페이지의 PDF 하위 자산을 생성합니다. PDF 하위 자산은 앞에서 설명한 대로 처리됩니다. PDF에는 단일 페이지만 포함되어 있으므로 하위 자산이 생성되지 않습니다. |
DAM 자산 업데이트 워크플로우에서 이러한 설정을 구성하여 축소판의 크기를 구성할 수 있습니다. 워크플로우에서는 이미지 자산의 축소판 크기를 구성할 수 있는 두 가지 단계가 있습니다. (Dynamic Media Process Image Assets)는 동적 이미지 자산에 사용되고 (Process Thumbnail)은 정적 축소판 생성을 위한 것이거나 다른 모든 프로세스가 축소판을 생성하지 못할 경우 모두 동일한 설정을 가져야 합니다.
Dynamic Media 이미지 자산 처리 단계에서는 이미지 서버에서 미리 보기가 생성되며 이 구성은 축소판 처리 단계에 적용되는 구성과 독립적입니다. 축소판 처리 단계를 통해 축소판을 생성하는 것은 축소판을 만드는 가장 느리고 메모리 집약적인 방법입니다.
축소판 크기 조절은 다음 형식으로 정의됩니다. width:height:center(예: 80:80:false
). 너비와 높이는 축소판의 크기(픽셀 단위)를 결정합니다. 가운데 값은 false 또는 true이고, true로 설정하면 축소판 이미지의 크기가 구성에 지정된 크기와 정확히 일치함을 나타냅니다. 크기가 조정된 이미지가 더 작으면 축소판 안에 가운데에 표시됩니다.
EPS 파일의 축소판 크기는 축소판 그림 아래의 인수 탭의 EPS 축소판 그림 단계에서 구성됩니다.
비디오의 축소판 크기는 FFmpeg 축소판 그림 단계의 인수 아래의 프로세스 탭에 구성됩니다.
이미지 축소판 크기를 구성하려면
도구 > 워크플로우 > 모델 > DAM 자산 업데이트 > 편집을 탭합니다.
Dynamic Media 이미지 자산 처리 단계를 탭하고 축소판 탭을 탭하거나 클릭합니다. 필요에 따라 축소판 크기를 변경한 다음 확인을 누릅니다.
축소판 처리 단계를 누른 다음 축소판 탭을 탭합니다. 필요에 따라 축소판 크기를 변경한 다음 확인을 누릅니다.
축소판 처리 단계의 축소판 인수 값은 Dynamic Media 이미지 자산 처리 단계의 축소판 인수와 일치해야 합니다.
저장을 눌러 변경 사항을 워크플로우에 저장합니다.
만드는 이미지 사전 설정은 자산을 미리 볼 때 동적 변환으로 사용할 수 있습니다. Experience Manager은 세부 사항 보기 > 표현물에서 자산을 볼 때 다양한 동적 표현물을 보여줍니다. 표시되는 표현물의 제한을 늘리거나 줄일 수 있습니다.
표시되는 Dynamic Media 이미지 사전 설정 수를 늘리거나 줄입니다.
CRXDE Lite(https://localhost:4502/crx/de)로 이동합니다.
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist
에서 이미지 사전 설정 목록 노드로 이동합니다.
limit 속성에서 기본적으로 15로 설정된 값을 원하는 숫자로 변경합니다.
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource
의 이미지 사전 설정 데이터 소스로 이동합니다.
limit 속성에서 숫자를 원하는 숫자(예: {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
)로 변경합니다.
모두 저장을 누릅니다.
Dynamic Media 이미지 사전 설정을 만들면 미리 보거나 게시할 때 이미지에 이러한 설정을 적용할 수 있습니다.
Internet Explorer 9를 사용하는 경우 사전 설정을 만들면 저장 후 바로 사전 설정 목록에 표시되지 않습니다. 이 문제를 해결하려면 IE9용 캐시를 비활성화합니다.
이러한 파일 형식의 동적 렌디션을 생성할 수 있도록 AI, PDF 및 EPS 파일 수집을 지원하려는 경우 이미지 사전 설정을 만들기 전에 다음 정보를 검토하십시오.
Adobe Illustrator(AI), Postscript(EPS) 및 PDF 파일 형식을 참조하십시오.
이 파일 형식의 동적 렌디션을 생성할 수 있도록 INDD 파일 처리를 지원하려는 경우 이미지 사전 설정을 만들기 전에 다음 정보를 검토할 수 있습니다.
InDesign(INDD) 파일 형식을 참조하십시오.
Dynamic Media 이미지 사전 설정을 만들려면 Experience Manager 관리자 또는 Admin Console 관리자로서의 관리자 권한이 있어야 합니다.
Dynamic Media 이미지 사전 설정을 만들려면:
Experience Manager에서 Experience Manager 로고를 탭하여 전역 탐색 콘솔에 액세스한 다음, 도구 > 자산 > 이미지 사전 설정을 탭합니다.
만들기를 클릭합니다. 이미지 사전 설정 편집 창이 열립니다.
이 이미지 사전 설정을 응답형으로 만들려면 width 및 height 필드의 값을 지우고 비워 둡니다.
이름을 포함하여 기본 및 고급 탭에 값을 적절하게 입력합니다. 옵션은 이미지 사전 설정 옵션에 요약되어 있습니다. 사전 설정은 왼쪽 창에 나타나며 다른 자산과 함께 즉시 사용할 수 있습니다.
저장을 클릭합니다.
응답형 이미지 사전 설정을 만들려면 이미지 사전 설정 만들기에서 단계를 수행하십시오. 이미지 사전 설정 편집 창에서 높이 및 너비를 입력할 때 값을 지우고 비워 둡니다.
이 필드를 비워 두면 Experience Manager이 이 이미지 사전 설정이 응답형임을 알려줍니다. 다른 값을 적절하게 조정할 수 있습니다.
자산에 이미지 사전 설정을 적용할 때 URL 및 RESS 단추를 보려면 자산을 게시해야 합니다.
Dynamic Media - Scene7 모드에서는 이미지 사전 설정 및 이미지 자산이 자동으로 게시됩니다.
Dynamic Media - 하이브리드 모드에서 이미지 사전 설정 및 이미지 자산을 수동으로 게시해야 합니다.
이미지 사전 설정을 만들거나 편집할 때 이 섹션에 설명된 옵션이 있습니다. 또한 Adobe은 다음과 같은 "우수 사례" 선택 사항을 시작할 것을 권장합니다.
형식 ( 기본 탭) - 요구 사항에 맞는 JPEG 또는 다른 형식을 선택합니다. 모든 웹 브라우저는 JPEG 이미지 형식을 지원합니다. 작은 파일 크기와 이미지 품질 간의 균형이 잘 유지됩니다. 그러나 JPEG 형식 이미지는 압축 설정이 너무 낮으면 원하지 않는 이미지 아티팩트를 가져올 수 있는 손실 압축 체계를 사용합니다. 이러한 이유로 Adobe은 압축 품질을 75로 설정할 것을 권장합니다. 이 설정은 이미지 품질과 작은 파일 크기 간의 균형을 잘 맞춥니다.
단순 선명도 사용 - [단순 선명도 사용]을 선택하지 마십시오 (이 선명도 필터는 [언샵 마스킹 설정]보다 덜 제어함).
선명하게 하기: 재샘플링 모드 - Bi-Cubic을 선택합니다.
필드 | 설명 |
이름 | 공백 없이 수사적 이름을 입력합니다. 사용자가 이 이미지 사전 설정을 식별하는 데 도움이 되도록 이름에 이미지 크기 사양을 포함하십시오. |
폭과 높이 | 이미지가 전달되는 크기를 픽셀 단위로 입력하십시오. 너비와 높이는 0픽셀보다 커야 합니다. 두 값 중 하나가 0이면 사전 설정이 만들어지지 않습니다. 두 값이 모두 비어 있으면 응답형 이미지 사전 설정이 만들어집니다. |
형식 | 메뉴에서 형식을 선택합니다. JPEG을 선택하면 다음과 같은 추가 옵션이 제공됩니다.
선택
GIF 또는
알파가 있는 GIF는 다음과 같은 추가 기능을 제공합니다
GIF 색상 양자화 옵션:
선택
PDF,
TIFF 또는
알파를 사용하는 TIFF는 다음 추가 옵션을 제공합니다.
PNG, 알파, 또는 EPS를 선택하면 추가 옵션이 없습니다. |
선명하게 하기 | 모든 크기 조절이 수행된 후 이미지에 기본 선명도 필터를 적용하려면 단순 선명도 사용 옵션을 선택합니다. 선명하게 하면 이미지를 다른 크기로 표시할 때 나타날 수 있는 흐림 효과를 보상하는 데 도움이 됩니다. |
필드 | 설명 |
색상 공간 | 색상 공간의 경우 RGB, CMYK, 또는 회색 음영을 선택합니다. |
색상 프로필 | 작업 프로필과 다른 경우 자산을 변환해야 하는 출력 색상 공간 프로필을 선택합니다. |
렌더링 의도 | 기본 렌더링 의도를 무시할 수 있습니다. 렌더링 의자는 대상 색상 프로필(색상 영역 외)에서 재현할 수 없는 색상에 대해 발생하는 결과를 결정합니다. Render Intent가 ICC 프로파일과 호환되지 않으면 무시됩니다.
|
검은 점 보상 | 출력 프로파일이 이 기능을 지원하는 경우 이 옵션을 선택합니다. 지정한 ICC 프로필과 호환되지 않는 경우에는 Blackpoint 보상이 무시됩니다. |
디더링 | 색상 밴딩 아티팩트를 방지하거나 줄이려면 이 옵션을 선택합니다. |
선명하게 하기 유형 | 없음, 선명 또는 언샵 마스크를 선택합니다.
언샵 마스크에는 다음 옵션이 있습니다.
선명하게 하기는
이미지 선명하게 하기
|
리샘플링 모드 | 재샘플링 모드 옵션을 선택합니다. 이러한 옵션은 이미지를 다운샘플링할 때 이미지를 선명하게 합니다.
|
인쇄 해상도 | 이 이미지를 인쇄할 해상도를 선택하십시오. 기본값은 72픽셀입니다. |
이미지 수정자 | UI에서 사용할 수 있는 일반적인 이미지 설정 외에 Dynamic Media에서는 이미지 수정자 필드에서 지정할 수 있는 다양한 고급 이미지 수정 사항을 지원합니다. 이러한 매개 변수는 이미지 서버 프로토콜 명령 참조에 정의되어 있습니다. 중요 사항: API에 나열된 다음 기능은 지원되지 않습니다.
|
기본 및 고급 탭에서 사용할 수 있는 옵션 외에도 이미지 사전 설정을 정의할 때 더 많은 옵션을 제공하는 이미지 수정자를 정의할 수 있습니다. 이미지 렌더링은 HTTP 프로토콜 참조에 자세히 정의된 이미지 렌더링 API를 사용합니다.
다음은 이미지 수정자로 수행할 수 있는 작업의 몇 가지 기본 예입니다.
일부 이미지 수정자 는 Experience Manager에 사용할 수 없습니다.
op_invert - 음수 이미지 효과를 위해 각 색상 구성 요소를 반전합니다.
&op_invert=1
op_blur - 이미지에 흐림 필터를 적용합니다.
&op_blur=7
결합된 명령 - op_blur 및 op-invert
&op_invert=1&op_blur=7
op_brightness - 밝기를 줄이거나 늘립니다.
&op_brightness=58
opac - 이미지 불투명도를 조정합니다. 전경 불투명도를 줄일 수 있습니다.
opac=29
Experience Manager에서 Experience Manager 로고를 탭하여 전역 탐색 콘솔에 액세스한 다음, 도구 > 자산 > 이미지 사전 설정을 탭합니다.
사전 설정을 선택한 다음 편집을 클릭합니다. 이미지 사전 설정 편집 창이 열립니다.
변경 작업을 수행하고 저장을 클릭하여 변경 내용을 저장하거나 취소를 클릭하여 변경 내용을 취소합니다.
Dynamic Media - 하이브리드 모드를 실행하는 경우 이미지 사전 설정을 수동으로 게시해야 합니다.
(Dynamic Media - Scene7 모드를 실행하는 경우 이미지 사전 설정이 자동으로 게시됩니다. 이 단계를 완료할 필요는 없습니다.)
Dynamic Media - 하이브리드 모드에서 이미지 사전 설정을 게시하려면 다음을 수행하십시오.
Experience Manager에서 Experience Manager 로고를 탭하거나 클릭하여 전역 탐색 콘솔에 액세스하고 도구 아이콘을 탭하거나 클릭하고 자산 > 이미지 사전 설정으로 이동합니다.
이미지 사전 설정 목록에서 이미지 사전 설정 또는 여러 이미지 사전 설정을 선택하고 게시를 클릭하거나 탭합니다.
이미지 사전 설정이 게시되면 상태가 게시 취소에서 게시됨으로 변경됩니다.