포토샵에서 이미지를 3배수로 저장하는 것은 웹 디자인이나 모바일 애플리케이션 디자인 작업 시 고해상도 디스플레이를 지원하기 위해 매우 유용합니다. 다음은 포토샵에서 이미지를 3배수로 저장하는 방법입니다:
1. 이미지 크기 조정
- 포토샵에서 이미지를 엽니다.
- 메뉴에서
이미지
>이미지 크기...
를 선택합니다. - 팝업 창에서
폭
과높이
를 원본 크기의 3배로 설정합니다. (예: 원본 크기가 100px이면 300px로 설정) 확인
을 눌러 변경사항을 적용합니다.
2. 다른 이름으로 저장
- 이미지 크기를 조정한 후, 메뉴에서
파일
>다른 이름으로 저장...
을 선택합니다. - 파일 형식을 선택하고 파일 이름에 적절한 접미사를 추가합니다. (예:
image@3x.png
) 저장
버튼을 눌러 파일을 저장합니다.
3. Generate Assets 기능 사용 (Photoshop CC 이상)
Photoshop CC 이상 버전에서는 Generate Assets 기능을 사용하여 이미지를 자동으로 여러 배율로 저장할 수 있습니다.
- 포토샵에서 이미지를 엽니다.
- 레이어 이름을 변경하여 배율을 지정합니다. 예를 들어, 레이어 이름을
image@3x.png
로 변경합니다. - 메뉴에서
파일
>Generate
>Image Assets
를 선택합니다. - 포토샵이 자동으로 파일을 생성하고 저장합니다. 저장된 파일은 원본 파일이 저장된 폴더에
image-assets
라는 폴더 안에 저장됩니다.
4. 스크립트 사용
포토샵에서 스크립트를 사용하여 이미지를 3배수로 저장할 수 있습니다. 아래는 예제 스크립트입니다.
- 포토샵에서
파일
>스크립트
>스크립트 편집기...
를 선택합니다. - 아래 스크립트를 편집기 창에 붙여넣습니다.
javascript // Active document
var doc = app.activeDocument;
// Get the current file name and extension
var fileName = doc.name.replace(/\.[^\.]+$/, '');
var fileExt = doc.name.match(/\.[^\.]+$/);
// Resize the image to 300%
doc.resizeImage(doc.width * 3, doc.height * 3, doc.resolution, ResampleMethod.BICUBIC);
// Save options
var saveOptions = new PNGSaveOptions();
saveOptions.compression = 9;
// Save the file
doc.saveAs(new File(doc.path + '/' + fileName + '@3x' + fileExt), saveOptions, true, Extension.LOWERCASE);
// Restore the original size
doc.undo();
파일
>스크립트
>스크립트 실행...
을 선택하고, 방금 저장한 스크립트를 선택합니다.- 스크립트가 실행되면 이미지를 3배로 크기 조정하고 저장합니다.
이 방법들을 통해 포토샵에서 이미지를 3배수로 손쉽게 저장할 수 있습니다. 필요에 따라 적합한 방법을 선택하여 사용하세요.