큰 이미지에서 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.