Skip to content

Most visited

Recently visited

navigation

Image Asset Studio로 앱 아이콘 생성

Video

밀도 독립적 픽셀

Android Studio에는 Image Asset Studio라는 도구가 포함되어 있습니다. 이 도구는 머티리얼 아이콘, 맞춤 이미지, 텍스트 문자열에서 고유의 앱 아이콘을 생성하는 데 도움이 됩니다. 이 도구를 사용하면 앱에서 지원하는 각 범용 화면 밀도에 알맞은 해상도로 일련의 아이콘을 생성할 수 있습니다. Image Asset Studio에서 새로 생성하는 아이콘은 프로젝트의 res/ 디렉토리 아래에 있는 밀도별 폴더에 저장됩니다. 런타임에 Android는 앱이 실행 중인 기기의 화면 밀도를 기반으로 알맞은 리소스를 사용합니다.

Image Asset Studio는 다음과 같은 아이콘 유형을 생성하는 데 도움됩니다.

Image Asset Studio 정보

Image Asset Studio는 다양한 밀도에서 다양한 유형의 아이콘 생성에 도움을 주고 프로젝트에서 아이콘이 배치될 위치를 정확히 보여줍니다. Image Asset Studio은 개발자의 의도대로 아이콘이 정확히 나타나도록 미리보기 창에 결과가 표시되는 동안 아이콘을 조정하고 배경을 추가할 수 있는 도구를 포함하고 있습니다. 이러한 도구를 사용하면 아이콘 디자인 및 가져오기 프로세스를 대폭 간소화할 수 있습니다. 다음에 이어지는 여러 섹션에서 개발자가 생성할 수 있는 아이콘 유형과 사용할 수 있는 이미지 및 텍스트 입력에 대해 설명합니다.

런처 아이콘

런처 아이콘은 사용자에게 앱을 표시하는 그래픽으로, 다음과 같은 특징이 있습니다.

Image Asset Studio는 mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi를 비롯하여 권장되는 범용 화면 밀도에 대해 각각 별개의 아이콘을 자동으로 생성합니다. 따라서 아이콘이 다양한 화면과 기기에 잘 표시되도록 해줍니다. res/mipmap-density/ 디렉토리의 적절한 위치에 아이콘을 저장합니다. 또한 Google Play Store에 알맞은 512 x 512 픽셀의 이미지도 생성합니다.

이전의 Android 버전을 지원하더라도 런처 아이콘을 위한 머티리얼 디자인 스타일을 사용하는 것이 좋습니다.

자세한 내용은 런처 아이콘제품 아이콘 - 머티리얼 디자인을 참조하세요.

작업 모음 및 탭 아이콘

작업 모음 아이콘은 작업 모음에 배치되어 개별 작업 항목을 나타내는 그래픽 요소입니다. 자세한 내용은 작업 추가 및 처리, 앱 모음 - 머티리얼 디자인작업 모음 디자인을 참조하세요.

탭 아이콘은 다중 탭 인터페이스에 있는 개별 탭을 표시하는 데 사용되는 그래픽 요소입니다. 각 탭 아이콘은 선택 취소된 상태와 선택된 상태의 두 가지 상태가 있습니다. 자세한 내용은 탭이 있는 스와이프 뷰 생성탭 - 머티리얼 디자인을 참조하세요.

Image Asset Studio는 mdpi, hdpi, xhdpi, xxhdpi를 비롯하여 권장되는 범용 화면 밀도에 대해 각각 별개의 아이콘을 자동으로 생성합니다. res/drawable-density/ 디렉토리의 적절한 위치에 아이콘을 저장합니다.

이전의 Android 버전을 지원하더라도 작업 모음 및 탭 아이콘을 위한 머티리얼 디자인 스타일을 사용하는 것이 좋습니다. 이전 플랫폼 버전에 머티리얼 디자인 UI를 제공하려면 appcompat과 기타 지원 라이브러리를 사용하세요.

