웹 그래픽 형식

웹 그래픽 형식에는 비트맵(래스터) 또는 벡터가 있습니다. 비트맵 형식(GIF, JPEG, PNG 및 WBMP)은 해상도의 영향을 받는 형식입니다. 즉, 비트맵 이미지의 크기와 이미지 품질이 모니터 해상도에 따라 변합니다. 벡터 형식(SVG 및 SWF)은 해상도의 영향을 받지 않는 형식이므로 크기를 늘리거나 줄여도 이미지 품질이 저하되지 않습니다. 벡터 형식에 래스터 데이터가 포함될 수도 있습니다. 

JPEG 최적화 옵션

JPEG는 사진과 같은 연속톤 이미지를 압축하기 위한 표준 형식입니다. 이미지를 JPEG 형식으로 최적화하는 것은 데이터를 선택적으로 버리는 손실 압축 방법입니다.

최적화 설정 A. 파일 형식 메뉴 B. 압축 품질 메뉴 C. 최적화 메뉴

품질

압축 수준을 결정합니다. [품질] 설정이 높을수록 압축 알고리즘에서 더 많은 세부 사항을 유지합니다. 그러나 [품질] 설정이 높으면 낮은 [품질] 설정을 사용할 때보다 파일 크기가 커집니다. 여러 가지 품질 설정으로 이미지를 최적화해 보면서 품질과 파일 크기가 가장 균형을 이룬 이미지를 선택합니다.

최적화

파일 크기가 좀더 작은 향상된 JPEG를 만듭니다. 최대로 압축하려면 [최적화] JPEG 형식을 사용하는 것이 좋으나 오래된 브라우저에서는 이 기능을 지원하지 않는 경우도 있습니다.

점진

웹 브라우저에서 이미지를 점진적으로 표시합니다. 다운로드가 완료되기 전이라도 저해상도 이미지 버전을 볼 수 있도록 이미지가 일련의 오버레이로 표시됩니다. [점진적] 옵션을 사용하려면[최적화된 JPEG] 형식을 사용해야 합니다.

참고:

점진적 JPEG를 표시하는 데는 RAM이 더 많이 필요하며 점진적 JPEG를 지원하지 않는 브라우저도 있습니다.

흐림

이미지에 적용할 흐림 효과의 정도를 지정합니다. 이 옵션을 사용하면 [가우시안 흐림 효과] 필터와 동일한 효과가 적용되며, 파일을 더 많이 압축할 수 있으므로 파일 크기가 더 작아집니다. 0.1에서 0.5 사이로 설정하는 것이 좋습니다.

색상 프로필 포함(Photoshop) 또는 ICC 프로파일 포함(Illustrator)

최적화된 파일에서 색상 프로파일을 보존합니다. 일부 브라우저에서는 색상 프로파일을 색상 교정에 사용합니다.

매트

원본 이미지의 투명한 픽셀에 사용할 칠 색상을 지정합니다. [매트] 색상 견본을 클릭하여 색상 피커에서 색상을 선택하거나, [매트] 메뉴에서 [스포이드 색상](스포이드 샘플 상자의 색상을 사용하려는 경우), [전경색], [배경색], [흰색], [검정] 또는 [기타](색상 피커를 사용하려는 경우) 옵션 중 하나를 선택합니다.

원본 이미지에서 완전히 투명한 픽셀은 선택한 색상으로 칠해지고, 원본 이미지에서 부분적으로 투명한 픽셀은 선택한 색상과 혼합됩니다.

GIF 및 PNG-8 최적화 옵션

GIF는 라인 아트, 로고, 문자가 있는 일러스트레이션 등 세부가 선명한 단색 이미지를 압축하기 위한 표준 형식입니다. PNG-8 형식은 GIF 형식처럼 세부를 선명하게 유지하면서 단색 영역을 효율적으로 압축합니다.

PNG-8과 GIF 파일은 8비트 색상을 지원하므로 최대 256색을 표시할 수 있습니다. 사용할 색상을 결정하는 프로세스를 인덱싱이라고 하므로 GIF 및 PNG-8 형식의 이미지는 인덱싱 색상 이미지라고 하기도 합니다. 이미지를 인덱싱 색상으로 변환할 경우 이미지의 색상을 저장하고 인덱스화하기 위해 색상 검색표가 생성됩니다. 색상 검색표에 원본 이미지의 색상이 없는 경우에는 가장 비슷한 색상을 선택하거나 사용 가능한 색상을 조합하여 해당 색상을 시뮬레이트합니다.

다음 옵션을 사용할 수 있을 뿐 아니라 이미지 색상표의 색상 수를 조정할 수도 있습니다. 자세한 내용은 GIF 및 PNG-8 이미지의 색상표 사용자 정의를 참조하십시오.

손실(GIF에만 해당)

