앱 아이콘 만들기 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/ 에 넣기

  1. app/src/main/res 아래에 drawable-nodpi 폴더가 없다면 만들기

  2. PNG들을 이름을 ic_pause.png, ic_play.png, ic_stop.png 로 저장

  3. 기존 동일 이름의 .xml이 있다면 삭제 (같은 이름의 xml과 png가 동시에 존재하면 에러)

방법 B: 해상도별로 또렷하게 → drawable-mdpi/hdpi/xhdpi/… 각각에 넣기

  • 각 폴더에 맞는 픽셀 사이즈로 저장 (위 표 참고)

  • 이름은 모두 동일하게 ic_pause.png 등으로 통일

✅ 레이아웃/코드 수정 없음: 그대로 @drawable/ic_pause 참조가 PNG로 바뀝니다.

3) 정리

  • Build > Clean ProjectRebuild Project

  • 알림에서 잘 보이는지 확인 (RemoteViews는 이미지를 그대로 씁니다—틴트 안 걸어요)


선택 2) SVG 벡터로 쓰기 (가벼움/선명함, 권장)

PNG → 바로 벡터(XML)로 변환은 안 됩니다. SVG가 있어야 해요.
PNGしか 없으면 Inkscape(무료) 등으로 “Trace Bitmap(비트맵 추적)”하여 SVG로 만든 다음 진행하세요.

1) 벡터 에셋으로 추가 (Android Studio)

  1. res/drawable 우클릭 → New > Vector Asset

  2. 상단에서 Local file (SVG, PSD) 선택

  3. Path에 SVG 선택, Nameic_pause 로 지정 (나머지도 ic_play, ic_stop)

  4. 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/레이아웃 패딩 추천값도 잡아드릴게요. 이미지 올려주시면 딱 맞게 세팅해 드립니다!

댓글

이 블로그의 인기 게시물

발로란트 1067 오류

허리 펴면 멍든 느낌으로 아풀때 척추 경직