큰 이미지에서 xxhdpi, xhdpi, hdpi, mdpi 및 ldpi 드로어 블을 만드는 방법이 있습니까?


271

대규모 이미지에서 xxhdpi, xhdpi, hdpi, mdpi 및 ldpi 드로어 블을 자동으로 만드는 방법이 있습니까? 예를 들어 512x512 이미지가 있고 적절한 폴더에서 Android가 지원하는 다른 화면 해상도를 위해이 이미지의 다른 버전을 원한다고 가정합니다.


3
Windows를 사용하는 경우 : github.com/delight-im/AndroidDrawableResizer
— caw

Android 에서이 도구를 사용하여 사진을 휴대 전화의 다운로드 폴더에 넣은 다음 참조 크기 및 dpi를 선택하고 모든 밀도로 변환하고 적절한 폴더를 만듭니다. play.google.com/store/apps/details ? id = fr.arnaudguyon.dpiresizer
— Arnaud

빠르고 쉬운 방법이 답변을 확인 - stackoverflow.com/a/40830399/4015856
— 아심 KT

4
Android Studio res -> New -> Image AssetLauncher Icons (legacy)
— 에서을

답변:


191

옵션 # 1 : -xxhdpi드로어 블을 배송하고 런타임에 Android가 다운 샘플링하도록합니다 (다운 사이드 : -xxhdpi알려진 최신 장치에서만 작동 함).

옵션 # 2 : Android Asset Studio 를 사용 하여 다운 샘플링하십시오.

옵션 # 3 : ssantos 'answer에 따라 그래픽 편집기 내에서 프로세스를 자동화하십시오 .

옵션 # 4 : ImageMagick과 같은 것을 사용하여 스스로 솔루션을 작성하십시오.

옵션 # 5 : 이미지 베이커 사용


xxhdpi와 xhdpi 만 배송 할 수 있습니까? xxhdpi를 이해하지 못하는 장치는 xhdpi에서 다운 스케일 될 것이라고 가정합니다
— Juan Campa

@Juan : "xxhdpi와 xhdpi 만 대안으로 배송합니까?" -귀하 minSdkVersion가 8 이상인 경우에만 해당됩니다 . 그보다 오래된 장치를 지원하려는 경우 API 레벨 7 이하의 장치도 필요 hdpi하지 xhdpi않습니다 xxhdpi. 이제 다운 샘플링 된 드로어 블의 모양을 좋아하는지 여부는 완전히 다른 문제입니다.
— CommonsWare

옵션 # 1과 xxhdpi존재하지 않는 것에 대한 귀하의 의견에 관해서 는 이것이 옳지 않다고 생각합니다. 내부적으로 Android는 리소스 한정자에 문자열이 아닌 DPI 번호 (160, 320, 480 등)를 사용합니다. 시스템 DPI가 160이고 640 이미지를 찾으면 텍스트 한정자를 "알지 않아도"되므로 이미지를 4 씩 다운 샘플링합니다. xxxhdpi(Android 4.3) 폴더 에만있는 리소스 를 Android 2.3 기기로 배송했습니다 .
— Matt Quigley

옵션 2는 xxxhdpi를 지원하지 않습니다
— 표시 이름

2
옵션 # 4 : ImageMagick이와 스크립트 솔루션 여기
— rdromao

158

업데이트 :

이전에 언급 한 플러그인은 버려졌지만 여기에 최신 포크가있는 것 같습니다 .

기존 답변 :

나는 안드로이드 스튜디오 플러그인을 사용한다 Android Drawable Importer:

여기에 이미지 설명을 입력하십시오

설치 후 사용하려면 res / drawable 폴더를 마우스 오른쪽 버튼으로 클릭하고 다음을 선택하십시오 New > Batch Drawable Import.

그런 다음 +버튼을 통해 이미지를 선택 하고 해상도를 xxhdpi (또는 소스 이미지의 해상도가 무엇이든)로 설정하십시오.


13
고맙지 만 '스케일 드로어 블'대신 '배치 드로어 블 가져 오기'를 사용했습니다.
— Malder

@ user123456가 말한대로 그리기가 표시되지 않은 스케일 때문에 일괄 드로어 블을 사용했다
— lujop

1
이 플러그인은 2016 년 마지막 커밋 ( github.com/winterDroid/… ) 에서 더 이상 유지 보수되지 않는 것으로 보입니다. 응답이없는 충돌 보고서 ...
— 활동 감소

