문서, 대지 및 레이어를 다양한 형식 및 크기로 내보내는 방법을 알아봅니다.

다양한 형식의 파일 내보내기

빠른 내보내기 형식내보내기 형식 옵션을 사용하여 Photoshop 문서, 대지, 레이어 및 레이어 그룹을 PNG, JPG, GIF 및 SVG 파일 형식으로 내보낼 수 있습니다.

Photoshop에서 문서, 대지 및 레이어 내보내기

빠른 내보내기 형식

빠른 내보내기 환경 설정에서 지정한 설정에 따라 작업을 빠르게 내보내려면 으(로) 빠른 내보내기 옵션을 사용합니다.

빠른 내보내기 형식 옵션에 액세스하려면 다음 중 하나를 수행합니다.

  • 파일 > 내보내기 > 빠른 내보내기 형식 [이미지 형식]으로 이동합니다.
  • 레이어 패널로 이동합니다. 내보낼 레이어, 레이어 그룹 또는 대지를 선택합니다. 선택 내용을 마우스 오른쪽 단추로 클릭한 후 상황에 맞는 메뉴에서 빠른 내보내기 형식 [이미지 형식]을 선택합니다.

빠른 내보내기 환경 설정

기본적으로 빠른 내보내기를 수행하면 자산이 투명도가 있는 PNG로 생성되고 내보내기 위치를 선택할 때마다 메시지가 표시됩니다.

빠른 내보내기 설정을 변경하려면 다음 중 하나를 수행합니다.

  • 편집 > 기본 설정 > 내보내기로 이동
  • 파일 > 내보내기 > 내보내기 기본 설정 선택
PSD를 이미지로 빠르게 내보내기
Photoshop에서 내보내기 기본 설정 지정

기본 설정 대화 상자에서 다음 옵션을 지정할 수 있습니다.

빠른 내보내기 형식: 내보낼 이미지 파일 형식( PNG, JPG, GIF SVG)을 선택합니다. 형식별 매개 변수를 추가로 설정할 수 있습니다. 예를 들어 PNG의 경우 투명도를 설정(32비트)한 자산을 내보낼지, 작은 크기 이미지(8비트)를 내보낼지를 지정할 수 있습니다. JPG의 경우 내보내기 품질을 설정할 수 있습니다. 

빠른 내보내기 위치: [빠른 내보내기]를 사용하여 내보낸 이미지의 위치를 선택하려면 이 옵션을 선택합니다. 다음 중 하나를 선택합니다.

  • 매번 내보낼 위치 묻기: 자산을 내보낼 때마다 위치를 선택하라는 메시지가 표시됩니다.
  • 현재 문서 옆의 자산 폴더로 파일 내보내기: 소스 Photoshop 문서가 들어 있는 폴더 내에 자산이라는 하위 폴더에 이미지 자산을 배치합니다.

빠른 내보내기 메타데이터: 내보낸 자산에 메타데이터(저작권 및 연락처 정보)를 포함하려면 이 옵션을 사용합니다.

빠른 내보내기 색상 공간:  자산을 sRGB 색상 공간으로 변환할지 여부를 선택합니다.

위치로 내보내기: 내보내기 형식을 참조하십시오.

내보내기 형식

레이어, 레이어 그룹, 대지 또는 Photoshop 문서를 이미지로 내보낼 때마다 내보내기 설정을 미세 조정해야 하는 경우 내보내기 형식 옵션을 사용합니다.선택한 각각의 레이어, 레이어 그룹 또는 대지는 별도의 이미지 자산으로 내보내집니다.

내보내기 형식 대화 상자를 실행하려면 다음 중 하나를 수행합니다.

  • 파일 > 내보내기 > 내보내기 형식을 선택하여 현재 Photoshop 문서를 내보냅니다. 문서에 대지가 들어 있을 경우, 여기 있는 모든 대지가 이 대화 상자를 통해 내보내집니다.
  • 레이어 패널로 이동합니다. 내보낼 레이어, 레이어 그룹 또는 대지를 선택합니다. 이제 선택 내용을 마우스 오른쪽 단추로 클릭한 다음 상황에 맞는 메뉴에서 내보내기 형식을 선택합니다.

