아이콘 및 에셋 리사이즈
앱과 웹사이트에서 재사용하기 좋은 일정한 이미지 규격을 만드세요.
추천 크기
128 × 128
소형 아이콘
200 × 200
썸네일
256 × 256
표준
512 × 512
대형
활용 분야
사용 방법
프리셋 선택
현재 프리셋 중에서 목적에 맞는 출력 규격을 고르세요.
핏 모드
"contain"으로 이미지를 영역 안에 맞추거나 "cover"로 전체를 채우세요.
품질 조절
WebP 품질을 70~90으로 조절해 크기와 선명도의 균형을 맞추세요.
재사용 출력
하나의 원본 이미지에서 일관된 크기와 압축 규칙으로 반복 내보내기를 유지하세요.
크기와 프레임 팁
여백 남기기
작은 아이콘에는 여백이 필요합니다. 피사체가 가장자리에 닿으면 앱 그리드나 원형 마스크에서 잘려 보일 수 있습니다.
라이브러리는 정사각 출력 사용
정사각 프리셋을 쓰면 음식, 스티커, 캐릭터처럼 섞인 에셋도 같은 UI 라이브러리 안에서 정렬됩니다.
모든 곳에 같은 크기 사용 금지
목록에는 작은 크기를 쓰고, 후속 편집이나 고밀도 화면이 필요할 때만 큰 출력을 사용하세요.
아이콘과 썸네일 크기를 일정하게 맞추기 위해
ByteCut은 하나의 원본 이미지를 앱 아이콘, 메뉴 썸네일, 디자인 시스템, 재사용 UI 라이브러리에 맞는 정사각형 에셋으로 정리합니다.
해결하는 문제
- 크기가 다른 원본 이미지를 일정한 출력 규격으로 맞춥니다.
- 128, 200, 256, 1024px 같은 실무용 정사각 프리셋을 제공합니다.
- 웹과 앱에서 바로 쓰기 좋은 가벼운 WebP 에셋으로 내보냅니다.
- 중요한 가장자리가 잘리지 않도록 여백을 두고 피사체를 프리셋 안에 맞춥니다.
이미지 리사이즈 FAQ
직사각형 이미지를 정사각 아이콘으로 만들 수 있나요?
네. 프리셋 안에 이미지가 잘리지 않도록 맞추고 여백을 정리해 아이콘이나 썸네일로 재사용할 수 있습니다.
메뉴 썸네일은 어떤 크기가 좋나요?
가벼운 메뉴 리스트에는 Food 200px이 좋고, 후속 편집이나 상세 화면용은 Large 프리셋을 권장합니다.
리사이즈 후 투명 배경을 유지할 수 있나요?
네. 배경 제거 결과는 투명 배경을 유지한 상태로 내보낼 수 있습니다.
아이콘에만 쓰는 기능인가요?
아니요. 메뉴 썸네일, 작은 상품 이미지, UI 미리보기, 재사용 이미지 라이브러리에도 같은 방식으로 사용할 수 있습니다.
모든 처리는 브라우저에서 로컬로 실행됩니다. 파일이 서버로 업로드되지 않습니다.
이미지 리사이즈하기관련 활용 사례
이미지 에셋 정리
배경 정리, 리사이즈, WebP 변환으로 이미지를 실무용 에셋으로 만들어 보세요.
배경 제거
메뉴, 앱 에셋, 리스팅, UI 라이브러리에 바로 쓸 수 있는 투명 컷아웃을 만드세요.
WebP 변환
선명함은 유지하고, 웹과 앱에서 바로 쓰기 좋은 가벼운 에셋으로 바꿔 보세요.
음식 메뉴 아이콘
레스토랑 메뉴와 배달 앱을 위한 통일된 음식 아이콘.
AI로 만든 음식 이미지
AI로 만든 음식 이미지를 메뉴, 블로그, 레시피 카드, 가벼운 WebP 에셋으로 정리하세요.
스티커 에셋
메신저 앱용 투명 스티커 이미지.
캐릭터 에셋
스티커, 아바타, 게임 프로토타입, 앱 UI에 쓰기 좋은 투명 캐릭터 에셋.