Image Asset Studio의 대안으로, Vector Asset Studio를 사용하여 작업 모음 및 탭 아이콘을 생성할 수 있습니다. 벡터 드로어블은 간단한 아이콘에 알맞고 APK의 크기를 줄일 수 있습니다.

알림 아이콘

알림은 앱의 정상 UI 외부에서 사용자에게 표시할 수 있는 메시지입니다. 시스템에 알림을 실행하라고 명령하면 처음에 알림 영역에 아이콘으로 나타납니다. 알림 세부 정보를 보려면 사용자가 알림 창을 열어야 합니다. 알림 영역과 알림 창은 사용자가 언제든 볼 수 있는, 시스템이 제어하는 영역입니다.

Image Asset Studio는 mdpi, hdpi, xhdpi, xxhdpi를 비롯하여 권장되는 범용 화면 밀도에 대해 각각 별개의 아이콘을 자동으로 생성합니다. 또한, 다음과 같이 res/drawable-density/ 디렉토리의 적절한 위치에 아이콘을 저장합니다.

Android 2.3에서 2.3.7까지(API 레벨 9에서 10까지) 지원하는 앱이라면 Image Asset Studio가 회색 버전의 아이콘을 생성합니다. 그 이상의 Android 버전에서는 Image Asset Studio에서 생성되는 흰색 아이콘을 사용합니다.

자세한 내용은 알림, 알림 머티리얼 디자인, 알림, Android 5.0 변경 사항, 알림, Android 4.4 이하, 상태 표시줄 아이콘, Android 3.0 이하를 참조하세요.

클립 아트

Image Asset Studio를 사용하면 PNG 형식의 Google 머티리얼 아이콘을 손쉽게 가져올 수 있습니다. 그냥 대화상자에서 아이콘을 선택하기만 하면 됩니다. 자세한 정보는 머티리얼 아이콘을 참조하세요.

이미지

자체 이미지를 가져와서 아이콘 유형에 맞춰 조정할 수 있습니다. Image Asset Studio는 PNG(기본 설정), JPG(허용 가능), GIF(권장하지 않음)와 같은 파일 형식을 지원합니다.

텍스트 문자열

Image Asset Studio를 사용하면 텍스트 문자열을 다양한 글꼴로 입력하여 아이콘 위에 배치할 수 있습니다. 다양한 밀도에 맞춰 텍스트 기반 아이콘을 PNG 파일로 변환할 수 있습니다. 컴퓨터에 설치되어 있는 글꼴을 사용할 수 있습니다.

Image Asset Studio 실행

Image Asset Studio를 시작하려면 다음 절차를 따르세요.

  1. Android Studio에서 Android 앱 프로젝트를 엽니다.
  2. Project 창에서 Android 뷰를 선택합니다.
  3. res 폴더를 선택한 다음 File > New > Image Asset을 선택합니다.
  4. 또는 res 폴더를 마우스 오른쪽 버튼으로 클릭하고 New > Image Asset을 선택합니다.

    몇몇 다른 프로젝트 뷰와 폴더에도 이 메뉴 항목이 있습니다.

    Image Asset Studio가 나타납니다.

  5. 런처 아이콘 생성, 작업 모음 또는 탭 아이콘 생성 또는 알림 아이콘 생성으로 계속 진행합니다.

런처 아이콘 생성

