Show 웹개발자의 기지개모바일 해상도별로 이미지 자동 만들고 이용하기 (앱이미지 자동생성) 본문안드로이드 모바일 해상도별로 이미지 자동 만들고 이용하기 (앱이미지 자동생성)원패이퍼 2020. 1. 17. 22:54 보통 모바일기종이 아주 다양하고 해상도도 제각각 다양하다. 잠깐 아래에 해상도별로 나름 정리해 보았다. ldpi (120dpi) ldpi(120dpi /기타 소형단말기) : 240 x 320 안드로이드 상에서 대략적으로 하나의 이미지에 대하여 5가지의 해상도별로 크기가 다른 같은 이미지를 준비해 두고 복사해서 넣어두면 된다. mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi 보통은 디자인툴로 해상도 크기별로 만들어도 되지만 같은 이미지를 안드로이드 해상도별로 나누어 자동으로 만들어주는 사이트들이 있다. https://romannurik.github.io/AndroidAssetStudio/ 상가 사이트에는 해상도별 이미지뿐만 아니라 아이콘도 제너레이터 시켜주는 코너 또한 있다. 우리는 여기서 Simple nine-patch generator 코너를 이용한다. 여기서 Select image 해서 원하는 이미지를 올린다음 우측 오른쪽에 클릭하면 해상도폴더별로 깔끔하게 크기를 자동 만들어주고 zip파일형태로 다운로드 받을 수 있다. 해상도별로 이미지를 자동 만들어 준다.필자는 t01_1, t01_2, t01_3, t05_1, t05_2, t05_3, t10_1, t10_2, t10_3 파일명 형태를 가지는 이미지파일을 각각 하나씩 만들어 놓고 상기 generator 웹사이트에서 해상도별로 크기별로 자동 만들어 주는 방법으로 이미지를 확보해 두었다. 그다음으로는 이제 Android Studio 로 간다. 위의 그림을 보면 res > drawable 폴더가 보통의 안드로이드 상에서 이미지를 복사하여 이용하는 특정 이미지 폴더 구역이라 보면 되는데, 여기서 마우스 우클릭하고 Show in Exploder 클릭해보자. 그러면 아래의 같이 윈도우 탐색기가 실행되며 res 폴더내 하위 폴더 부분을 자동으로 열어 준다. 여기에 아까 준비해둔 5가지의 각각 이미지폴더(drawable-hdpi 등등) 들을 복사하여 붙인다. 자 그러면 아래 그림과 같이 Android Studio 에서는 자동 리플래쉬 되면서 현재 이미지 폴더 관련 내역들을 정리하여 읽어와 준다. 상기 이미지의 빨간 테두리선처럼 t01_1 이름 별로 이쁘게 묶여져서 정리해 준다. 이제 안드로이드 코드에서 해상도 크기는 신경쓰지 않고 R.drawable.t01_1 이나 R.drawable.t01_3 이런식으로 죽죽 사용해버리면 된다. ~~ 웹 이미지 사이즈, 비례, 해상도게시일: 2007-06-21, 업데이트: 2022-12-07 피클웹 102 2022-12-072007-06-21 웹 상에서 많이 쓰이는 이미지의 사이즈, 해상도 혹은 가로, 세로 비례를 소개합니다. 단위는 픽셀 (pixel, px) 입니다. 컴퓨터 모니터가로 세로 16 : 9 비율. 프레젠테이션 슬라이드, 컴퓨터
모니터, 와이드 스크린 TV. SNS 프로필가로 세로 1 : 1 비율. 8 x 8 인치 황금비율가로 세로 1 : 1.618 비율. 구형 모니터가로 세로 4 : 3 비율. 구형 TV, 구형 모니터, 디지털카메라. 8 x 6 인치 신용카드가로 세로 1 : 1.56 비율. A4 용지가로 세로 1 : 1.414 비율. 35 밀리미터 영화가로 세로 3 : 2 비율. 6 x 4 인치 1185 x 5001185 x 500, 2560 x 1080 블로그 |