데이터를 선택적으로 버려 파일 크기를 줄입니다. [손실] 값을 높게 설정할수록 더 많은 데이터를 버리게 됩니다. 보통 5에서 10 사이의 [손실] 값을 적용할 수 있으며 이미지의 품질이 떨어지지 않는 범위 내에서 최대 50까지 적용할 수도 있습니다. [손실] 옵션을 사용하면 파일 크기를 5-40% 정도 줄일 수 있습니다.

참고:

[손실] 옵션은 [인터레이스] 옵션이나 노이즈 또는 패턴 디더 알고리즘과 함께 사용할 수 없습니다.

색상 감소 방법 및 색상

색상 검색표를 생성하는 방법과 색상 검색표에 포함할 색상 수를 지정합니다. 다음 색상 감소 방법 중 하나를 선택할 수 있습니다.

가시 범위 사람의 눈으로 감지하기 쉬운 색상을 우선하여 사용자 정의 색상표를 만듭니다.

고감도 [가시 범위] 색상표와 비슷하지만 넓은 색상 영역을 포괄하고 웹 색상을 유지하는 색상표를 만듭니다. 이 색상표는 일반적으로 색상 무결성이 가장 뛰어난 이미지를 생성합니다. [고감도]가 기본 옵션입니다.

주 색상 해당 이미지에 가장 흔히 나타나는 스펙트럼에서 색상을 샘플링하여 사용자 정의 색상표를 만듭니다. 예를 들어, 녹색과 파랑만 포함된 이미지로 만든 색상표는 주로 녹색과 파랑으로 구성되어 있습니다. 대부분의 이미지는 스펙트럼의 특정 영역에 색상이 집중되어 있습니다.

제한 범위(웹) Windows와 Mac OS 8비트(256색) 팔레트에 일반적으로 사용하는 표준 216색 색상표를 사용합니다. 이 옵션을 사용하면 8비트 색상을 사용하여 이미지를 표시하는 경우 색상에 브라우저 디더가 적용되지 않습니다. 이 팔레트를 웹에 적합한 팔레트라고도 합니다. 웹 팔레트를 사용하면 파일 크기가 커질 수 있으므로 브라우저 디더를 피하는 것을 우선해야 하는 경우에만 사용하는 것이 좋습니다.

사용자 정의 사용자가 만들거나 수정한 색상 팔레트를 사용합니다. 기존의 GIF 또는 PNG-8 파일을 열면 사용자 정의 색상 팔레트가 나타납니다.

참고:

[웹 및 장치용으로 저장] 대화 상자의 [색상표] 팔레트를 사용하여 색상 검색표를 사용자 정의할 수 있습니다.

흑백, 회색 음영, Mac OS, Windows 색상 팔레트를 사용합니다.

디더링 방법 및 디더

응용 프로그램 디더링의 방법과 양을 결정합니다. 디더링이란 컴퓨터의 색상 표시 시스템에서 사용할 수 없는 색상을 시뮬레이트하는 방법을 의미합니다. 디더링 비율이 높으면 이미지의 색상과 세부 묘사가 더 많이 나타나지만 파일 크기도 커집니다. 최적 압축을 위해서는 필요한 세부 색상을 제공하는 최저 디더 비율을 사용하십시오. 단색이 주로 사용된 이미지는 디더링을 하지 않는 것이 좋습니다. 연속톤 색상이 포함된 이미지(특히 색상 그라디언트)는 색상 밴딩 현상이 발생하지 않도록 디더링해야 할 수 있습니다.

디더가 0%인 GIF 이미지(왼쪽)와 디더가 100%인 GIF 이미지(오른쪽)

다음 디더링 방법 중 하나를 선택할 수 있습니다.

확산 일반적으로 [패턴] 디더보다 눈에 잘 띄지 않는 임의 패턴을 적용하며 디더 효과가 인접 픽셀로 확산됩니다.

패턴 하프톤과 비슷한 정사각형 패턴을 적용하여 색상표에 없는 모든 색상을 시뮬레이트합니다.

노이즈 [확산] 디더 방법과 유사한 임의 패턴을 적용하지만 인접 픽셀로 패턴이 확산되지 않습니다. [노이즈] 디더 방법을 사용하면 경계가 나타나지 않고 매끄럽게 연결됩니다.

투명도와 매트

이미지의 투명한 픽셀을 최적화하는 방법을 결정합니다.

  • 완전히 투명한 픽셀은 투명하게 만들고 일부만 투명한 픽셀은 색상과 혼합하려면 [투명도]를 선택한 다음 매트 색상을 선택합니다.

  • 완전히 투명한 픽셀은 색상으로 칠하고 일부만 투명한 픽셀은 같은 색상과 혼합하려면 매트 색상을 선택한 다음 [투명도]를 선택 취소합니다.

  • 매트 색상을 선택하려면 [매트] 색상 견본을 클릭하고 색상 피커에서 색상을 선택합니다. 또는 [매트] 메뉴에서 [스포이드 색상](스포이드 샘플 상자의 색상을 사용하려는 경우), [전경색], [배경색], [흰색], [검정] 또는 [기타](색상 피커를 사용하려는 경우) 옵션 중 하나를 선택합니다.