Image Asset Studio를 연 후 다음 절차에 따라 런처 아이콘을 추가할 수 있습니다.

  1. Icon Type 필드에서 Launcher Icons를 선택합니다.
  2. Asset Type을 선택하고 아래쪽에 나타나는 필드에서 다음과 같이 자산을 지정합니다.
    • Clip Art 필드에서 버튼을 클릭합니다.
    • Select Icon 대화상자에서 머티리얼 아이콘을 선택하고 OK를 클릭합니다.

    • Path 필드에서 이미지의 경로와 파일 이름을 지정합니다. 대화상자를 사용하려면 ...을 클릭합니다.
    • Text 필드에서 텍스트 문자열을 입력하고 글꼴을 선택합니다.

    오른쪽의 Source Asset 영역과 마법사 아래쪽의 미리보기 영역에 아이콘이 나타납니다.

  3. 다음과 같이 이름과 표시 설정을 선택적으로 변경할 수 있습니다.
    • Name - 기본 이름을 사용하지 않으려면 새 이름을 입력합니다. 입력한 리소스 이름이 프로젝트에 이미 존재하는 경우 마법사 하단에 오류로 표시되고 덮어쓰게 됩니다. 이름을 지정할 때 소문자, 밑줄, 숫자만 사용할 수 있습니다.
    • Trim - 소스 자산에서 아이콘 그래픽과 테두리 사이의 여백을 조정하려면 Yes를 선택합니다. 이 작업을 수행하면 투명한 공간이 제거되지만 가로 세로 비율은 유지됩니다. 소스 자산을 변경하지 않고 그대로 두려면 No를 선택합니다. 기본값: No
    • Padding - 4개의 면에서 모두 소스 자산 안쪽 여백을 조정하려면 슬라이더를 움직여 조정합니다. -10%에서 50% 사이의 값을 선택합니다. Trim도 함께 선택하면 잘라내기 작업이 먼저 이루어집니다. 기본값: 0%
    • Foreground - Clip Art 또는 Text 아이콘의 전경색을 변경하려면 이 필드를 클릭하세요. Select Color 대화상자에서 색을 지정하고 Choose를 클릭하세요. 그러면 필드에 새 값이 나타납니다. 기본값: 000000
    • Background - 배경색을 변경하려면 이 필드를 클릭하세요. Select Color 대화상자에서 색을 지정하고 Choose를 클릭하세요. 그러면 필드에 새 값이 나타납니다. 기본값: FFFFFF
    • Scaling - 아이콘 크기를 알맞게 맞추려면 Crop 또는 Shrink to Fit을 선택하세요. 자르기(Crop) 기능으로는 이미지 가장자리를 잘라낼 수 있지만 축소(Shrink) 기능으로는 잘라낼 수 없습니다. 소스 자산이 여전히 잘 맞지 않을 경우 필요에 따라 안쪽 여백을 조정할 수 있습니다. 기본값: Shrink to Fit
    • Shape - 소스 자산 뒤쪽에 배경을 배치하려면 모양을 선택하세요. 원, 정사각형, 세로 방향 직사각형, 가로 방향 직사각형 중 하나를 선택합니다. 배경을 투명하게 하려면 None을 선택하세요. 기본값: Square
    • Effect - 정사각형 또는 직사각형 모양의 오른쪽 위에 접힌 모서리 효과를 추가하려면 DogEar를 선택하세요. 추가하지 않으려면 None을 선택하세요. 기본값: None

    Image Asset Studio에서는 투명한 정사각형 모양 내부에 아이콘이 배치되므로 가장자리에 안쪽 여백이 약간 있습니다. 이 여백은 표준 그림자 아이콘 효과에 적합한 공간으로 활용할 수 있습니다.

  4. Next를 클릭합니다.
  5. 다음과 같이 리소스 디렉토리를 선택적으로 변경합니다.
    • Res Directory - 이미지 자산을 추가할 리소스 소스 세트를 선택합니다. src/main/res, src/debug/res, src/release/res 또는 사용자 정의 소스 세트 중에서 선택하면 됩니다. 기본 소스 세트는 디버그와 릴리스를 포함한 모든 빌드 변형에 적용됩니다. 디버그 및 릴리스 소스 세트는 기본 소스 세트를 재정의하고 한 빌드 버전에 적용됩니다. 디버그 소스 세트는 디버깅 전용입니다. 새 소스 세트를 정의하려면 File > Project Structure > app > Build Types를 선택합니다. 예를 들어, 베타 소스 세트를 정의하고 오른쪽 아래 모서리에 "BETA”라는 텍스트를 포함하는 아이콘 버전을 만들 수 있습니다. 자세한 내용은 빌드 변형 구성을 참조하세요.

    Output Directories 영역에는 Project 창의 Project Files 뷰에 나타날 이미지와 폴더가 표시됩니다.

  6. Finish를 클릭합니다.
  7. Image Asset Studio에서는 다양한 밀도에 대해 mipmap 폴더에 이미지가 추가됩니다.

