포토샵에서 이미지를 3배수로 저장하는 것은 웹 디자인이나 모바일 애플리케이션 디자인 작업 시 고해상도 디스플레이를 지원하기 위해 매우 유용합니다. 다음은 포토샵에서 이미지를 3배수로 저장하는 방법입니다:
이미지
> 이미지 크기...
를 선택합니다.폭
과 높이
를 원본 크기의 3배로 설정합니다. (예: 원본 크기가 100px이면 300px로 설정)확인
을 눌러 변경사항을 적용합니다.파일
> 다른 이름으로 저장...
을 선택합니다.image@3x.png
)저장
버튼을 눌러 파일을 저장합니다.Photoshop CC 이상 버전에서는 Generate Assets 기능을 사용하여 이미지를 자동으로 여러 배율로 저장할 수 있습니다.
image@3x.png
로 변경합니다.파일
> Generate
> Image Assets
를 선택합니다.image-assets
라는 폴더 안에 저장됩니다.포토샵에서 스크립트를 사용하여 이미지를 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배수로 손쉽게 저장할 수 있습니다. 필요에 따라 적합한 방법을 선택하여 사용하세요.
제목 | 날짜 | |||
---|---|---|---|---|
10 | [일상톡] 명함, 모바일 등에 작업하기 좋은 아이콘 모음 사이트, tabler.io | 45 | 2024/05/05 | 0 |
9 | [일상톡] 어제 만든 이온디 명함인데 폰트 사이즈를 잘못 설정해서 새로 만들어야겠네요 | 75 | 2024/05/06 | 0 |
[Photoshop] 포토샵에서 이미지 3배수 저장하는 방법( How to Save an Image at 3x Resolution in Photoshop) | 442 | 2024/05/29 | 0 | |
7 | [일상톡] visuallab.kr 웹 에이전시에서 알려주는 #아임웹 텍스트 위젯 활용법 공개💙 | 64 | 2024/06/06 | 0 |
6 | [일상톡] 앱디자인도 끝! | 44 | 2024/06/19 | 1 |
5 | [일상톡] 홈페이지 본다고 찾다가 디자인사이트 찾았는데 홈페이지에 직원사진보니까 몬가 그 직업에 잘 맞는거같은 이미지가 느껴지는거같아요 ㅋㅋ | 172 | 2024/06/19 | 0 |
4 | [디자인팁] 아이콘몬스터 | 72 | 2024/06/20 | 0 |
3 | [포트폴리오] [선착순] 업계 1위가 쏘는 IT&디자이너 취업 3종 자료집 이벤트 (신청자 전원 증정, ~10/11) | 272 | 2024/09/30 | 0 |
2 | [UI/UX] 프로필 더보기 UI | 11 | 2024/11/14 | 0 |
1 | top bar height | 5 | 2024/12/13 | 0 |