The following chart outlines the icon sizes and additional information about each kind of icon for Apple iOS, Android and Universal Windows Platform (UWP) that Icon Slayer outputs. - iOS- Android- macOS (Mac OS X) ICNS- Windows ICO- Favicon ICO- Web App / Progressive Web App- Universal Windows Platform (UWP)iOSCovers iOS apps up to iOS v10 for iPhone 4-5-6-7, iPad, iPad Pro, iPad Mini. The following information was derived from generating a iOS project in Xcode version 8.1 (8B62). Replace the "AppIcon.appiconset" folder withinthe "Assets.xcassets"folder within your Xcode project: [project anme]/Assets.xcassets/AppIcon.appiconset
Web App / Progressive Web AppAn Icon is shown on the device home screen when saving a bookmark. This is similar in nature to the "favicon" for websites. The "-precomposed" portion of the filename prevents Apple from automatically adding gloss, rounded corners and drop shadows. Refer to the "Webpage Icon" Apple documentation page for additional details. Apple invented the iOS Web Clip idea, but it has been picked up by Chrome (and others). We've also included a manifest.json file for you as a starting point for your Progressive Web App. See the "index.html" source code for how to include the icons in your page(s). Android AppsThe following information was derived from: http://developer.android.com/guide/practices/ui_guidelines/icon_design.html
Universal Windows Platform (UWP)The following information was derived from: Splash Screen sizes derived from: Based on the description provided here, the system selects appropriate images based on the following scheme: <name>.scale-<scale>.<ext> Where <name> can be anything you want. According to the guide, they're recommending using a naming convention of "AppNameSmallTile.scale-XXX.png". I found this to be rather confusing, so I decided to just stick with naming the images according to the attribute definition, which I believe is less confusing. When referencing an image in your code, just use NAME.EXT. The ".scale-XXX" portion of the file name is not included in the code. The system automatically selects the appropriate image/scale as needed. Icon Slayer uses a naming convention that matches the element attribute, I believe this is least confusing. Example: <uap:VisualElements
| ContactQuestion, comments, suggestions? Send me and email. Download Icon Slayer ($15 USD)(aka: Help keep the lights on :)
Usage + Known Issues- You can load PNG, JPG or BMP images. PNG files can have transparency. - Flatten source PNGs. Some browsers require source PNG files to be "flattened", meaning that PNG files should not have "layer" information in them. The PNG can have an alpha channel (where parts of the image is invisible), but "layer" information can be problematicfor some browsers. Flattening maintains transparency, but just reduces all layers to a single layer. - Reduce image dimensions. Source PNGs should be no larger than 1240 x 1240 pixels.The smaller your source file, the faster things will process. Agood rule of thumb is to make your source file as big as the biggest icon you need. - Safari on Mac can freeze during export. Icon Slayer uses Adobe Flash, and this is a known problem that Adobe has not resolved. Try using another browser such as Mozilla Firefox or Google Chrome. Release Notesv23 - Dec. 6, 2016 v22 - Nov. 23, 2016 v20 - Nov. 11, 2016 v19 - Nov. 1, 2016 v18 - Oct. 14, 2016 v15 - Oct. 3, 2016 v14 - Oct. 1, 2016 v12 - Jun. 29, 2016 v11 - Jun. 26, 2016 v0.2 - Apr. 6, 2016 v0.4 - Oct 22, 2012 Example OutputThe following image is a screen-grab of all of the icons generatedwith Android and iOS checked. |
App Icon Generator for IOS and Android (2024)
Table of Contents
- iOS
- Android
- macOS (Mac OS X) ICNS
- Windows ICO
- Favicon ICO
- Web App / Progressive Web App
- Universal Windows Platform (UWP)
iOS
Web App / Progressive Web App
Android Apps
Universal Windows Platform (UWP)
Contact
Download Icon Slayer ($15 USD)
Usage + Known Issues
Release Notes
Example Output
Top Articles
Home decor ideas – 47 chic interior design schemes
Kitchen Scullery designs: Guide to modern kitchens
Chłodnictwo i klimatyzacja - [Dokument PDF]
Piano di Sorrento, biskup Alfano w Madonna di Rosella „Wyzwaniem naszych czasów nie jest utrata tego dziedzictwa, które zostało nam przekazane” - Positanonews
Latest Posts
D FOR DESIGN - Project Photos & Reviews - Aliso Viejo, CA US | Houzz
51 of the Best Interior Design Ideas to Try, According to Designers
Article information
Author: Mrs. Angelic Larkin
Last Updated:
Views: 5659
Rating: 4.7 / 5 (47 voted)
Reviews: 86% of readers found this page helpful
Author information
Name: Mrs. Angelic Larkin
Birthday: 1992-06-28
Address: Apt. 413 8275 Mueller Overpass, South Magnolia, IA 99527-6023
Phone: +6824704719725
Job: District Real-Estate Facilitator
Hobby: Letterboxing, Vacation, Poi, Homebrewing, Mountain biking, Slacklining, Cabaret
Introduction: My name is Mrs. Angelic Larkin, I am a cute, charming, funny, determined, inexpensive, joyous, cheerful person who loves writing and wants to share my knowledge and understanding with you.