Comments (9)
Thanks for the report. I am working on exactly this issue today. Sorry that it isn't totally perfect for cordova yet. I'll close this issue once it is working appropriately.
from icongenie.
The below are icons and splash for iOS and Android, not sure if i got it right for iOS, but icon and splash seems to work on my phone...
<platform name="android">
<icon density="ldpi" src="res/icon/android/icon-36-ldpi.png" />
<icon density="mdpi" src="res/icon/android/icon-48-mdpi.png" />
<icon density="hdpi" src="res/icon/android/icon-72-hdpi.png" />
<icon density="xhdpi" src="res/icon/android/icon-96-xhdpi.png" />
<icon density="xxhdpi" src="res/icon/android/icon-144-xxhdpi.png" />
<icon density="xxxhdpi" src="res/icon/android/icon-192-xxxhdpi.png" />
<splash density="land-ldpi" src="res/screen/android/screen-ldpi-landscape.png" />
<splash density="land-mdpi" src="res/screen/android/screen-mdpi-landscape.png" />
<splash density="land-hdpi" src="res/screen/android/screen-hdpi-landscape.png" />
<splash density="land-xhdpi" src="res/screen/android/screen-xhdpi-landscape.png" />
<splash density="land-xxhdpi" src="res/screen/android/screen-xxhdpi-landscape.png" />
<splash density="land-xxxhdpi" src="res/screen/android/screen-xxxhdpi-landscape.png" />
<splash density="port-ldpi" src="res/screen/android/screen-ldpi-portrait.png" />
<splash density="port-mdpi" src="res/screen/android/screen-mdpi-portrait.png" />
<splash density="port-hdpi" src="res/screen/android/screen-hdpi-portrait.png" />
<splash density="port-xhdpi" src="res/screen/android/screen-xhdpi-portrait.png" />
<splash density="port-xxhdpi" src="res/screen/android/screen-xxhdpi-portrait.png" />
<splash density="port-xxxhdpi" src="res/screen/android/screen-xxxhdpi-portrait.png" />
</platform>
<platform name="ios">
<icon src="res/icon/ios/icon.png" width="57" height="57" />
<icon src="res/icon/ios/icon-2x.png" width="114" height="114" />
<icon src="res/icon/ios/icon-40.png" width="40" height="40" />
<icon src="res/icon/ios/icon-40-2x.png" width="80" height="80" />
<icon src="res/icon/ios/icon-50.png" width="50" height="50" />
<icon src="res/icon/ios/icon-50-2x.png" width="100" height="100"/>
<icon src="res/icon/ios/icon-60.png" width="60" height="60" />
<icon src="res/icon/ios/icon-60-2x.png" width="120" height="120" />
<icon src="res/icon/ios/icon-60-3x.png" width="180" height="180" />
<icon src="res/icon/ios/icon-72.png" width="72" height="72" />
<icon src="res/icon/ios/icon-72-2x.png" width="144" height="144" />
<icon src="res/icon/ios/icon-83.5-2x.png" width="167" height="167" />
<icon src="res/icon/ios/icon-167.png" width="167" height="167" />
<icon src="res/icon/ios/icon-1024.png" width="1024" height="1024" />
<splash src="res/screen/ios/screen-iphone-portrait.png" width="320" height="480"/>
<splash src="res/screen/ios/screen-iphone-portrait-2x.png" width="640" height="960"/>
<splash src="res/screen/ios/screen-iphone-portrait-568h_2x.png" width="640" height="1136"/>
<splash src="res/screen/ios/screen-iphone-landscape.png" width="480" height="320"/>
<splash src="res/screen/ios/screen-iphone-landscape-2x.png" width="960" height="640"/>
<splash src="res/screen/ios/screen-ipad-portrait.png" width="768" height="1024"/>
<splash src="res/screen/ios/screen-ipad-portrait-2x.png" width="1536" height="2048"/>
<splash src="res/screen/ios/screen-ipad-landscape.png" width="1024" height="768"/>
<splash src="res/screen/ios/screen-ipad-landscape-2x.png" width="2048" height="1536"/>
</platform>
from icongenie.
So this is what I just generated - need to run some tests before I publish to npm:
<platform name="android">
<allow-intent href="market:*" />
<icon density="lppi" src="res/icon/android/icon-36-ldpi.png" />
<icon density="mdpi" src="res/icon/android/icon-48-mdpi.png" />
<icon density="hppi" src="res/icon/android/icon-72-hdpi.png" />
<icon density="xhdpi" src="res/icon/android/icon-96-xhdpi.png" />
<icon density="xxhdpi" src="res/icon/android/icon-144-xxhdpi.png" />
<icon density="xxxhdpi" src="res/icon/android/icon-192-xxxhdpi.png" />
<splash density="land-ldpi" src="res/screen/android/splash-land-ldpi.png" />
<splash density="port-ldpi" src="res/screen/android/splash-port-ldpi.png" />
<splash density="land-mdpi" src="res/screen/android/splash-land-mdpi.png" />
<splash density="port-mdpi" src="res/screen/android/splash-port-mdpi.png" />
<splash density="land-hdpi" src="res/screen/android/splash-land-hdpi.png" />
<splash density="port-hdpi" src="res/screen/android/splash-port-hdpi.png" />
<splash density="land-xhdpi" src="res/screen/android/splash-land-xhdpi.png" />
<splash density="port-xhdpi" src="res/screen/android/splash-port-xhdpi.png" />
<splash density="port-xxhdpi" src="res/screen/android/splash-land-xxhdpi.png" />
<splash density="land-xxhdpi" src="res/screen/android/splash-port-xxhdpi.png" />
<splash density="land-xxxhdpi" src="res/screen/android/splash-land-xxxhdpi.png" />
<splash density="port-xxxhdpi" src="res/screen/android/splash-port-xxxhdpi.png" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
<icon height="57" src="res/icon/ios/icon.png" width="57" />
<icon height="114" src="res/icon/ios/icon-2x.png" width="114" />
<icon height="40" src="res/icon/ios/icon-40.png" width="40" />
<icon height="80" src="res/icon/ios/icon-40-2x.png" width="80" />
<icon height="50" src="res/icon/ios/icon-50.png" width="50" />
<icon height="100" src="res/icon/ios/icon-50-2x.png" width="100" />
<icon height="60" src="res/icon/ios/icon-60.png" width="60" />
<icon height="120" src="res/icon/ios/icon-60-2x.png" width="120" />
<icon height="180" src="res/icon/ios/icon-60-3x.png" width="180" />
<icon height="72" src="res/icon/ios/icon-72.png" width="72" />
<icon height="144" src="res/icon/ios/icon-72-2x.png" width="144" />
<icon height="167" src="res/icon/ios/icon-83.5-2x.png" width="167" />
<icon height="167" src="res/icon/ios/icon-167.png" width="167" />
<icon height="1024" src="res/icon/ios/icon-1024.png" width="1024" />
<splash height="768" src="res/screen/ios/screen-ipad-landscape.png" width="1024" />
<splash height="1536" src="res/screen/ios/screen-ipad-landscape-2x.png" width="2048" />
<splash height="1024" src="res/screen/ios/screen-ipad-portrait.png" width="768" />
<splash height="2048" src="res/screen/ios/screen-ipad-portrait-2x.png" width="1536" />
<splash height="320" src="res/screen/ios/screen-iphone-landscape.png" width="480" />
<splash height="640" src="res/screen/ios/screen-iphone-landscape-2x.png" width="960" />
<splash height="480" src="res/screen/ios/screen-iphone-portrait.png" width="320" />
<splash height="960" src="res/screen/ios/screen-iphone-portrait-2x.png" width="640" />
<splash height="1136" src="res/screen/ios/screen-iphone-portrait-568h_2x.png" width="640" />
<splash height="2732" src="res/screen/ios/Default@2x~universal~anyany.png" width="2732" />
</platform>
from icongenie.
See this commit: 206fb9e
from icongenie.
This should now be completely resolved with beta-13. Please reinstall the app-extension with
$ quasar ext add @quasar/icon-factory
from icongenie.
Fyi - @NicksonYap - the last line in iOS is so that the splash screen will work on the iPhone 10 and 2019 iPad Pro.
from icongenie.
Hi @nothingismagick
Sorry for the slow response,
Do we copy past this manaully or it will automatically insert into config.xml?
from icongenie.
well i'm debugging it now, but it should add it automatically. found something weird
from icongenie.
fixed in beta.16
from icongenie.
Related Issues (20)
- Incorrect iOS icons when building for capacitor. HOT 1
- get rid of the android lint error [MissingDefaultResource] HOT 1
- [Feature Request] support long screen(18:9 aspect ratio) HOT 2
- icon-genie zopfli can be further improved HOT 1
- found 13 HOT 1
- Generating tray icon with icon-genie? HOT 1
- Missing documentation for all options HOT 1
- Comparison with realfavicongenerator.net & feature roadmap ideas HOT 5
- Use a media query to select correct splash screen for iOS HOT 3
- Build fails after adding the extension to my Quasar project. HOT 9
- core-js dependency not found HOT 5
- Generating empty file for screen-xxhdpi-landscape HOT 1
- Splash Screen errors: UnhandledPromiseRejectionWarning HOT 4
- '@quasar/icon-genie@latest' is not in the npm registry. HOT 1
- An idea for generating background images. HOT 4
- Is it possible not to change source images? HOT 2
- UnhandledPromiseRejectionWarning: TypeError: execa.shellSync is not a function HOT 3
- Why do we need splashscreens other than `Default@2x~universal~anyany.png`? HOT 1
- Separate favicon source image HOT 1
- Wrong source images reference across separate packages HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from icongenie.