참고:

Photoshop에서는 [전경색] 및 [배경색] 옵션만 사용할 수 있습니다.

투명도와 매트의 예

A. 원본 이미지 B. 매트 색상과 함께 선택한 투명도 C. 매트 없이 선택한 투명도 D. 매트 색상과 함께 선택을 취소한 투명도

투명 디더

[투명도] 옵션을 선택하면 부분적으로 투명한 픽셀을 디더링할 방법을 선택할 수 있습니다.

  • [투명 디더 없음]은 이미지의 부분적으로 투명한 픽셀에 디더를 적용하지 않습니다.

  • [확산 투명 디더]는 일반적으로 [패턴] 디더보다 눈에 잘 띄지 않는 임의 패턴을 적용하며 디더 효과가 인접 픽셀로 확산됩니다. 이 알고리즘을 선택하는 경우에는 [디더] 비율을 지정하여 이미지에 적용되는 디더링 양을 조정합니다.

  • [패턴 투명 디더]는 부분적으로 투명한 픽셀에 하프톤과 비슷한 정사각형 패턴을 적용합니다.

  • [노이즈 투명 디더]는 [확산] 알고리즘과 유사한 임의 패턴을 적용하지만 인접 픽셀로 패턴이 확산되지 않습니다. [노이즈] 알고리즘을 사용하면 경계가 나타나지 않고 매끄럽게 연결됩니다.

패턴 투명 디더(왼쪽)와 웹 페이지 배경에 적용된 예(오른쪽)

인터레이스

이미지 파일 전체를 다운로드하는 동안 브라우저에 이미지의 저해상도 버전을 표시합니다. [인터레이스] 기능을 사용하면 다운로드 시간이 더 짧게 느껴지고 다운로드가 진행 중이라는 것을 사용자가 확인할 수 있지만 파일 크기가 늘어납니다.

웹 스냅

색상을 해당하는 가장 가까운 웹 팔레트 색상으로 바꾸기 위한 허용치 수준을 지정하고 브라우저에서 색상이 디더링되는 것을 방지합니다. 값이 높을수록 더 많은 색상이 바뀝니다.

GIF 및 PNG 이미지에서 투명도 최적화

투명도를 이용해 웹용으로 사각형이 아닌 이미지를 만들 수 있습니다.배경 투명도는 이미지의 투명 픽셀을 보존합니다. 이 경우 이미지의 투명 영역을 통해 웹 페이지의 배경을 볼 수 있습니다. 배경 매트는 웹 페이지 배경과 일치될 수 있는 매트 색상으로 투명 픽셀을 칠하거나 혼합하여 투명도를 시뮬레이트합니다. 웹 페이지 배경이 단색이고 그 색상이 무슨 색인지 안다면 배경 매트가 최상의 효과를 냅니다.

[웹 및 장치용으로 저장] 대화 상자에서 [투명도] 및 [매트] 옵션을 사용하여 GIF 및 PNG 이미지의 투명한 픽셀이 최적화되는 방식을 지정합니다.

  • (GIF 및 PNG-8) 완전히 투명한 픽셀은 투명하게 만들고 일부만 투명한 픽셀은 색상과 혼합하려면 [투명도]를 선택한 다음 매트 색상을 선택합니다.
  • 완전히 투명한 픽셀은 색상으로 칠하고 일부만 투명한 픽셀은 같은 색상과 혼합하려면 매트 색상을 선택한 다음 [투명도]를 선택 취소합니다.
  • (GIF 및 PNG-8) 투명도가 50%보다 큰 픽셀은 모두 완전 투명으로 만들고 투명도가 50% 이하인 픽셀은 모두 완전 불투명으로 만들려면 [투명도]를 선택한 다음 [매트] 메뉴에서 [없음]을 선택합니다.
  • (PNG-24) 여러 수준의 투명도(최대 256개의 수준)를 가진 이미지를 저장하려면 [투명도]를 선택합니다. 여러 수준의 투명도를 가진 이미지는 모든 배경색과 혼합되므로 [매트] 옵션이 비활성화됩니다.

참고:

PNG-24 투명도를 지원하지 않는 브라우저에서는 회색과 같은 기본 배경색 위에 투명한 픽셀이 표시될 수 있습니다.

매트 색상을 선택하려면 [매트] 색상 견본을 클릭하고 색상 피커에서 색상을 선택합니다. 또는 [매트] 메뉴에서 [스포이드 색상](스포이드 샘플 상자의 색상을 사용하려는 경우), [전경색], [배경색], [흰색], [검정] 또는 [기타](색상 피커를 사용하려는 경우) 옵션 중 하나를 선택합니다.

참고:

Photoshop에서는 [전경색] 및 [배경색] 옵션만 사용할 수 있습니다.

최적화된 분할 영역의 색상표 보기