작업 모음 또는 탭 아이콘 생성

Image Asset Studio를 연 후 다음 절차에 따라 작업 모음 또는 탭 아이콘을 추가할 수 있습니다.

  1. Icon Type 필드에서 Action Bar and Tab Icons를 선택합니다.
  2. Asset Type을 선택하고 아래쪽에 나타나는 필드에서 다음과 같이 자산을 지정합니다.
    • Clip Art 필드에서 버튼을 클릭합니다.
    • Select Icon 대화상자에서 머티리얼 아이콘을 선택하고 OK를 클릭합니다.

    • Path 필드에서 이미지의 경로와 파일 이름을 지정합니다. 대화상자를 사용하려면 ...을 클릭합니다.
    • Text 필드에서 텍스트 문자열을 입력하고 글꼴을 선택합니다.

    오른쪽의 Source Asset 영역과 마법사 아래쪽의 미리보기 영역에 아이콘이 나타납니다.

  3. 다음과 같이 이름과 표시 옵션을 선택적으로 변경할 수 있습니다.
    • Name - 기본 이름을 사용하지 않으려면 새 이름을 입력합니다. 입력한 리소스 이름이 프로젝트에 이미 존재하는 경우 마법사 하단에 오류로 표시되고 덮어쓰게 됩니다. 이름을 지정할 때 소문자, 밑줄, 숫자만 사용할 수 있습니다.
    • Trim - 소스 자산에서 아이콘 그래픽과 테두리 사이의 여백을 조정하려면 Yes를 선택합니다. 이 작업을 수행하면 투명한 공간이 제거되지만 가로 세로 비율은 유지됩니다. 소스 자산을 변경하지 않고 그대로 두려면 No를 선택합니다. 기본값: No
    • Padding - 4개의 면에서 모두 소스 자산 안쪽 여백을 조정하려면 슬라이더를 움직여 조정합니다. -10%에서 50% 사이의 값을 선택합니다. Trim도 함께 선택하면 잘라내기 작업이 먼저 이루어집니다. 기본값: 0%
    • Theme - HOLO_LIGHT 또는 HOLO_DARK를 선택합니다. 또는 Select Color 대화상자에서 색을 지정하려면 CUSTOM을 선택한 후 Custom color 필드를 클릭합니다. 기본값: None

    Image Asset Studio에서는 투명한 정사각형 모양 내부에 아이콘이 생성되므로 가장자리에 안쪽 여백이 약간 있습니다. 이 여백은 표준 그림자 아이콘 효과에 적합한 공간으로 활용할 수 있습니다.

  4. Next를 클릭합니다.
  5. 다음과 같이 리소스 디렉토리를 선택적으로 변경합니다.
    • Res Directory - 이미지 자산을 추가할 리소스 소스 세트를 선택합니다. src/main/res, src/debug/res, src/release/res 또는 사용자 정의 소스 세트 중에서 선택하면 됩니다. 기본 소스 세트는 디버그와 릴리스를 포함한 모든 빌드 변형에 적용됩니다. 디버그 및 릴리스 소스 세트는 기본 소스 세트를 재정의하고 한 빌드 버전에 적용됩니다. 디버그 소스 세트는 디버깅 전용입니다. 새 소스 세트를 정의하려면 File > Project Structure > app > Build Types를 선택합니다. 예를 들어, 베타 소스 세트를 정의하고 오른쪽 아래 모서리에 "BETA”라는 텍스트를 포함하는 아이콘 버전을 만들 수 있습니다. 자세한 내용은 빌드 변형 구성을 참조하세요.

    Output Directories 영역에는 Project 창의 Project Files 뷰에 나타날 이미지와 폴더가 표시됩니다.

  6. Finish를 클릭합니다.
  7. Image Asset Studio는 다양한 밀도에 대해 드로어블 폴더에서 이미지를 추가합니다.

