Icon Tester

iOS
Android

English | 한국어

iPhone iPhone App Icon iPhone 앱 아이콘

icon 57x57 px
iOS 5,6
R 10 px
icon@2x 114x114 px
iOS 5,6 / Retina
R 20 px
icon-60@2x 120x120 px
iOS 7,8 / Retina
icon-60@3x 180x180 px
iOS 7,8 / Retina HD

iPhone Spotlight Icon iPhone 검색(Spotlight) 아이콘

Icon-Small 29x29 px
iOS 5,6
R 5.088 px
Icon-Small@2x 58x58 px
iOS 5,6 / Retina
R 10.175 px
icon-40@2x 80x80 px
iOS 7,8 / Retina
icon-40@3x 120x120 px
iOS 7,8 / Retina HD

iPhone Settings Icon iPhone 설정 아이콘

Icon-Small 29x29 px
iOS 5,6
R 5.088 px
Icon-Small@2x 58x58 px
iOS 5,6
R 10.175 px
Icon-Small@2x 58x58 px
iOS 7,8 / Retina
Icon-Small@3x 87x87 px
iOS 7,8 / Retina HD

iPad iPad App Icon iPad 앱 아이콘

icon-72 72x72 px
iOS 5,6
R 12.632 px
icon-72@2x 144x144 px
iOS 5,6 / Retina
R 25.263 px
icon-76 76x76 px
iOS 7,8
icon-76@2x 152x152 px
iOS 7,8 / Retina

iPad Spotlight Icon iPad 검색(Spotlight) 아이콘

Icon-Small-50 50x50 px
iOS 5,6
R 8.772 px
Icon-Small-50@2x 100x100 px
iOS 5,6 / Retina
R 17.544 px
icon-40 40x40 px
iOS 7,8
icon-40@2x 80x80 px
iOS 7,8 / Retina

iPad Settings Icon iPad 설정 아이콘

Icon-Small 29x29 px
iOS 5,6
R 5.088 px
Icon-Small@2x 58x58 px
iOS 5,6 / Retina
R 10.175 px
Icon-Small 58x58 px
iOS 7,8
Icon-Small@2x 58x58 px
iOS 7,8 / Retina

iTunes Artwork App Store Icon 앱 스토어 아이콘

iTunesArtwork 1024x1024 px
iOS 5,6
R 179.65 px
iTunesArtwork 1024x1024 px
iOS 7,8

English | 한국어

Icon Test Tool for Designer 디자이너를 위한 아이콘 테스트 툴 Icon Tester is Web App, you will be able to test easily your icon by Add to Home Screen function on iOS - Safari or Android - Google Chrome.
To use Icon Tester you will need your Web Server(Local or Internet). Icon Tester는 iOS - Safari 또는 Android - Google Chrome의 홈 화면에 추가 기능을 사용하여 쉽게 아이콘을 테스트할 수 있는 웹 앱입니다.
Icon Tester를 쓰려면 당신의 웹 서버(로컬 또는 인터넷)가 필요합니다. Icon Tester Ver.2.2 Icon Tester Ver.2.2

How to Use 사용법

Download Icon Tester to your Mac or PC.
Unzip and Upload all files(index.html, css and images folders) to your Web Server.
Overwrite your icon image files on images folder.
Android: Overwrite "images/android/icon.png" image.
Open the index.html on device default web browser of your device.
iOS: Safari(iPhone or iPad)
Android: Google Chrome
Add to Home Screen.
iOS: Tap Share bottun and then Add to Home Screen
Android: Tap menu button(top right), Tap Add to Home Screen.
If you want Icon refresh, Overwrite icon image files again,
iOS: Run and close the icon on Home Screen, Refresh automatically.
Android: Delete Icon on Home Screen, and add icon again on Chrome.

TIP You can compare multiple icons. Create multiple Icon Tester folders on the Web server, and "Add to Home Screen" on each web page.

Icon Tester를 맥 또는 PC에 다운로드합니다.
압축을 풀고, 모든 파일(index.html, css, images 폴더)을 당신의 웹 서버에 업로드합니다.
작업한 아이콘 이미지 파일을 "images"폴더에 덮어씁니다.
Android에서는 "images/android/icon.png" 이미지만 교체하면 "홈 화면"에 보입니다. 디바이스의 해상도와 상관없이 해당 이미지만 교체해서 테스트하세요.
index.html를 디바이스의 기본 웹 브라우저에서 엽니다.
iOS: Safari(iPhone or iPad)
Android: Google Chrome
홈 화면에 아이콘을 추가합니다.
iOS: 공유하기 버튼을 탭한 다음, 홈 화면에 추가합니다.
Android: Chrome에서 우측 상단 메뉴버튼을 눌러, 홈 화면에 추가를 선택합니다.
아이콘을 갱신하려면, 아이콘 이미지 파일을 다시 덮어 씌우고,
iOS: 홈 화면에 있는 아이콘을 실행하고 닫으면 자동으로 아이콘이 바뀝니다. Android: 아이콘을 삭제하고 다시 추가합니다.

TIP 여러 아이콘을 비교할 수 있습니다. 웹 서버에 여러 Icon Tester 폴더를 만들고, 각각의 웹페이지에서 "홈 화면에 추가"하세요.

Go to Github Github 바로가기 Contact and Feedback 문의 및 피드백 daramghaus 다람쥐하우스

Donate 기부하기

Reference

참고

iOS Developer Library: App Icons on iPad and iPhone
iOS Developer Library: Configuring Web Applications
Dribbble: iOS 7 icon shape (PSD) by Marc Edwards(Bjango)
Exploring iOS 7 Rounded Corners
Start making iOS 7 Icons with the App Icon Template 3.0

Icon Tester Icon Tester How to Use 사용법