분할 영역의 색상표는 [웹 및 장치용으로 저장] 대화 상자의 [색상표] 패널에 나타납니다.

 GIF 또는 PNG-8 형식으로 최적화된 분할 영역을 선택합니다. 선택한 분할 영역의 색상표는 [웹 및 장치용으로 저장] 색상표에 나타납니다.

이미지에 분할 영역이 여러 개 있는 경우에는 분할 영역마다 색상표의 색상이 다를 수 있습니다. 이러한 상황을 방지하려면 먼저 분할 영역을 연결합니다. 서로 다른 색상표를 사용하는 분할 영역을 여러 개 선택하면 색상표가 비워지고 상태 표시줄에 “혼합”이라는 메시지가 표시됩니다.

GIF 및 PNG-8 이미지의 색상표 사용자 정의

[웹 및 장치용으로 저장] 대화 상자의 색상표를 사용하여 최적화된 GIF 및 PNG-8 이미지의 색상을 사용자 정의합니다. 색상 수를 줄이면 대개 이미지 품질은 유지하면서 이미지 파일 크기를 줄일 수 있습니다.

색상표에 색상을 추가하거나 삭제할 수 있으며, 선택한 색상을 웹에 적합한 색상으로 바꾸거나 팔레트에서 누락되지 않도록 잠글 수 있습니다.

색상표 정렬

정렬 순서는 [색상표] 팔레트 메뉴에서 선택합니다.

  • [정렬하지 않음]을 선택하면 원래 정렬 순서가 복원됩니다.
  • [색조별 정렬]을 선택하면 0도에서 360도까지의 각도로 표시되는 표준 색상환에서의 색상 위치를 기준으로 정렬됩니다. 중간색에는 색조가 0으로 할당되며 빨강과 같은 위치가 지정됩니다.
  • [광도별 정렬]을 선택하면 색상의 밝기 또는 명도를 기준으로 정렬됩니다.
  • [밀도별 정렬]을 선택하면 색상이 이미지에 나타나는 빈도를 기준으로 정렬됩니다.

색상표에 새 색상 추가

색상표를 만들 때 제외된 색상을 추가할 수 있습니다. 동적 색상표에 색상을 추가하면 팔레트의 색상이 새 색상에 가장 비슷하게 바뀝니다. 고정 색상표나 사용자 정의 색상표에 색상을 추가하면 팔레트에 해당 색상이 추가됩니다.

  1. 색상표에 현재 선택된 색상이 있으면 [색상표] 팔레트 메뉴에서 [모든 색상 선택 해제]를 선택하여 선택을 취소합니다.

  2. 다음 중 하나를 수행하여 색상을 선택합니다.

    • [웹 및 장치용으로 저장] 대화 상자에서 [스포이드 색상] 상자를 클릭하고 색상 피커에서 색상을 선택합니다.

    • [웹 및 장치용으로 저장] 대화 상자에서 [스포이드 도구]를 선택하고 이미지를 클릭합니다.

  3. 다음 중 하나를 수행합니다.

    • 색상표에서 [새 색상] 버튼 을 클릭합니다.

    • [색상표] 팔레트 메뉴에서 [새 색상]을 선택합니다.

    • 색상표를 사용자 정의 팔레트로 전환하려면 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누른 채 새 색상을 추가합니다.

      새 색상이 색상표에 나타나고 해당 색상이 잠겨 있음을 나타내는 작은 흰색 정사각형이 색상의 오른쪽 아래 모퉁이에 표시됩니다. 동적 색상표인 경우 원래 색상은 왼쪽 위에 표시되고 새로운 색상은 오른쪽 아래에 표시됩니다.

       

색상표에서 색상 선택

[색상표]에서 선택한 색상 둘레에는 흰색 테두리가 나타납니다.

  • 색상을 선택하려면 [색상표]에서 해당 색상을 클릭합니다.
  • 색상표에서 색상을 여러 개 선택하려면 Shift 키를 누른 채 다른 색상을 클릭합니다. 그러면 첫 번째 선택한 색상과 두 번째 선택한 색상 사이에 있는 행의 모든 색상이 선택됩니다. 인접하지 않은 색상 그룹을 선택하려면 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누른 채 선택하려는 각 색상을 클릭합니다. 색상 선택 명령은 [색상표] 팔레트 메뉴에서 사용할 수도 있습니다.
  • 미리 보기 이미지의 색상을 선택하려면 [웹 및 장치용으로 저장]에서 [스포이드 도구]로 미리 보기를 클릭합니다. 다른 색상을 더 선택하려면 Shift 키를 누른 채 클릭합니다.
  • 모든 색상의 선택을 취소하려면 [색상표] 팔레트 메뉴에서 [모든 색상 선택 해제]를 선택합니다.

색상 바꾸기