3
AS 3.6 에서이 사랑스러운 플러그인 을 부활 시킬 수 있었으며 테스트되지는 않았지만 AS 3.5에서도 가능합니다.
— 나쁜 패자

2
@PrajwalW, 최신 포크를 언급하도록 답변을 업데이트했습니다.
— Adam Johns

97

최신 정보:

플러그인을 설치하는 오래된 방법은 더 이상 작동하지 않지만 원래 플러그인 포크는 여전히 작동 합니다 . 플러그인을 수동으로 설치 한 후에도이 답변을 따를 수 있습니다.

빠르고 쉬운 방법으로 https://www.img-bak.in/ 또는 https://appicon.co/ 를 방문 하려면 iOS에서도 작동합니다.

프로세스를 단계별로 설명하려고 노력하므로 누구나 쉽게 이해할 수 있습니다.

1. ReadME에 제공된대로 플러그인을 수동으로 설치하십시오.

2. 안드로이드 스튜디오를 다시 시작

3. 다음 스크린 캡에서 볼 수 있듯이 여기에는 드로어 블이 하나만 있습니다.

여기에 이미지 설명을 입력하십시오

4. 이제 drawable 폴더를 마우스 오른쪽 버튼으로 클릭하고 New> Batch Drawable Import로 이동하십시오.

여기에 이미지 설명을 입력하십시오

8. 이제 추가 아이콘을 클릭하십시오

5. 이제 다양한 드로어 블 변형을 원하는 "단일" 이미지를 선택하십시오.

여기에 이미지 설명을 입력하십시오

6. 이제 원점 이미지의 치수를 선택하십시오. 필자의 경우와 같이 원점 이미지가 xxhdpi 인 경우 "Source Resoultion"으로 "xxhdpi"를 선택하십시오.

7. 이제 ok를 누른 다음 ok를 다시 누르십시오. 그러면 몇 초가 걸리고 드로어 블의 모든 변수를 마술처럼 얻게됩니다.여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오


3
이 플러그인은 좋지만 자산의 품질을 좋게 유지하려면 원래 크기에 충분한 해상도가 있어야합니다. 처음에는 디자이너에게 xxxhdpi 자산을 요청한 다음 축소하는 것이 좋습니다.
— narko

@LaxmanBhattarai, 태블릿에서만 가로 방향으로 응용 프로그램을 지원하고 싶습니다. 따라서 모든 태블릿 장치를 지원하기 위해 이미지에 어떤 드로어 블 폴더를 사용해야합니까? 알려주세요.
— Hiren Patel

developer.android.com/training/basics/supporting-devices/... 이 문서를 참조하십시오 내가 추가 생각 -land 폴더의 끝 부분에 가로 레이아웃이 발생할 수 있습니다하십시오
— erluxman

"아이콘 팩 드로어 블 임포터"옵션은 머티리얼 / 안드로이드 아이콘을 사용하여 해결되었습니다. @LaxmanBhattarai 팁 감사합니다
— Francis Rodrigues

1
이 플러그인은 2016 년 마지막 커밋 ( github.com/winterDroid/… ) 에서 더 이상 유지 보수되지 않는 것으로 보입니다. 응답이없는 충돌 보고서 ...
— 활동 감소

67

Image Baker 와 같은 온라인 서비스를 사용하십시오 .

이미지 베이커

간단 해. Android 및 iOS 용 이미지를 업로드하고 처리 된 자산을 다운로드하십시오.

다운로드 한 이미지

참고 : Image Baker는 친구와 본인이 만든 무료 서비스입니다.


1
나를 위해 일하고 있습니다. 개발자에게 직면 한 문제에 대해 의견을 제공 할 수있는 피드백 위젯이 있다고 생각합니다.
— Asim KT

5
예, 작동하지 않습니다. "이미지 업로드 중"으로
— 유지됨

1
작동합니다. 무료 서비스 서버이므로 느려질 수 있습니다. (24 시간 후 청소를위한 크론 작업) 하루 후에 다시 시도하거나 개발자에게 알리십시오.
— Asim KT

왜 cron 작업이 더 자주 실행되는 대신 24 시간에 한 번 실행되어 중단되지 않도록해야합니까? 무료 서비스의 제한입니까? 또한 무료 서버에서 실행되는 경우 "서비스를 실행하려면 연간 약 100 달러가 필요합니다"(개발자 비용)가있는 이유는 무엇입니까?
— 활동 감소