내보내기 형식 대화 상자 설정 및 위치 환경 설정

내보내기 형식 대화 상자에서 다음 옵션을 설정할 수 있습니다.

형식: PNG, JPG, GIF 또는 SVG를 선택합니다.

형식별 설정: PNG의 경우 투명도를 설정(32비트)한 자산을 내보낼지, 작은 크기 이미지(8비트)를 내보낼지를 지정합니다. JPEG의 경우 원하는 이미지 품질을 지정합니다(0-100%). GIF 이미지는 기본적으로 투명합니다. PNG 애셋을 내보낼 때는 다음에 유의하십시오.

  • 투명도를 선택하면 32비트 PNG 자산이 생성됩니다.
  • 작은 파일을 선택하면 8비트 PNG 자산이 생성됩니다.
  • 위 옵션을 선택 해제된 상태로 두면 24비트 PNG 자산이 생성됩니다

크기: 이미지 자산의 폭과 높이를 지정합니다. 기본적으로 너비와 높이는 함께 잠겨 있어서 너비를 변경하면 높이가 자동으로 비례하여 변경됩니다. 내보낸 자산의 캔버스 테두리를 지정하려면 캔버스 크기를 참조하십시오.

비율: 내보낸 이미지가 얼마나 커야 할지를 선택합니다. 이 옵션은 큰 해상도나 작은 해상도의 애셋을 내보내는 데 유용합니다. 비율을 변경하면 이미지 크기에 영향을 줍니다.

리샘플링: 리샘플링 방법을 선택합니다. 리샘플링은 일반적으로 이미지 크기를 조정하면서 이미지의 픽셀 크기나 해상도를 변경할 때 이미지 데이터 양을 변경하는 것을 말합니다.

  • 쌍선형: 주변 픽셀의 색상 값의 평균을 내서 픽셀을 추가합니다. 이 방법은 중간 품질의 결과를 나타냅니다.
  • 쌍입방: 주변 픽셀 값 검사를 기반으로 하는 방법으로 속도는 더 느리지만 더 정밀합니다. [쌍입방] 방법은 더 복잡한 연산을 사용하여 [최단입점]이나 [쌍선형] 리샘플링 방법보다 색조의 단계적 변화를 더 매끄럽게 나타냅니다.
  • 쌍입방(더 매끄럽게): [쌍입방] 보간을 기반으로 하지만 더 매끄러운 결과를 만들어 내지만 이미지를 확대할 때 유용합니다.
  • 쌍입방(더 선명하게): [쌍입방] 보간 방법을 기반으로 하지만 선명도가 더 뛰어나므로 이미지 크기를 줄일 때 유용합니다. 이 방법을 사용하면 리샘플링된 이미지의 세부 묘사를 그대로 유지할 수 있습니다. [쌍입방(더 선명하게)] 방법을 사용했을 때 이미지의 일부 영역이 지나치게 선명하게 나타나면 [쌍입방] 방법을 다시 사용해 봅니다.
  • 쌍입방 자동: 이미지에 적절한 쌍입방 샘플링 방법을 자동으로 선택합니다.
  • 최단입점: 이미지에 픽셀을 복제하는 방법으로 속도는 빠르지만 정밀도가 약간 떨어집니다. 이 방법은 가장자리에 앤티 앨리어스가 적용되지 않는 일러스트레이션에 사용하면 유용합니다. 하드 가장자리를 유지하고 파일 크기를 줄입니다. 그러나 이 방법을 사용하면 계단 모양 효과가 나타날 수 있으며 이러한 효과는 이미지 크기를 조절하거나, 특정 선택 영역에서 여러 번 조정하면 뚜렷하게 나타납니다.
  • 세부 묘사 유지: 이미지 크기를 조절할 때 이 방법은 이미지 세부 묘사와 선명도를 유지하는 데 우선 순위를 두는 방법입니다.