색상표에서 선택한 색상을 다른 RGB 색상 값으로 변경할 수 있습니다. 그런 다음 최적화된 이미지를 다시 생성하면 선택한 색상이 이미지에 나타나는 모든 위치에서 새 색상으로 변경됩니다.

  1. 색상표에서 색상을 두 번 클릭하여 기본 색상 피커를 표시합니다.

  2. 색상을 선택합니다.

    원래 색상은 색상 견본의 왼쪽 위에 나타나고 새로운 색상은 오른쪽 아래에 나타납니다. 색상 견본 오른쪽 아래에 표시되는 작은 정사각형은 해당 색상이 잠겨 있음을 나타냅니다. 웹에 적합한 색상으로 바꿀 경우에는 색상 견본 중앙에 작은 흰색 마름모가 나타납니다.

  3. 바꾼 색상을 원래 색상으로 되돌리려면 다음 중 하나를 수행합니다.

    • 바꾼 색상의 색상 견본을 두 번 클릭합니다. 원래 색상이 색상 피커에 선택된 상태로 표시됩니다. [확인]을 클릭하여 색상을 복원합니다.

    • 색상표에서 바꾼 모든 색상(웹에 적합한 색상으로 바꾼 색상 포함)을 되돌리려면 [색상표] 팔레트 메뉴에서 [모든 색상 이동 취소]를 선택합니다.

가장 비슷한 웹 팔레트 색상으로 색상 바꾸기

브라우저에서 색상이 디더링되지 않게 하려면 색상을 웹 팔레트의 가장 유사한 색상으로 바꿉니다. 이렇게 하면 256색만 표시할 수 있는 Windows나 Macintosh 운영 체제에서 브라우저에 색상이 표시될 때 디더링이 수행되지 않습니다.

  1. 최적화된 이미지나 색상표에서 색상을 하나 이상 선택합니다.

  2. 다음 중 하나를 수행합니다.

    • [색상표] 팔레트에서 [웹 이동] 버튼 을 클릭합니다.

    • [색상표] 팔레트 메뉴에서 [선택 색상을 웹 팔레트로 이동/이동 취소]를 선택합니다. 그러면 원래 색상은 색상 견본의 왼쪽 위에 나타나고 새로운 색상은 오른쪽 아래에 나타납니다. 색상 견본 중앙의 작은 흰색 마름모 는 해당 색상이 웹에 적합한 색상임을 나타내며, 색상 견본 오른쪽 아래에 표시되는 작은 정사각형은 해당 색상이 잠겨 있음을 나타냅니다.

  3. 바꾸기 허용치를 설정하려면 [웹 스냅]에 값을 입력합니다. 값이 높을수록 더 많은 색상이 바뀝니다.

  4. 웹에 적합한 색상으로 바꾼 색상을 되돌리려면 다음 중 하나를 수행합니다.

    • 색상표에서 웹에 적합한 색상으로 바꾼 색상을 선택하고 [색상표] 팔레트에서 [웹 이동] 버튼 을 클릭합니다.

    • 색상표에서 웹에 적합한 색상으로 바꾼 모든 색상을 되돌리려면 [색상표] 팔레트 메뉴에서 [모든 색상 이동 취소]를 선택합니다.

투명도에 색상 매핑

투명도에 기존 색상을 매핑하여 최적화된 이미지에 투명도를 추가할 수 있습니다.

  1. 최적화된 이미지나 색상표에서 색상을 하나 이상 선택합니다.

  2. 다음 중 하나를 수행합니다.

    • [색상표] 팔레트에서 [투명도 매핑] 버튼 을 클릭합니다.

    • [색상표] 팔레트 메뉴에서 [선택 색상을 투명에 매핑/매핑 해제]를 선택합니다.

      매핑된 각 색상의 반쪽에 투명도 격자 가 나타납니다. 색상 견본 오른쪽 아래에 표시되는 작은 정사각형은 해당 색상이 잠겨 있음을 나타냅니다.

  3. 투명에 매핑된 색상을 원래 색상으로 되돌리려면 다음 중 하나를 수행합니다.

    • 되돌릴 색상을 선택하고 [투명도 매핑] 버튼 을 클릭하거나 [색상표] 팔레트 메뉴에서 [선택 색상을 투명에 매핑/매핑 해제]를 선택합니다.

    • 투명에 매핑된 모든 색상을 되돌리려면 [투명 색상의 매핑을 모두 해제]를 선택합니다.

색상 잠금 또는 잠금 해제

색상표에서 선택한 색상을 잠그면 색상 수가 감소하는 경우 해당 색상이 누락되지 않도록 할 수 있으며 응용 프로그램에서 해당 색상이 디더링되는 것도 방지할 수 있습니다.

참고:

색상을 잠그더라도 브라우저에서는 해당 색상이 디더링될 수 있습니다.

  1. 색상표에서 색상을 하나 이상 선택합니다.

  2. 다음 중 하나를 수행하여 색상을 잠급니다.

    • [잠금] 버튼 를 클릭합니다.

    • [색상표] 팔레트 메뉴에서 [선택 색상 잠그기/해제]를 선택합니다.

    잠긴 각 색상의 오른쪽 아래에 흰색 정사각형 이 나타납니다.

  3. 다음 중 하나를 수행하여 색상 잠금을 해제합니다.

    • [잠금] 버튼 를 클릭합니다.

    • [색상표] 팔레트 메뉴에서 [선택 색상 잠그기/해제]를 선택합니다.

    색상 견본에서 흰색 정사각형이 없어집니다.