1. 무료 서비스의 한계입니다. 2. 무료 인 경우 돈이 필요 없습니다. (전용 도메인 무료)
— 아심 KT

40

CommonsWare의 답변에 따라 ImageMagick (변환)을 사용하는 bash 스크립트 :

Kishan Vaghela 덕분에 폴더 생성 및 인수 확인 추가

#!/bin/sh
#---------------------------------------------------------------
# Given an xxhdpi image or an App Icon (launcher), this script
# creates different dpis resources and the necessary folders
# if they don't exist
#
# Place this script, as well as the source image, inside res
# folder and execute it passing the image filename as argument
#
# Example:
# ./drawables_dpis_creation.sh ic_launcher.png
# OR
# ./drawables_dpis_creation.sh my_cool_xxhdpi_image.png
#
# Copyright (c) 2016 Ricardo Romao.
# This free software comes with ABSOLUTELY NO WARRANTY and
# is distributed under GNU GPL v3 license. 
#---------------------------------------------------------------

if [ $# -eq 0 ]; then
    echo "No arguments supplied"
else if [ -f "$1" ]; then
    echo " Creating different dimensions (dips) of "$1" ..."
    mkdir -p drawable-xxxhdpi
    mkdir -p drawable-xxhdpi
    mkdir -p drawable-xhdpi
    mkdir -p drawable-hdpi
    mkdir -p drawable-mdpi

    if [ $1 = "ic_launcher.png" ]; then
        echo "  App icon detected"
        convert ic_launcher.png -resize 144x144 drawable-xxhdpi/ic_launcher.png
        convert ic_launcher.png -resize 96x96 drawable-xhdpi/ic_launcher.png
        convert ic_launcher.png -resize 72x72 drawable-hdpi/ic_launcher.png
        convert ic_launcher.png -resize 48x48 drawable-mdpi/ic_launcher.png
        rm -i ic_launcher.png
    else
        convert $1 -resize 75% drawable-xxhdpi/$1
        convert $1 -resize 50% drawable-xhdpi/$1
        convert $1 -resize 38% drawable-hdpi/$1
        convert $1 -resize 25% drawable-mdpi/$1
        mv $1 drawable-xxxhdpi/$1
    fi
echo " Done"
else
    echo "$1 not found."
fi
fi

2
매우 유용한 스크립트! 어쨌든 xhdpi에는 67 % (66 % 대신)를 사용합니다. xhdpi와 xxhdpi의 비율이 2/3이기 때문에 백분율로 보았을 때 반올림하면 67이됩니다. 그렇지 않으면 66을 사용하고 입력 해상도가 xxhdpi = 96 * 96이라고하면 xhdpi = 63 * 63이됩니다. 64 * 64 대신
— HaimS

찾을 수 없다면 dir을 만들어야합니다
— Kishan Vaghela

업데이트 된 스크립트를 확인하십시오 gist.github.com/Kishanjvaghela/8ec54f66c322d8d6940b4c0d1a58098d
— Kishan Vaghela

매우 유용하고 잘 작동합니다. 나는 당신이 끝에 하나의 fi를 잃어버린 것 같아요. bash는 4.3.11에 오류가 제공합니다
— 미죠

당신은 맞습니다 @Mijo, Kishan은 그의 요지에서 마지막 fi를 실제로 가지고 있었고, 나는 그것을 어리석게 제거했습니다
— rdromao

23

편집하다:

이제 웹 사이트 이름은 appicon.co입니다.


나는 일반적으로 assets.codly.io를 사용
합니다. 브라우저에서 자산을 로컬로 생성하고 업로드하거나 다운로드하지 않습니다.

여기에 이미지 설명을 입력하십시오


입력으로 "앱 아이콘 이미지 (1024x1024") 만 허용합니다.
— 활동 감소

2
@MateuszKonieczny 웹 사이트가 업데이트되었습니다. 나머지 이미지에는 이미지 세트라는 이미지에 대한 또 다른 탭이 있습니다.
— A.Zidan

안드로이드의 경우 앱 아이콘 만 생성합니다. 또한 드로어 블 아이콘도 생성합니다
— Nivrutti Pawar