알림 아이콘 생성

Image Asset Studio를 연 후 다음 절차에 따라 알림 아이콘을 추가할 수 있습니다.

  1. Icon Type 필드에서 Notification Icons를 선택합니다.
  2. Asset Type을 선택하고 아래쪽에 나타나는 필드에서 다음과 같이 자산을 지정합니다.
    • Clip Art 필드에서 버튼을 클릭합니다.
    • Select Icon 대화상자에서 머티리얼 아이콘을 선택하고 OK를 클릭합니다.

    • Path 필드에서 이미지의 경로와 파일 이름을 지정합니다. 대화상자를 사용하려면 ...을 클릭합니다.
    • Text 필드에서 텍스트 문자열을 입력하고 글꼴을 선택합니다.

    오른쪽의 Source Asset 영역과 마법사 아래쪽의 미리보기 영역에 아이콘이 나타납니다.

  3. 다음과 같이 이름과 표시 옵션을 선택적으로 변경할 수 있습니다.
    • Name - 기본 이름을 사용하지 않으려면 새 이름을 입력합니다. 입력한 리소스 이름이 프로젝트에 이미 존재하는 경우 마법사 하단에 오류로 표시되고 덮어쓰게 됩니다. 이름을 지정할 때 소문자, 밑줄, 숫자만 사용할 수 있습니다.
    • Trim - 소스 자산에서 아이콘 그래픽과 테두리 사이의 여백을 조정하려면 Yes를 선택합니다. 이 작업을 수행하면 투명한 공간이 제거되지만 가로 세로 비율은 유지됩니다. 소스 자산을 변경하지 않고 그대로 두려면 No를 선택합니다. 기본값: No
    • Padding - 4개의 면에서 모두 소스 자산 안쪽 여백을 조정하려면 슬라이더를 움직여 조정합니다. -10%에서 50% 사이의 값을 선택합니다. Trim도 함께 선택하면 잘라내기 작업이 먼저 이루어집니다. 기본값: 0%

    Image Asset Studio에서는 투명한 정사각형 모양 내부에 아이콘이 생성되므로 가장자리에 안쪽 여백이 약간 있습니다. 이 여백은 표준 그림자 아이콘 효과에 적합한 공간으로 활용할 수 있습니다.

  4. Next를 클릭합니다.
  5. 다음과 같이 리소스 디렉토리를 선택적으로 변경합니다.
    • Res Directory - 이미지 자산을 추가할 리소스 소스 세트를 선택합니다. src/main/res, src/debug/res, src/release/res 또는 사용자 정의 소스 세트 중에서 선택하면 됩니다. 기본 소스 세트는 디버그와 릴리스를 포함한 모든 빌드 변형에 적용됩니다. 디버그 및 릴리스 소스 세트는 기본 소스 세트를 재정의하고 한 빌드 버전에 적용됩니다. 디버그 소스 세트는 디버깅 전용입니다. 새 소스 세트를 정의하려면 File > Project Structure > app > Build Types를 선택합니다. 예를 들어, 베타 소스 세트를 정의하고 오른쪽 아래 모서리에 "BETA”라는 텍스트를 포함하는 아이콘 버전을 만들 수 있습니다. 자세한 내용은 빌드 변형 구성을 참조하세요.

    Output Directories 영역에는 Project 창의 Project Files 뷰에 나타날 이미지와 폴더가 표시됩니다.

  6. Finish를 클릭합니다.
  7. Image Asset Studio는 다양한 밀도와 버전에 대해 드로어블 폴더에서 이미지를 추가합니다.