선택한 색상 삭제

색상표에서 선택한 색상을 삭제하면 이미지 파일 크기를 줄일 수 있습니다. 색상을 삭제하면 이전에 해당 색상이 포함되었던 최적화된 이미지 영역은 팔레트에 남아 있는 가장 유사한 색상을 사용하여 다시 렌더링됩니다.

색상을 삭제하면 색상표가 자동으로 [사용자 정의] 팔레트로 변경됩니다. 이미지를 다시 최적화하면 [주 색상], [가시 범위] 및 [고감도] 팔레트에 삭제된 색상이 자동으로 다시 추가되기 때문입니다. [사용자 정의] 팔레트는 이미지를 다시 최적화해도 변경되지 않습니다.

  1. 색상표에서 색상을 하나 이상 선택합니다.

  2. 다음 중 하나를 수행하여 색상을 삭제합니다.

    • [삭제] 아이콘 을 클릭합니다.

    • [색상표] 팔레트 메뉴에서 [색상 삭제]를 선택합니다.

색상표 저장

최적화된 이미지의 색상표를 저장했다가 다른 이미지에 사용하거나 다른 응용 프로그램에서 만든 색상표를 로드할 수 있습니다. 새 색상표를 이미지로 로드하면 최적화된 이미지의 색상이 변경되어 새 색상표의 색상을 반영합니다.

  1. [색상표] 팔레트 메뉴에서 [색상표 저장]을 선택합니다.

  2. 색상표에 이름을 지정하고 색상표를 저장할 위치를 지정합니다. 기본적으로 색상표 파일의 확장명은 .act(Adobe 색상표의 경우)로 지정됩니다.

    GIF 또는 PNG 이미지의 [최적화] 옵션을 선택할 때 색상표에 액세스하려면 Photoshop 응용 프로그램 폴더에 있는 최적화된 색상 폴더에 색상표를 저장합니다.

  3. [저장]을 클릭합니다.

    참고:

    색상표를 다시 로드하면 바뀐 모든 색상이 전체 색상 견본으로 나타나고 잠금 해제됩니다.

색상표 로드

  1. [색상표] 팔레트 메뉴에서 [색상표 불러오기]를 선택합니다.

  2. Adobe 색상표 파일(.act), Adobe 색상 견본 파일(.aco) 또는 GIF 파일(파일에 포함된 색상표를 로드하려는 경우) 중에서 로드하려는 색상표가 들어 있는 파일을 찾습니다.

  3. [열기]를 클릭합니다.

PNG-24 최적화 옵션

PNG-24는 연속톤 이미지를 압축하는 데 적합하지만 JPEG 형식보다 파일 크기가 훨씬 더 큽니다. PNG-24를 사용할 때의 이점은 이미지에서 최대 256개 수준의 투명도를 유지할 수 있다는 점입니다.

투명도와 매트

이미지의 투명 픽셀이 최적화되는 방식을 결정합니다. 자세한 내용은 GIF 및 PNG 이미지에서 투명도 최적화를 참조하십시오.

인터레이스

이미지 파일 전체를 다운로드하는 동안 브라우저에 이미지의 저해상도 버전을 표시합니다. [인터레이스] 기능을 사용하면 다운로드 시간이 더 짧게 느껴지고 다운로드가 진행 중이라는 것을 사용자가 확인할 수 있지만 파일 크기가 늘어납니다.

WBMP 최적화 옵션

WBMP 형식은 휴대폰 등의 이동 장치에 맞게 이미지를 최적화하기 위한 표준 형식입니다. WBMP는 1비트 색상을 지원합니다. 즉, WBMP 이미지에는 검정색 및 흰색 픽셀만 포함됩니다.

디더링 알고리즘 및 비율에 따라 응용 프로그램 디더링의 방법과 양이 결정됩니다. 최적의 모양을 얻으려면 필요한 세부 색상을 제공하는 최저 디더 비율을 사용합니다.

다음 디더링 방법 중 하나를 선택할 수 있습니다.

디더 없음

디더링을 적용하지 않고 이미지를 완전 검정 및 흰색 픽셀로 렌더링합니다.

확산

일반적으로 [패턴] 디더보다 눈에 잘 띄지 않는 임의 패턴을 적용하며 디더 효과가 인접 픽셀로 확산됩니다. 이 알고리즘을 선택하는 경우에는 [디더] 비율을 지정하여 이미지에 적용되는 디더링 양을 조정합니다.

참고:

[확산] 디더를 사용하면 분할 영역 경계가 두드러져 보일 수 있습니다. 분할 영역을 연결하면 연결된 모든 분할 영역 간에 디더 패턴이 확산되어 경계가 없어집니다.

패턴

하프톤과 비슷한 정사각형 패턴을 적용하여 픽셀 값을 결정합니다.

