앱 아이콘 만들기 svg로 만들기
https://www.freeconvert.com/png-to-svg 이 싸이트로 만들면 된다
와—이제 다 잘 돌아간다니 최고네요! 🎉
이제 아이콘만 예쁘게 꾸미면 끝. “PNG로 바꾸기”와 “SVG 벡터로 쓰기” 두 가지 방법을 둘 다 정리해드릴게요. (코드는 안 바꿔도 되게, 리소스 이름을 그대로 ic_pause
, ic_play
, ic_stop
로 맞추는 게 포인트!)
선택 1) PNG로 대체 (가장 쉬움)
1) 파일 준비
-
권장 크기: 24dp 액션 아이콘 기준 → 픽셀(px) 크기 표
-
mdpi: 24 px
-
hdpi: 36 px
-
xhdpi: 48 px
-
xxhdpi: 72 px
-
xxxhdpi: 96 px
-
-
투명 배경(transparent) + 단색/밝은색 권장 (알림 배경과 대비 좋게)
2) 프로젝트에 넣기
방법 A: 한 파일만 쓰고 시스템이 자동 스케일 → res/drawable-nodpi/
에 넣기
-
app/src/main/res
아래에drawable-nodpi
폴더가 없다면 만들기 -
PNG들을 이름을
ic_pause.png
,ic_play.png
,ic_stop.png
로 저장 -
기존 동일 이름의
.xml
이 있다면 삭제 (같은 이름의 xml과 png가 동시에 존재하면 에러)
방법 B: 해상도별로 또렷하게 → drawable-mdpi/hdpi/xhdpi/…
각각에 넣기
-
각 폴더에 맞는 픽셀 사이즈로 저장 (위 표 참고)
-
이름은 모두 동일하게
ic_pause.png
등으로 통일
✅ 레이아웃/코드 수정 없음: 그대로
@drawable/ic_pause
참조가 PNG로 바뀝니다.
3) 정리
-
Build > Clean Project → Rebuild Project
-
알림에서 잘 보이는지 확인 (RemoteViews는 이미지를 그대로 씁니다—틴트 안 걸어요)
선택 2) SVG 벡터로 쓰기 (가벼움/선명함, 권장)
PNG → 바로 벡터(XML)로 변환은 안 됩니다. SVG가 있어야 해요.
PNGしか 없으면 Inkscape(무료) 등으로 “Trace Bitmap(비트맵 추적)”하여 SVG로 만든 다음 진행하세요.
1) 벡터 에셋으로 추가 (Android Studio)
-
res/drawable
우클릭 → New > Vector Asset -
상단에서 Local file (SVG, PSD) 선택
-
Path에 SVG 선택, Name을
ic_pause
로 지정 (나머지도ic_play
,ic_stop
) -
Next → Finish
→ic_pause.xml
등 벡터 드로어블이 생성됩니다.
기존에 같은 이름의 PNG가 있으면 삭제/이름 변경 후 진행하세요.
참조는 동일하게@drawable/ic_pause
.
2) 크기/색상
-
벡터는 자동 스케일링되니 24dp ImageView에 넣으면 선명하게 맞습니다.
-
색상 바꾸고 싶으면 XML 벡터 내부
android:fillColor
를 수정하거나, 레이아웃/코드에서 틴트 지정도 가능(알림 RemoteViews에선 틴트는 제한적이라 벡터 자체 색으로 쓰는 게 편합니다).
어떤 걸 쓰면 좋나요?
-
간단함/바로 교체 → PNG (
drawable-nodpi
1벌이면 끝) -
용량↓, 선명도↑, 향후 다크모드/크기 대응 쉬움 → SVG 벡터 권장
알림의 작은 상태바 아이콘은 여전히 ic_notification
(단색·투명 배경)로 두세요. 이건 시스템이 단색으로 틴트하므로 흰색 단색이 가장 안전합니다.
빠른 체크리스트
-
최종 파일 이름:
ic_pause
,ic_play
,ic_stop
(확장자는 png 또는 xml) -
같은 이름의 png와 xml을 동시에 두지 않기
-
PNG면
drawable-nodpi
또는 밀도별 폴더에 배치 -
SVG면 Vector Asset으로 생성 (벡터 xml)
-
Clean/Rebuild 후 알림/잠금화면에서 시각 확인
원하시면 PNG 몇 장 샘플(크기/패딩 맞춘 것) 기준으로 정확한 dp/레이아웃 패딩 추천값도 잡아드릴게요. 이미지 올려주시면 딱 맞게 세팅해 드립니다!
댓글
댓글 쓰기