코드의 이미지 리소스 참조

코드에서 일반적인 방법으로 이미지 리소스를 정상적으로 참조할 수 있고, 앱 실행 시 기기에 따라 그에 상응하는 이미지가 자동으로 표시됩니다.

메인 스레드에서만 이미지 리소스에 액세스할 수 있습니다.

프로젝트의 res/ 디렉토리에 이미지 리소스가 있으면 리소스 ID를 사용하여 자바 코드나 XML 레이아웃에서 이 리소스를 참조할 수 있습니다. 다음은 drawable/myimage.png 리소스를 사용하기 위해 ImageView를 설정하는 자바 코드입니다.

ImageView imageView = (ImageView) findViewById(R.id.myimageview);
imageView.setImageResource(R.drawable.myimage);

자세한 정보는 리소스 액세스를 참조하세요.

런처 아이콘의 경우 AndroidManifest.xml 파일은 mipmap/ 위치를 참조해야 합니다. Image Asset Studio는 이 코드를 자동으로 추가합니다. 다음 매니페스트 파일 코드는 mipmap/ 디렉토리에서 ic_launcher 아이콘을 참조합니다.

<application android:name="ApplicationTitle"
         android:label="@string/app_label"
         android:icon="@mipmap/ic_launcher" >

프로젝트에서 아이콘 삭제

프로젝트에서 아이콘을 삭제하는 절차는 다음과 같습니다.

  1. Project 창에서 Android 뷰를 선택합니다.
  2. 런처 아이콘에 대해서는 res/mipmap 폴더, 다른 유형의 아이콘에 대해서는 res/drawable 폴더를 펼칩니다.
  3. 삭제하려는 아이콘의 이름이 있는 하위 폴더를 찾습니다.
  4. 이 폴더에는 서로 다른 밀도에 아이콘이 있습니다.

  5. 폴더를 선택하고 Delete 키를 누릅니다.
  6. 또는 Edit > Delete를 선택합니다. 또는 파일을 마우스 오른쪽 버튼으로 클릭하고 Delete를 선택합니다.

    Safe Delete 대화상자가 나타납니다.

  7. 프로젝트에서 아이콘이 사용되는 위치를 찾는 옵션을 선택하고 OK를 클릭합니다(선택 사항).
  8. 그러면 Android Studio의 프로젝트와 드라이브에서 파일이 삭제됩니다. 하지만 프로젝트에서 파일이 사용되는 곳을 검색하여 찾은 경우 해당 위치를 확인하고 삭제할지 결정할 수 있습니다. 프로젝트를 성공적으로 컴파일할 수 있으려면 이러한 참조를 삭제하거나 바꾸어야 합니다.

  9. Build > Clean Project를 선택합니다.
  10. 그러면 Android Studio에서는 생성된 이미지 파일 중 삭제한 이미지 리소스에 해당하는 이미지 파일을 전부 프로젝트와 드라이브에서 삭제합니다.

  11. 필요한 경우 코드에서 이 리소스를 참조하는 부분으로 인한 나머지 오류를 모두 수정합니다.
  12. Android Studio는 코드에서 이러한 오류를 강조표시합니다. 코드에서 모든 참조를 제거했으면 이제 프로젝트를 다시 성공적으로 빌드할 수 있습니다.

This site uses cookies to store your preferences for site-specific language and display options.

Hooray!

This class requires API level or higher

This doc is hidden because your selected API level for the documentation is . You can change the documentation API level with the selector above the left navigation.

For more information about specifying the API level your app requires, read Supporting Different Platform Versions.

Take a one-minute survey?
Help us improve Android tools and documentation.