노이즈

[확산] 디더링과 유사한 임의 패턴을 적용하지만 인접 픽셀로 패턴이 확산되지 않습니다. [노이즈] 알고리즘을 사용하면 경계가 나타나지 않고 매끄럽게 연결됩니다.

SWF 최적화 옵션(Illustrator)

Adobe Flash(SWF) 파일 형식은 크기 조절이 가능한 웹용 압축 그래픽을 만들기 위한 벡터 기반 그래픽 파일 형식입니다. 이 파일 형식은 벡터를 기반으로 하므로 해상도에 관계없이 아트워크의 이미지 품질을 유지할 수 있습니다. SWF 형식은 애니메이션 프레임을 만드는 데 이상적인 파일 형식이지만, 래스터 이미지를 SWF 형식으로 저장하거나 래스터 그래픽과 벡터 그래픽을 혼합할 수도 있습니다.

사전 설정

내보내기에 사용할 미리 구성된 옵션 세트를 지정합니다. 필요에 따라 옵션을 설정한 다음 패널 메뉴에서 [설정 저장]을 선택하여 새 사전 설정을 만들 수 있습니다. 패널 메뉴를 열려면 [사전 설정] 메뉴 오른쪽에 있는 삼각형을 클릭합니다.

Flash Player 버전

내보낸 파일을 지원하는 가장 낮은 Flash Player 버전을 지정합니다.

내보내기 유형

레이어 내보내기 방법을 결정합니다. 아트워크를 단일 프레임으로 내보내려면 [Al 파일을 SWF 파일로]를 선택합니다. 각 레이어의 아트워크를 개별 SWF 프레임으로 내보내 애니메이션 SWF를 만들려면 [SWF 프레임에 대한 레이어]를 선택합니다.

참고:

[AI 파일을 SWF 파일로]를 선택하면 레이어 클리핑 마스크가 보존됩니다.

곡선 품질

베지어 곡선의 정확도를 지정합니다. 숫자를 낮게 지정하면 곡선 품질이 약간 낮아져 내보낸 파일 크기가 작아집니다. 숫자를 높게 지정하면 베지어 곡선의 재생성 정확도는 높아지지만 파일 크기가 커집니다.

프레임 속도

Flash Viewer에서 애니메이션이 재생되는 속도를 지정합니다. 이 옵션은 [SWF 프레임에 대한 레이어]에만 사용할 수 있습니다.

루프

Flash Viewer에서 애니메이션을 재생할 때 한 번 재생한 다음 정지하는 것이 아니라 계속 반복 재생하도록 합니다. [SWF 프레임에 대한 레이어]에만 이 옵션을 사용할 수 있습니다.

모양 보존

선을 선 모양 칠로 확장하고 SWF에서 지원되지 않는 혼합 모드 및 투명도를 병합합니다.

편집 가능성 보존

선을 SWF 선으로 변환하고 SWF에서 지원되지 않는 투명도를 가깝게 맞추거나 무시합니다.

참고:

SWF에서는 개체 수준의 불투명도만 지원됩니다.

참고:

각 레이어를 개별 SWF 파일로 내보내 아트워크의 누적 순서를 유지하려면 [웹 및 장치용으로 저장] 명령 대신 [내보내기] 명령을 사용합니다. 그런 다음 내보낸 각 SWF 파일을 Adobe Flash로 동시에 가져올 수 있습니다.

압축

내보낸 파일을 압축합니다.

파일 보호

Flash 이외의 응용 프로그램에서 가져오기를 수행할 수 없도록 파일을 보호합니다.

텍스트를 윤곽선으로

모든 텍스트를 윤곽선으로 변환하여 모양을 유지합니다. Flash에서 텍스트를 편집하려면 이 옵션을 선택하지 마십시오.

SVG 최적화 옵션(Illustrator)

SVG는 이미지를 모양, 패스, 텍스트, 필터 효과 등으로 나타내는 벡터 형식입니다. 결과로 생성되는 파일은 크기가 작으며 웹이나 리소스가 제한된 핸드헬드 장치에 표시할 때와 인쇄할 때 고품질의 그래픽을 제공합니다.

압축

압축된 SVG(SVGZ) 파일을 만듭니다.

SVG 프로파일

내보낸 파일에 SVG XML 문서 유형 정의(DTD)를 지정합니다.

SVG 1.0 및 SVG 1.1 데스크톱 컴퓨터에서 보려는 SVG 파일에 적합합니다. SVG 1.1은 SVG 사양의 정식 버전으로, 하위 세트로는 SVG Tiny 1.1, SVG Tiny 1.1 Plus, SVG Tiny 1.2 및 SVG Basic 1.1이 있습니다.

SVG Basic 1.1 핸드헬드와 같은 중간급 장치에서 보려는 SVG 파일에 적합합니다. 그러나 일부 핸드헬드에서는 SVG Basic 프로파일이 지원되지 않는다는 점을 명심해야 합니다. 따라서 이 옵션을 선택하더라도 해당 SVG 파일을 일부 핸드헬드에서는 볼 수 없습니다. SVG Basic은 비사각형 클리핑과 일부 SVG 필터 효과를 지원하지 않습니다.

