앱 개발에 필요한 image magick 활용
TRANSCRIPT
![Page 1: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/1.jpg)
앱 개발에 필요한 Image Magick 활용
2014. 2. 18
스마트 앱 개발자 포럼 박동규
http://ivis.cwnu.ac.kr/tc/dongupak/
![Page 2: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/2.jpg)
Image Magick?
• 그래픽 이미지를 새로 만들거나 고치는데 사용되는 소프트웨어
• 오픈소스, GPLv3 라이센스에 의해 배포함
• 커맨드라인에서 이미지를 생성하고 변형가능함
• Perl API를 비롯한 다양한 언어에서 사용가능한 API를 제공함
![Page 3: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/3.jpg)
• convert라는 커맨드 라인 명령을 통해 화일 형식 변환
• 컬러 양자화(quantization)
• 여러 종류의 색상을 몇가지 지정된 색상으로 지능적으로 변환 시킴
• 디더링
• 색을 배합하여 다른 색상을 표현
파일 형식 변환
![Page 4: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/4.jpg)
Image Magick 설치
![Page 5: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/5.jpg)
설치
http://www.imagemagick.org/script/binary-releases.php#macosx
![Page 6: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/6.jpg)
명령행 처리 실습
![Page 7: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/7.jpg)
간단한 파일 형식 변환
![Page 8: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/8.jpg)
시스템 설정
![Page 9: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/9.jpg)
간단한 bash 설정
• export PS1=“$ “
• 프롬프트 변경
• 설정 파일
• .bash_profile 파일
![Page 10: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/10.jpg)
resize
![Page 11: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/11.jpg)
회전
![Page 12: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/12.jpg)
명령행 형식• command [option] input_image output_image
• 사용가능한 명령
• -crop -repage -border -frame -trim -chop -draw -annotate -resize -scale -sample -thumbnail -magnify -adaptive-resize -liquid-resize -distort -morpohology -sparse-color -rotate -swirl -implode -wave -flip -flop -transpose -transverse -blur -gaussian-blur -convolve -shadow --radial-blur -motion-blur -sharpen -unsharp -adaptive-sharpen -adaptive-blur -noise -despeckle -median -negate -level -level-color -gamma -auto-level -auto-gamma -sigmoidial-contrast -normalize -linear-stretch -contrast-stretch -colorize -tint -modulate -contrast -equalize -sepia-tone -solarize -recolor -opaque -transparent -colors -map -ordered-dither -random-dither -raise -paint -sketch -charcoal -edge -vignette -emboss -shade -poloroid -encipher -decipher -stegano -evaluate -function -alpha -colorspace -separate
![Page 13: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/13.jpg)
identify 명령
![Page 14: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/14.jpg)
Thumbs.db
• Thumbsmail : 견본사진
• 삭제 : Window 에서 제어판-폴더옵션-보기-미리보기 캐시 안함에 체크
• 기존의 Thumb.db 파일삭제?
![Page 15: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/15.jpg)
Thumbs.db 파일 삭제
![Page 16: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/16.jpg)
Icon resizing
![Page 17: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/17.jpg)
working with images
http://docs.xamarin.com/guides/ios/application_fundamentals/working_with_images/
![Page 18: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/18.jpg)
iTunesArtwork
• 앱을 ad hoc으로 배포하고자 하는 경우
• iTunes에서 나타내는데 필요한 1024x1024 이미지를 필요로함
• 512x512, 1024x1024(Retina display)의 두 아이콘이 필요함
![Page 19: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/19.jpg)
xcode xcassets 등록
29pt 58 pixel(in Retina)
![Page 20: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/20.jpg)
앱스토어 등록시 크기조절convert IMG_2284.PNG -crop 640x960+0+0 crop_IMG_2284.PNG
![Page 21: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/21.jpg)
앱스토어 등록시
![Page 22: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/22.jpg)
resize Script
![Page 23: 앱 개발에 필요한 Image magick 활용](https://reader034.vdocuments.net/reader034/viewer/2022050805/55a25b741a28ab872b8b461a/html5/thumbnails/23.jpg)
결과
@2x.png 이미지를 이용한 .png 이미지 자동생성