캔버스 크기: 자산이 특정 폭 및 높이를 점유해야 하는 경우 해당 값을 캔버스 크기로 지정하십시오. 내보내기 형식 대화 상자는 해당 테두리 내 중앙에 이미지를 배치하도록 미리 보기를 업데이트합니다. 이 옵션은 다음과 같이 몇 가지 시나리오에서 도움이 됩니다.

  • 다양한 크기가 있지만 50x50px 상자 내 중앙에 배치해야 하는 아이콘을 내보내는 경우.
  • 필요한 치수보다 작거나 큰 배너 이미지를 내보내는 경우.

이미지가 캔버스 크기보다 크면 이미지가 캔버스에 대해 설정된 너비 및 높이 값 크기로 잘립니다. 재설정을 클릭하여 이 값을 이미지 크기에 설정된 값으로 되돌릴 수 있습니다.

메타데이터: 내보낸 자산에 메타데이터(저작권 및 연락처 정보)를 포함할지 여부를 지정합니다.

색상 공간: 다음을 지정합니다.

  • 내보낸 애셋을 sRGB 색상 공간으로 변환할지 여부. 이 옵션은 기본적으로 선택됩니다.
  • 내보낸 애셋에서 색상 프로필을 포함할지 여부.

위치로 내보내기 환경 설정을 변경하려면 다음 중 하나를 수행합니다.

  • 편집 > 기본 설정 > 내보내기로 이동
  • 파일 > 내보내기 > 내보내기 기본 설정 선택

환경 설정 대화 상자의 위치로 내보내기에서 옵션을 선택합니다. 

  • 현재 문서의 위치로 자산을 내보냅니다.
  • 자산을 지정된 마지막 위치로 내보냅니다.

다양한 크기의 파일 내보내기

내보내기 형식 대화 상자를 사용하여 선택한 레이어, 대지 또는 문서를 여러 크기의 정보로 내보낼 수 있습니다.

이렇게 하려면 다음 단계를 따르십시오.

  1. 내보내기 형식 대화 상자의 왼쪽 창에서 상대 자산 크기(예: 1.25x)를 선택합니다.
  2. 상대 애셋 크기로 내보낸 애셋의 접미어를 선택합니다. 예: @1,25x. 접미어는 내보낸 애셋을 쉽게 관리하도록 도와줍니다.
  3. 내보낸 자산에 대해 더 많은 크기와 접미어를 추가하려면 '+' 아이콘을 클릭합니다.

선택하는 크기 조절 옵션은 선택한 레이어 또는 대지 모두에 적용됩니다.

다른 크기로 자산 내보내기
[내보내기 형식] 대화 상자를 사용하여 다른 크기로 파일 내보내기

레이어를 파일로 내보내기

PSD, BMP, JPEG, PDF, Targa, TIFF 등 다양한 형식을 사용하여 레이어를 개별 파일로 내보내거나 저장할 수 있습니다. 레이어는 저장되면서 자동으로 이름이 지정됩니다. 필요한 경우에는 이름 지정에 사용할 옵션을 설정할 수 있습니다.

레이어를 파일로 내보내려면 다음을 수행하십시오.

  1. 파일 > 내보내기 > 레이어를 파일로 내보내기를 선택합니다.
  2. 레이어를 파일로 내보내기 대화 상자의 대상 아래에서 찾아보기를 클릭하여 파일을 내보낼 대상을 선택합니다. 기본적으로 생성된 파일은 소스 파일과 동일한 폴더에 저장됩니다.
  3. 파일 이름 접두어 텍스트 상자에 이름을 입력하여 파일에 사용할 공통 이름을 지정합니다.
  4. 레이어 패널에 가시성이 켜져 있는 레이어만을 내보내려면 보이는 레이어만 옵션을 선택합니다. 일부 레이어만 내보내려는 경우에 이 옵션을 사용하고, 내보내지 않을 레이어는 가시성을 끕니다.
  5. 파일 유형 메뉴에서 [파일 형식]을 선택합니다. 필요에 따라 옵션을 설정합니다.
  6. 내보내는 파일에 작업 영역 프로필을 포함하려면 ICC 프로필 포함 옵션을 선택합니다. 이는 색상 관리 작업 과정에 있어서 중요합니다.
  7. 실행을 클릭합니다.
