|
|
이미지 미리 보기 대화 상자 옵션 설정
이미지 미리 보기 대화 상자 옵션스마트 오브젝트를 만들거나 Photoshop에서 선택한 항목을 붙여넣으면 [이미지 미리 보기] 대화 상자가 표시됩니다. 이미지를 선택하고 속성 관리자에서 [이미지 편집] 설정 버튼을 클릭할 경우 다른 종류의 이미지에 대해서도 이 대화 상자가 표시됩니다. 이 대화 상자에서는 적절한 색 혼합, 압축 및 품질을 통해 웹에서 바로 사용할 수 있는 이미지의 설정을 정의하고 미리 볼 수 있습니다.
웹에서 바로 사용할 수 있는 이미지는 모든 최신 웹 브라우저에 표시되고 사용자의 시스템 또는 브라우저에 관계없이 동일하게 표시됩니다. Photoshop 이미지를 삽입하면 [이미지 미리 보기] 대화 상자에서 웹 게시를 최적화하도록 여러 설정을 조정할 수 있습니다. 일반적으로 설정은 품질과 파일 크기에 상반된 영향을 미칩니다.
참고: 선택한 모든 설정은 내보낼 버전의 이미지 파일에만 영향을 미칩니다. 원본 Photoshop PSD 또는 Fireworks PNG 파일은 항상 변경되지 않습니다.
[이미지 미리 보기] 대화 상자에는 다음 세 가지 섹션이 있습니다.
[옵션] 탭에서는 사용할 파일 형식을 정의하고 색상과 같은 환경 설정을 지정할 수 있습니다.
[파일] 탭에서는 배율 및 이미지의 대상 파일 크기를 설정할 수 있습니다.
[미리 보기] 패널에서는 현재 설정이 적용된 버전의 이미지를 볼 수 있습니다.
[옵션] 탭에서 여러 이미지 옵션을 사용할 수 있고 이러한 옵션은 선택한 파일 형식에 따라 다릅니다. 여러 GIF 및 JPEG 이미지 옵션 집합은 [저장된 설정] 팝업 메뉴에서 편리하게 사용할 수 있습니다.
JPEG 이미지 옵션JPEG 이미지는 압축 및 [매끄럽게 하기] 옵션을 설정하여 최적화할 수 있으나 색상 팔레트는 편집할 수 없습니다.
- 품질
- 슬라이더를 사용하여 이미지 품질을 높이거나 낮춥니다. 품질이 좋아지면 파일의 크기가 커집니다.
- 매끄럽게 하기
- 필요한 만큼 이미지를 더 매끄럽게 만들 수 있습니다. 이미지 품질이 낮을수록 큰 값이 필요합니다.
- 점진적인 브라우저 표시
- 처음에는 낮은 해상도로 이미지를 표시하고 다운로드하는 동안 점진적으로 해상도를 높입니다. 기본적으로 선택되어 있지 않습니다.
- 색상 가장자리를 선명하게
- 이미지의 품질을 높일 수 있습니다.
- 매트
- 이미지 배경을 설정할 수 있습니다. [매트] 대화 상자에서 투명도 아이콘을 클릭하여 32-bpc(채널당 비트 수) PNG의 투명도를 유지할 수 있습니다. [매트]를 사용하면 매트 색상을 대상 배경에 일치시켜 캔버스 위에 있는 경계가 부드러운 객체에 앤티 앨리어스를 적용할 수도 있습니다.
- 사용하지 않는 색상 제거
- 이미지에서 사용하지 않는 색상을 제거하여 파일 크기를 줄입니다.
- 크기에 맞춰 최적화
- KB 단위로 이미지 크기를 지정합니다. 8-bpc 이미지의 경우 마법사에서는 색상 수를 조정하거나 디더링을 통해 파일 크기를 요청에 맞춰 줄이거나 늘립니다.
GIF 및 PNG 이미지 옵션[옵션] 탭에서 GIF 및 8-bpc PNG 이미지의 개별 색상에 대한 투명도 값을 설정하여 해당 색상이 칠해진 영역에서 웹 페이지의 배경이 보이도록 할 수 있습니다. 이렇게 하려면 [옵션] 탭의 왼쪽에서 색상 팔레트를 조정합니다. [최적화] 패널에 32-bpc PNG의 [투명도] 옵션이 표시되지 않더라도 32-bpc 형식인 PNG 이미지에는 투명도가 자동으로 포함됩니다.
- 팔레트
- 기본적으로 [적응]으로 설정됩니다. 미리 설정된 일련의 옵션을 사용하려면 저장된 색상 팔레트 설정 중 하나를 팝업 메뉴에서 선택합니다
- 손실
- 기본적으로 0으로 설정됩니다. PNG 이미지에는 적용되지 않습니다.
- 디더
- 누락된 색상으로 혼합되도록 유사한 색상의 픽셀을 교차하여 현재 팔레트에 없는 색상과 비슷하게 만듭니다. 디더링은 색이 복잡하게 혼합되어 있거나 그라데이션이 적용된 이미지를 내보내거나 GIF와 같은 8-bpc 그래픽 형식으로 사진 이미지를 내보내는 경우 특히 유용합니다. 기본적으로 선택되어 있지 않습니다.
참고: 디더링으로 인해 파일 크기가 대폭 증가할 수 있습니다.
- 색상 수 목록
- 기본적으로 256으로 설정됩니다. 색상 수는 팔레트의 현재 비헤이비어에 따라 다릅니다. 예를 들어 "Web 216" 팔레트는 216가지 색상만 표시합니다.
- 색상 팔레트
- 선택한 팔레트 비헤이비어와 최대 색상 수에 따라 색상 표시가 달라집니다.
- 팔레트 도구
- 팔레트에서 픽셀을 클릭한 다음 이러한 아이콘을 클릭하여 색상을 변경, 추가 또는 삭제하거나 색상을 투명하게, Web Safe 색상으로 또는 잠긴 상태로 만듭니다.
- 투명 색상 선택 아이콘
- 이러한 버튼을 사용하여 팔레트 색상을 선택, 추가 또는 제거할 수 있습니다. 예를 들어, [투명 색상 선택] 옵션을 선택할 경우 팔레트의 픽셀 또는 미리 보기 패널의 색상 점을 클릭하여 투명하게 렌더링할 수 있습니다.
- 투명 팝업 메뉴
- 인덱스, 알파 또는 투명도 없음을 설정할 수 있습니다. 문서 미리 보기의 회색과 흰색으로 이루어진 체커판은 투명한 영역을 나타냅니다. 선택에 따른 이미지의 변화를 확인하려면 이미지 미리 보기에서 2장 또는 4장을 선택하고 원본이 아닌 이미지를 클릭합니다.
- 인덱스
- 투명 영역이 포함된 GIF 이미지를 내보낼 때 인덱스 투명도를 사용합니다. 내보낼 때 투명하게 만들 특정 색상을 인덱스 투명도를 사용하여 설정합니다. 인덱스 투명도를 통해 특정 색상 값의 픽셀을 설정하거나 해제합니다.
- 알파
- 투명 영역이 포함된 8-bpc PNG 이미지를 내보낼 때 알파 투명도를 사용합니다. 알파 투명도를 설정하면 그라데이션 투명도 및 반투명 픽셀을 사용할 수 있습니다.
- 매트
- 이미지 배경을 설정할 수 있습니다. [매트] 대화 상자의 투명도 아이콘을 클릭하여 32-bpc PNG의 투명도를 유지할 수 있습니다. [매트]를 사용하면 매트 색상을 대상 배경에 일치시켜 캔버스 위에 있는 경계가 부드러운 객체에 앤티 앨리어스를 적용할 수도 있습니다.
- 사용하지 않는 색상 제거
- 이미지에서 사용하지 않는 색상을 제거하여 파일 크기를 줄입니다.
- 인터레이스 브라우저 표시
- 처음에는 낮은 해상도로 인터레이스 이미지를 표시하고 다운로드하는 동안 점진적으로 해상도를 최상으로 높입니다. 기본적으로 선택되어 있지 않습니다.
- 크기에 맞춰 최적화
- 이미지 크기를 KB 단위로 지정할 수 있습니다. 8-bpc 이미지의 경우 마법사에서는 색상 수를 조정하거나 디더링을 통해 파일 크기를 요청에 맞춰 줄이거나 늘립니다.
저장된 설정Dreamweaver에서는 사용자의 편의를 위해 여러 옵션 설정을 제공합니다. 선택한 저장된 설정에 따라 위에서 설명한 파일 유형별 이미지 옵션이 달라질 수 있습니다.
- GIF Web 216
- 모든 색상을 좁은 범위의 Web-Safe 색상으로 변환합니다. 색상 팔레트에는 최대 216개의 색상이 포함됩니다.
- GIF Websnap 256
- Web-Unsafe 색상을 가장 유사한 Web-Safe 색상으로 변환합니다. 색상 팔레트에는 최대 256개의 색상이 포함됩니다.
- GIF Websnap 128
- Web-Unsafe 색상을 가장 유사한 Web-Safe 색상으로 변환합니다. 색상 팔레트에는 최대 128개의 색상이 포함됩니다.
- GIF Adaptive 256
- 그래픽에 실제로 사용되는 색상만 포함하는 색상 팔레트입니다. 색상 팔레트에는 최대 256개의 색상이 포함됩니다.
- JPEG - 고품질
- 품질은 80으로, 매끄럽게 하기는 0으로 설정되므로 품질은 좋아지지만 그래픽의 크기가 커집니다.
- JPEG - 작은 파일
- 품질은 60으로, 매끄럽게 하기는 2로 설정되므로 그래픽의 크기는 품질이 뛰어난 JPEG의 절반으로 줄어들지만 품질이 떨어집니다.
(선택 사항) 파일 탭에서 이미지 비율 또는 내보내기 영역 옵션 변경[파일] 탭을 선택합니다.
다음 중 한 가지 방법으로 이미지를 축소하거나 확대합니다.
이미지 비율을 다시 지정할 때 원래의 가로/세로 비율을 유지하려면 [제한]을 선택합니다.
[내보내기 영역] 옵션을 선택하고 다음 중 하나를 수행하여 삽입된 이미지의 모양을 변경합니다.
(선택 사항) 미리 보기 패널에서 이미지를 미리 보고 조정[이미지 미리 보기] 대화 상자에서 설정이 적용된 이미지 모양을 확인하려면 [미리 보기] 옵션을 선택합니다. 성능이 중요한 경우 이 옵션의 선택을 취소할 수 있습니다.
미리 설정된 일련의 옵션을 사용하려면 [저장된 설정] 팝업 메뉴에서 저장된 색상 팔레트 설정 중 하나를 선택합니다.
이미지가 미리 보기 영역보다 클 경우 포인터 도구를 사용하여 미리 보기 이미지를 선택한 다음, 다른 부분을 볼 수 있도록 상하/좌우로 이동합니다.
자르기 도구를 사용하여 이미지 크기를 줄입니다. 전체 이미지를 보려면 먼저 이미지를 축소해야 할 수도 있습니다.
미리 보기 이미지를 확대하거나 축소하여 보려면 [확대/축소] 팝업 메뉴에서 값을 선택합니다. 또는 [돋보기] 도구를 선택한 다음, 이미지를 클릭하여 확대하거나 Alt 키(Windows) 또는 Option 키(Macintosh)를 누른 채 이미지를 클릭하여 축소할 수도 있습니다.
미리 보기 패널 아래쪽에 있는 2장 또는 4장 버튼을 클릭하고 각 구역에 대해 다른 색상 팔레트를 선택하여 두 개 또는 네 개의 서로 다른 최적화 이미지를 미리 볼 수 있습니다.
참고: [이미지 미리 보기] 대화 상자의 애니메이션 컨트롤은 Photoshop 이미지에 대해 항상 비활성화됩니다.
|