해당 웹 사이트에서 디자인의 기본 크기는 무엇입니까? 우리는 3x 또는 4x를 선택해야합니까 ??
— K Pradeep Kumar Reddy

13

새로운 Android Studio에서 쉬운 방법을 찾았습니다.

여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오


KinhKohn, 그리고 더 무엇? 다른 자원을 선택할 수 있습니까?
— CoolMind

원하는 이미지를 업로드하려면 찾아보기 옵션을 사용하십시오. 이것이 의미하는 바입니다.
— Kohn1001 2019

예, 작동합니다. 그러나 자산 유형 "실행기 아이콘"에서만 필요한 색상 아이콘을 만드는 것 같습니다. 또한 런처 아이콘을 대체합니다. 그리고 밉맵 폴더에 이미지를 넣습니다.
— CoolMind

1
아이콘을 추가하려는 경우에만 적합합니다.
— 활동 감소

8

Eclipse에서 Android 아이콘 세트라는 도구를 사용하여 Launcher, ActionBar, Tab 아이콘 및 알림 아이콘과 같은 표준 아이콘을 사용합니다. File-> New-> Other ..-> Android-> Android Icon Set에서 시작할 수 있습니다. 가장 좋은 점은 컴퓨터에서 파일을 선택할 수 있으며 표준 크기의 모든 이미지를 프로젝트 디렉토리에 자동으로 배치한다는 것입니다.

여기에 이미지 설명을 입력하십시오


... 또한 다음 도구와 같은 웹 사이트를 사용할 수도 있습니다. android-ui-utils.googlecode.com/hg/asset-studio/dist/… (이 답변에 설명 된 도구는 Eclipse에 직접 통합되어 있으므로 더 좋습니다. 아이콘이 올바른 폴더에 자동으로 배치됩니다).
— Booger

"일반 아이콘"을 지원합니까?
— 알리 Behzadian Nejad

웹 도구가이를 지원하는 것 같습니다. 그래도 웹을 사용하지 않았습니다. :이 링크를 확인하실 수 있습니다 android-ui-utils.googlecode.com/hg/asset-studio/dist/...
— 니틴 세티

7
  1. https://romannurik.github.io/AndroidAssetStudio/index.html을 사용 하십시오 . 이미지에서 아이콘 세트를 만들 수 있으며 나중에 zip 파일을 다운로드 할 수 있습니다.
  2. 또는 https://github.com/redwarp/9-Patch-Resizer/releases (설치할 필요는 없음) 에서 Windows 응용 프로그램을 다운로드하고 아이콘을 엽니 다.
  3. 또한 플러그인을 사용할 수 있습니다 ( Android Drawable Importer위의 답변 참조). 버리기 때문에 포크를 설치하십시오. 참조 왜 안드로이드 그리기 가능 수입은 AS 3.5 이후의 선택을 무시하지 또는 https://github.com/Vincent-Loi/android-drawable-importer-intellij-plugin을 .
  4. https://appicon.co/#image-sets .

2
Android Drawable Importer 의 작성자 가 AWOL이 될 때까지 이후 Android Studio 릴리스를 위해 임시 설치 zip 을 작성했습니다.
— 나쁜 패자

@BadLoser, 주제를 보았습니다. 감사합니다! 나는이 플러그인을 거의 사용하지 않으며, 버그가 포함되어 있으므로 다시 발생하면 솔루션을 시도해보십시오.
— CoolMind

그렇습니다. 글은이 오래된 것에 대한 벽에 있습니다. 그러나 AS Resource Manager가 완전히 정리할 때까지는 그렇지 않습니다!
— 나쁜 패자

4

Android Studio 이미지 자산 사용

이동 :

 Project>res --> right click

 new> image asset

그런 다음 설정하십시오.

-Icon type: Launcher Icons
-Asset type: Image
-Path: the/path/to/your/image
-Trim: No
-Padding: 0%
-Shape: None
-Effect: None

다음> 마침을 선택하십시오.

Now you will have your icon in the correct resolutions.

시각적 예 :

편집 : SVG 이미지를 사용하여 벡터 드로어 블을 만든 다음 캔버스에서 이미지를 사용하여 올바른 크기로 크기를 조정하거나 DP를 변경하는 것이 좋습니다.

Google에서 기본 아이콘을 얻거나 나만의 아이콘을 만들 수 있습니다.

 Project>res --> right click
 new> vector asset

그런 다음 설정하십시오.