레이어를 파일로 내보내기
레이어를 파일로 내보내기

대지를 파일로 내보내기

대지를 별도 파일로 내보낼 수 있습니다. 다음 단계를 따르십시오.

  1. Photoshop에서 파일 > 내보내기 > 대지를 파일로를 선택합니다.
  2. 대지를 파일로 대화 상자에서 다음을 수행합니다.
    • 생성된 파일을 저장할 대상을 선택합니다.
    • 파일 이름 접두어를 지정합니다.
    • 대지 내용만 내보낼지 또는 겹치는 영역도 포함할지 지정합니다.
    • 모든 대지를 내보낼지, 아니면 현재 선택한 대지만 내보낼지를 선택합니다.
    • 대지와 함께 대지 배경을 내보낼 것인지도 지정합니다.
    • 내보낼 파일 유형을 선택합니다. BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 또는 PNG-24로 내보내기 위한 옵션이 제공됩니다.
    • 선택한 파일 유형에 대한 내보내기 옵션을 지정합니다.
      • 내보낸 대지와 함께 대지 이름을 내보낼 것인지도 지정합니다. 이 설정을 선택하는 동안 사용자 정의 글꼴, 글꼴 크기, 글꼴 색상 및 캔버스 확장 색상을 지정할 수 있습니다.
  3. 실행을 클릭합니다. 대지가 선택한 형식의 파일로 내보내집니다.
대지를 파일로 내보내기
대지를 파일로 내보내기

대지를 PDF로 내보내기

대지를 PDF 문서로 내보낼 수 있습니다. 다음 단계를 따르십시오.

  1. Photoshop에서 파일 > 내보내기 > 대지를 PDF로를 선택합니다.
  2. 대지를 PDF로 대화 상자에서 다음을 수행합니다.
    • 생성된 PDF 문서를 저장할 대상/위치를 선택합니다.
    • 생성된 PDF 문서에 대한 파일 이름 접두어를 지정합니다. 예: Campaign_insurance.
    • 대지의 내용만 내보낼 것인지 아니면 대지를 겹치는 영역의 내용도 내보낼 것인지 지정합니다.
    • 모든 대지를 내보낼지, 아니면 현재 선택한 대지만 내보낼지를 선택합니다.
    • 대지와 함께 대지 배경을 내보낼 것인지도 지정합니다.
    • 현재 문서에서 모든 대지에 대한 단일 PDF를 생성할 것인지 아니면 대지마다 하나의 PDF 문서를 생성할 것인지 지정합니다. PDF 문서를 여러 개 생성하도록 선택하는 경우 그러한 문서는 모두 이전에 지정한 파일 이름 접두어를 사용합니다.
    • 내보낸 PDF 문서에 대한 인코딩, ZIP 또는 JPEG를 지정합니다. JPEG를 선택한 경우 품질 설정(0-12)도 지정합니다.
    • 내보낸 PDF 문서에 ICC(International Color Consortium) 프로필을 포함할 것인지 지정합니다. ICC 프로필은 색상 입력 또는 출력 장치를 지정하는 데이터로 구성됩니다.
    • 내보낸 대지와 함께 대지 이름을 내보낼 것인지도 지정합니다. 이 설정을 선택하는 동안 사용자 정의 글꼴, 글꼴 크기, 글꼴 색상 및 캔버스 확장 색상을 지정할 수 있습니다.
  3. 실행을 클릭합니다. PDF 문서가 생성됩니다.
PDF로 대지 내보내기
PDF로 대지 내보내기

일반 질문

Photoshop 문서를 내보낼 때 가장 좋은 색상 공간은 무엇입니까?

sRGB는 웹에서 이미지를 보는 데 사용하는 표준 모니터의 색상 공간을 정의하므로 웹에 사용할 이미지를 준비할 때에는 sRGB를 사용하는 것이 좋습니다. 또한 소비자 수준의 디지털 카메라는 대부분 sRGB를 기본 색상 공간으로 사용하므로 이러한 카메라에서 전송한 이미지를 사용할 때에도 sRGB를 선택하는 것이 좋습니다. 