SVG Tiny 1.1 및 SVG Tiny 1.1+ 휴대폰 같은 소형 디바이스에서 보려는 SVG 파일에 적합합니다. 그러나 일부 휴대폰에서는 SVG Tiny 및 SVG Tiny Plus 프로파일이 지원되지 않는다는 점을 명심해야 합니다. 따라서 이러한 옵션 중 하나를 선택하더라도 해당 SVG 파일을 일부 소형 장치에서는 볼 수 없습니다.

SVG Tiny 1.2 PDA 및 휴대폰부터 노트북 및 데스크톱 컴퓨터에 이르는 다양한 장치에서 보려는 SVG 파일에 적합합니다.
SVG Tiny는 그라디언트, 투명도, 클리핑, 마스크, 심볼 또는 SVG 필터 효과를 지원하지 않습니다. SVG Tiny Plus는 그라디언트와 투명도를 표시하는 기능이 포함되어 있지만 클리핑, 마스크, 심볼 또는 SVG 필터 효과는 지원하지 않습니다.

참고:

SVG 프로파일에 대한 추가 정보는 WC(World Wide Web Consortium) 웹 사이트(www.w3.org)에 나와 있는 SVG 사양을 참조하십시오.

소수점

SVG 파일에서 벡터 데이터의 정밀도를 결정합니다. 1에서 7까지의 소수점 자리수 값을 설정할 수 있습니다. 값을 높게 설정하면 파일 크기가 커지고 이미지 품질이 향상됩니다.

글꼴 부분 설정

SVG 파일에서 포함될 글리프를 제어합니다. 최종 사용자 시스템에 설치되는 필수 글꼴로 충분하면 [부분 설정] 메뉴에서 [없음]을 선택합니다. 현재 아트워크에 있는 텍스트의 글리프만 포함하려면 [사용된 글리프만]을 선택합니다. [일반 영어], [일반 영어와글리프 사용], [일반 로마어], [일반 로마어와글리프 사용], [모든 글리프] 등의 값은 SVG 파일의 텍스트 내용이 서버 생성 텍스트나 사용자 대화식 텍스트와 같이 동적인 경우에 유용합니다.

글꼴 유형

글꼴 내보내기 방식을 지정합니다.

Adobe CEF 작은 글꼴의 보다 나은 렌더링을 위해 글꼴 힌트 기능을 사용합니다. 이 글꼴 유형은 Adobe SVG Viewer에서는 지원되지만 다른 SVG 뷰어에서는 지원되지 않을 수도 있습니다.

SVG 글꼴 힌트 기능을 사용하지 않습니다. 이 글꼴 유형은 모든 SVG 뷰어에서 지원됩니다.

윤곽선으로 변환 유형을 벡터 경로로 변환합니다. 모든 SVG Viewer에서 문자의 시각적 속성을 보존하려면 이 옵션을 사용합니다.

이미지 위치

이미지를 포함할지 연결할지를 지정합니다. 이미지를 포함하면 파일 크기는 커지지만 래스터화된 이미지를 항상 사용할 수 있습니다.

CSS 속성

SVG 코드에서 CSS 스타일 특성이 저장되는 방식을 결정합니다. 기본 방법인 [프레젠테이션 속성]은 계층 구조의 최상위 지점에서 속성을 적용하므로 특수하게 편집하고 변형할 때 유연성을 최대로 발휘할 수 있습니다. [스타일 속성] 방법을 사용하면 가독성이 가장 높은 파일이 만들어지지만 파일 크기가 커질 수 있습니다. XSLT(확장 가능한 스타일 시트 언어 변형)를 사용한 변형과 같은 변형에 SVG 코드가 사용되는 경우 이 방법을 선택합니다. [엔터티 참조] 방법을 사용하면 렌더링 시간이 빨라지고 SVG 파일 크기가 줄어듭니다. [스타일 요소] 방법은 파일을 HTML 문서와 공유할 때 사용됩니다. [스타일 요소]를 선택하면 SVG 파일을 수정하여 스타일 요소를 HTML 파일에서도 참조되는 외부 스타일 시트 파일로 이동할 수 있습니다. 그러나 [스타일 요소] 옵션을 사용하면 렌더링 속도가 떨어지게 됩니다.

인코딩

SVG 파일에서 문자가 인코딩되는 방식을 결정합니다. UTF(Unicode Transformation Format) 인코딩은 모든 XML 프로세서에서 지원됩니다. UTF-8은 8비트 형식이고 UTF-16은 16비트 형식입니다. ISO 8859-1 및 UTF-16 인코딩에서는 파일 메타데이터가 보존되지 않습니다.

Adobe SVG Viewer를 위해 최적화

Adobe SVG Viewer용으로 이미지를 최적화합니다.

기타 도움말 항목

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책