-Asset type: Local file (SVG, PSD)
-Path: the/path/to/your/image
-Size: check Override to keep your aspect ratio.
-Chek enable auto mirroring for RTL Layout.

다음> 마침을 선택하십시오.

이제 아이콘이 생겨 크기, 색상 등을 변경할 수 있습니다. 여기에 이미지 설명을 입력하십시오


2

SVG (Scalable Vector Graphics) 와 함께 Vector Asset Studio를 사용할 수도 있습니다 . Android Studio가 나머지를 처리합니다. 현상태대로 공식 문서가 말한다 :

Vector Asset Studio를 사용하면 재료 아이콘을 추가하고 SVG (Scalable Vector Graphic) 파일을 드로어 블 리소스로 앱 프로젝트에 가져올 수 있습니다. 래스터 이미지와 비교하여 벡터 드로어 블은 앱의 크기를 줄이고 이미지 품질의 손실없이 크기를 조정할 수 있습니다. 그것들은 모든 화면에 하나의 벡터 드로어 블을 표시 할 수 있기 때문에 다양한 화면 크기와 해상도로 다른 Android 장치를보다 쉽게 ​​지원할 수 있습니다.

나는 이것이 미래의 접근법이라고 생각한다.

Vector Asset Studio의 메뉴 항목

Vector Asset Studio의 스크린 샷


2

PSD 파일에서 ic_launcher png 파일을 만드는 Photoshop 스크립트를 작성했습니다. ic_launcher_exporter 확인 하십시오 .

사용하려면 다운로드하여 Photoshop에서 스크립트를 사용하십시오.

여기에 이미지 설명을 입력하십시오

출력 파일을 생성 할 위치를 구성하십시오.

여기에 이미지 설명을 입력하십시오


1

100 % 자동은 아니지만 Photoshop Actions를 사용하면 많은 시간을 절약 할 수 있습니다 .

예를 들어 xhdpi자산이 주어지면 hdpi및에 대한 작업을 mdpi각각 66.66 % 및 44.44 %로 만듭니다. 그런 다음 폴더의 모든 이미지에 대한 작업을 실행합니다 xhdpi.

512x512 이미지의 경우 xxhpi, xhdpi, hdpi 및 mdpi를 달성하기 위해 이미지의 비율을 조정해야하는 비율을 계산하기 만하면됩니다.


0

이 스레드 에서이 모든 방법으로 솔루션을 사용했으며 플러그인 Android Drawable Importer를 사용하여 쉽게 작업 할 수 있습니다.

MacOS에서 Android Studio를 사용하는 경우 다음 단계를 수행하십시오.

  • 막대 메뉴 Android Studio 를 클릭 한 다음 기본 설정 을 선택 하거나 Command +,
  • 그런 다음 플러그인을 선택하십시오
  • 저장소 찾아보기를 클릭하십시오.
  • 검색 coloumn Android Drawable Importer에 쓰기
  • 설치 버튼을 클릭하십시오
  • 그런 다음 다시 시작 대화 상자가 표시됩니다 .Android Studio를 다시 시작하십시오.

플러그인을 성공적으로 설치 한 후이 플러그인을 작동 시키려면 Create New 메뉴를 클릭 한 다음 Batch Drawable Import 를 선택하십시오 . 그런 다음 더하기 버튼, 일명 추가 버튼을 클릭하고 그릴 수 있도록 파일을 선택하십시오. 그런 다음 확인을 클릭하면 드로어 블이 모두 만들어집니다.

내 단어와 혼동되는 경우 learningmechine 의 이미지 자습서를 참조하십시오 .


2
전혀 없습니다 Android Drawable Importer시장에서 플러그인은 더 이상. 나는 Android Asset Importer but it crashes그것을 열려고 할 때 시도했다 (Android Studio 3.6.1). 나는 appicon.co
— flawyte

-1

Android의 간단한 플러그인이 1 단계에 도움이됩니다. 1 단계 설정으로 이동하십시오. 2 단계 플러그인을 클릭하십시오. 3 단계. Android Drawable Importer 검색 4 단계. 플러그인을 설치하고 다시 시작하십시오.

사용하는 방법?

File> New> Batch Drawable Import로 이동하십시오.

즐겨


Android Drawable ImporterAndroid Studio 마켓 플레이스 에는 더 이상 플러그인이 없습니다.
— Micer
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.