색상 공간 및 설정에 대한 자세한 내용은 색상 설정을 참조하십시오.

내보내기 분할 영역이란 무엇입니까?

분할 영역을 사용하면 이미지가 보다 작은 이미지로 나뉩니다. 이렇게 나뉜 이미지는 HTML 표나 CSS 레이어를 사용하여 웹 페이지에서 재조합됩니다. 이미지를 나누는 방식으로 여러 URL 링크를 할당하여 페이지 탐색을 만들거나 각 이미지 부분을 자체의 최적화 설정으로 최적화할 수 있습니다. 분할된 이미지를 내보내고 최적화하려면 [웹용으로 저장(레거시)] 옵션을 사용합니다. 이 명령을 실행하면 각 분할 영역이 개별 파일로 저장되고, 분할된 이미지를 표시하는 데 필요한 HTML 또는 CSS 코드가 생성됩니다.

자세한 내용은 웹 페이지 분할을 참조하십시오.

[웹용으로 저장]을 사용하여 Photoshop 문서를 내보낼 수 있습니까?

예. 계속 웹용으로 저장(레거시) 옵션을 사용하여 자산을 내보낼 수 있습니다. 레거시 내보내기 옵션을 사용하여 문서를 내보내려면 파일 > 내보내기 > 웹용으로 저장(레거시)을 선택합니다. 

자세한 내용은 Photoshop에서 웹용으로 저장을 참조하십시오. 

일반적인 오류 및 제한 사항

오류: 웹용으로 Adobe 저장

macOS 10.15.x에서 Photoshop을 사용하고 파일 > 내보내기> 웹용으로 저장을 사용하면 "웹용으로 Adobe 저장 오류: 이 작업을 완료할 수 없습니다. 알 수 없는 오류가 발생했습니다." 오류가 표시됩니다.

해결 방법에 대한 자세한 내용은Photoshop 및 macOS Catalina(10.15)를 참조하십시오.

오류: 비디오 렌더링이 시작되지만 완료되지 않음

파일 > 내보내기 > 비디오 렌더링...을 선택하면 프로세스가 완료되지 않습니다. 

해결 방법에 대한 자세한 내용은Photoshop 및 macOS Catalina(10.15)를 참조하십시오.

오류: Photoshop을 실행할 때 '생성기에 문제가 있습니다'

오류: "생성기에 문제가 있습니다. Photoshop을 종료하고 다시 시도하십시오. 문제가 계속되면 타사 플러그인을 제거하거나 Photoshop을 다시 설치해 보십시오." Photoshop을 시작하거나 생성기 관련 기능을 사용할 때 발생할 수 있습니다. 

해결 방법에 대한 자세한 내용은 Photoshop을 시작할 때 '생성기에 문제가 있습니다'라는 오류를 참조하십시오.

오류: 레이어가 비어 있습니다.

비어 있거나 이미지를 렌더링할 수 없는 레이어는 [내보내기 형식] 대화 상자에서 렌더링할 수 없습니다. 이러한 레이어는 클리핑 마스크나 조정 레이어이거나, 픽셀이 없는 단순한 레이어일 수 있습니다.

오류: 이미지가 문서 경계를 벗어납니다.

이미지가 캔버스를 벗어나서 내보내기 작업 시 이미지를 렌더링할 수 없었습니다. 이미지가 캔버스 내에 맞도록 이미지를 이동하십시오

SVG 내보내기 제한 사항

  • 텍스트가 예상하는 대로 렌더링되지 않을 수 있습니다. 정확도를 높이려면 텍스트 레어어를 SVG로 내보내기 전에 모양으로 변환해야 합니다.
  • 레이어 마스크 및 클리핑 마스크가 예상하는 대로 렌더링되지 않습니다. SVG 내보내기에는 대신에 벡터 마스크를 사용하는 것이 좋습니다.
  • 배경 레이어는 투명하게 SVG로 내보내집니다. 레이어 패널에서 배경 레이어를 복제하면 내보낸 SVG 이미지에서 보이게 할 수 있습니다.