포토샵에서 이미지를 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배수로 손쉽게 저장할 수 있습니다. 필요에 따라 적합한 방법을 선택하여 사용하세요.
제목 | 날짜 | |||
---|---|---|---|---|
30 | [포트폴리오] 웹 퍼블리셔 포트폴리오 어떻게 만들어야하나? | 422 | 2016/06/15 | 0 |
29 | [모바일웹] 웹 먼저? vs 모바일 먼저? | 73 | 2016/06/17 | 0 |
28 | [모바일웹] 모바일웹의 최소 해상도는 | 0 | 2016/06/17 | 0 |
27 | [부트스트랩] 부트스트랩 그리드 디자인 | 182 | 2016/06/17 | 0 |
26 | [일상톡] 디자이너가 떠나는 이유 (20160525, 최민상) | 333 | 2016/06/20 | 0 |
25 | [아이콘/픽토그램] 아이폰 아이콘 사이트 | 173 | 2016/07/18 | 0 |
24 | [아이콘/픽토그램] 아이콘 PSDblast | 121 | 2016/07/18 | 0 |
23 | [일상톡] 디자이너와 소비자가 직접 만나는 가게 디자인태그 | 146 | 2017/06/18 | 0 |
22 | [명함] 명함인쇄업체 | 177 | 2018/01/03 | 0 |
21 | [모바일웹] 모바일 웹 디자인 해보기 | 3 | 2019/11/14 | 0 |
20 | [모바일웹] 모바일 디바이스 별 사이즈 | 351 | 2019/11/14 | 0 |
19 | [모바일웹] 모바일 폰트 사이즈 정하기 | 377 | 2019/11/14 | 0 |
18 | [모바일웹] 모바일 디자인 팁 | 173 | 2019/11/14 | 0 |
17 | [앱디자인] 말만해 앱디자인 로그인 시안 | 243 | 2020/10/21 | 2 |
16 | [일상톡] 디자인 스타일가이드 psd | 197 | 2021/07/28 | 0 |
15 | [일상톡] 디자인 견적 비싸다는 클라이언트 대처 방법? | 133 | 2022/01/07 | 0 |
14 | [일상톡] Figma - closing the tab won't lose your changes, but you'll have to reconnect to sync the changes. | 156 | 2022/01/11 | 0 |
13 | [참조] GS Holdings (회사홈페이지) | 89 | 2022/12/06 | 1 |
12 | [일상톡] 멀티셀렉트 ui 디자인 | 85 | 2023/05/11 | 0 |
11 | [일상톡] 큐알코드(QR코드) 만드는 사이트 | 103 | 2024/05/05 | 0 |