이미지 에셋 생성기 이름 지정 구문

레이어 명명 구문은 PSD 레이어 및 레이어 그룹에서 자동으로 생성된 에셋의 출력 형식, 품질, 크기 및 스케일링을 제어합니다.이러한 구문 규칙을 이해하면 레이어 이름에 모든 매개변수를 직접 인코딩하여 하나의 레이어에서 여러 에셋 변형을 만들 수 있습니다.

형식별 품질 매개변수

JPEG 구문

품질 접미사

• .jpg1부터 .jpg10까지 (1~10 단계)
• .jpg1%부터 .jpg100%까지 (백분율 단계)

기본값: 접미사를 지정하지 않으면 90% 품질

예제

• Logo.jpg5 — 품질 레벨 5의 JPEG
• Hero.jpg80% — 80% 품질의 JPEG
• Banner.jpg — 기본값 90% 품질의 JPEG

PNG 구문

비트 깊이 접미사

• .png8 - 8비트 PNG
• .png24 - 24비트 PNG
• .png32 - 32비트 PNG

기본값: 접미사를 지정하지 않으면 32비트

예제

• Icon.png8 - 256색의 8비트 PNG
• Photo.png24 - 투명도가 없는 24비트 PNG
• Button.png32 - 전체 Alpha 채널이 있는 32비트 PNG
• Logo.png - 32비트 PNG(기본값)

GIF 구문

형식

• .gif - 기본 알파 투명도

품질 매개변수: GIF 형식에는 사용할 수 없음

예제

• Animation.gif — 기본 투명도가 적용된 GIF

SVG 구문

형식

• .svg - 벡터 형식

품질 및 크기 매개변수: 해당 없음

예제

• Shape.svg - 확장 가능한 벡터 그래픽

크기 및 배율 매개변수

크기 접두사는 에셋 이름 앞에 공백으로 구분되어 나타납니다. px 단위로 크기를 지정하는 경우 단위를 생략할 수 있습니다.

상대적 배율

구문:[percentage]% [asset-name]

예제:

• 200% Logo.jpg — 200%로 배율 조정됨
• 50% Icon.png — 50%로 배율 조정됨
• 42% Button.gif — 42%로 배율 조정됨

절대 크기

구문:[width] x [height] [asset-name] 또는 [width][unit] x [height][unit] [asset-name]

지원되는 단위: px, in, cm, mm(px는 생략 가능)

예제:

• 300 x 200 Hero.jpg - 300px × 200px
• 100x100 Thumb.png - 100px × 100px(공백 없음)
• 4in x 3in Photo.jpg - 4인치 × 3인치
• 10cm x 5cm Card.png - 10cm × 5cm

혼합 단위

폭 및 높이 지정에 서로 다른 단위를 결합할 수 있습니다.

예제

• 4in x 100 Banner.jpg - 폭 4인치, 높이 100px
• 200mm x 6in Poster.png - 폭 200mm, 높이 6인치
• 10in x 50cm Flyer.jpg - 폭 10인치, 높이 50cm

와일드카드 치수

?를 사용하시겠습니까?와일드카드로 사용하면 치수 하나만 지정해도 비율에 맞게 크기가 조정됩니다.

구문:

• [width]x? [asset-name] — 폭을 지정하면 높이가 비율에 맞게 조정됩니다
• ?x[height] [asset-name] — 높이를 지정하면 폭이 비율에 맞게 조정됩니다

예제:

• 100x? Logo.png — 폭 100px, 높이 자동 계산
• ?x60in Banner.jpg — 높이 60인치, 폭 자동 계산

하나의 레이어에서 여러 에셋 생성

에셋 이름을 쉼표나 더하기 기호로 구분하여 여러 에셋 변형을 생성하세요.

구분자:

• , — 쉼표
• , — 쉼표 뒤에 공백
• + — 더하기 기호
• + — 더하기 기호 뒤에 공백

예제:

• Icon.png,Icon.jpg - PNG 및 JPEG 버전
• 200% Logo.jpg, 100% Logo.jpg - 두 가지 크기
• Icon.png8 + Icon.png24 + Icon.jpg90% - 세 가지 형식 변형
• 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80% - 두 가지 크기 조정 버전

복잡한 레이어 이름 지정 예시

결합된 구문

전체 구문은 형식, 품질, 크기 조정 매개변수를 조합할 수 있습니다.

[size] [asset-name].[format][quality], [size] [asset-name].[format][quality]

예: 120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

이렇게 하면 4개의 에셋이 생성됩니다.

• Delicious.jpg - 기본 품질의 JPEG, 120% 크기 조정
• Delicious.png - 42% 크기로 조정된 24비트 PNG
• Delicious_2.jpg - 절대 크기 100×100px, 90% 품질 JPEG
• Delicious.gif - 250% 크기로 조정된 GIF

하위 폴더 구성

출력을 구성하려면 에셋 이름 앞에 하위 폴더 경로를 포함하세요.

구문:[subfolder]/[asset-name].[format]

예제:

• icons/Logo.png - icons 하위 폴더에 저장됨
• @2x/Hero.jpg - @2x 하위 폴더에 저장됨
• thumbnails/50% Photo.png - thumbnails 하위 폴더에 50% 크기로 조정됨

절대 크기 조정 유효성 검사

유효한 절대 크기 조정 구문

잘못된 절대 크기 조정 구문

레이어 이름 제한

지원되지 않는 문자: 에셋 생성을 위한 레이어 이름에는 :(콜론)과 *(별표)를 사용할 수 없습니다.

무시되는 문자열: 확장자가 없는 문자열은 다중 에셋 레이어 이름에서 무시됩니다. 예를 들어 100% Delicious, 42% Layer 1.png에서 문자열 100% Delicious는 확장자가 없기 때문에 무시됩니다.