7 Replies Latest reply on May 11, 2017 3:00 AM by jgwcouk

    Why is PhoneGap Build using the wrong image for my app icon?

    jeromej313

      PhoneGap Build is using Wide310x150Logo.scale-240.png for the logo on my build and public webpages.  It would seem that this should be using a different image - most likely a square one.  My app logo is round so this is a concern as this compresses the width of the circle. I have attached an example. I think I have all required images uploaded and I get the correct icon on my mobile device for the app.  Thoughts?  Thanks!

      Screen Shot 2016-11-12 at 6.49.44 AM.png

        • 1. Re: Why is PhoneGap Build using the wrong image for my app icon?
          VectorP Level 4

          Since you don't include any information about the OS/version, and you keep your config.xml and your package directory structure secret, there's hardly enough information for even a ballpark guess.

          • 2. Re: Why is PhoneGap Build using the wrong image for my app icon?
            jeromej313 Level 1

            Thanks for the prompt reply.  Not trying to keep anything from anyone that could be helpful.  Just not sure what you might need - novice here....  It is only wrong on the Adobe PhoneGap Build webpage and the PhoneGap Share webpage. Both icon images are rectangles compressed to square. Below is my config.xml file.  Does that help?

             

             

            <?xml version="1.0" encoding="UTF-8"?>

             

            <!-- config.xml reference: https://build.phonegap.com/docs/config-xml -->

            <widget xmlns     = "http://www.w3.org/ns/widgets"

                    xmlns:gap = "http://phonegap.com/ns/1.0"

                    id        = "com.pixelsndigits.vote"

                    version   = "1.0.0">

             

                <name>Vote</name>

                <description>

                    Crowd-sourced assistance for your decision making or simply let your device decide for you! 

                </description>

                <author href="" email="vote.appV1@gmail.com">

                    Jerome Joseph

                </author>

                <content src="index.html" />

              

                <preference name="DisallowOverscroll"        value="true" />

                <preference name="ShowSplashScreenSpinner"     value="false" />

                <preference name="SplashScreen"             value="splash" />

                <preference name="StatusBarOverlaysWebView" value="true" />

                <preference name="StatusBarStyle"             value="lightcontent" />

                <preference name="orientation"                 value="portrait" />

                <preference name="android-minSdkVersion"    value="14" />

                <preference name="phonegap-version"           value="cli-6.3.0" />

             

                <plugin name="cordova-plugin-battery-status"      source="npm" spec="~1.1.1" />

                <plugin name="cordova-plugin-camera"              source="npm" spec="~2.1.1" />

                <plugin name="cordova-plugin-media-capture"       source="npm" spec="~1.2.0" />

                <plugin name="cordova-plugin-console"             source="npm" spec="~1.0.2" />

                <plugin name="cordova-plugin-contacts"            source="npm" spec="~2.0.1" />

                <plugin name="cordova-plugin-device"              source="npm" spec="~1.1.1" />

                <plugin name="cordova-plugin-device-motion"       source="npm" spec="~1.2.0" />

                <plugin name="cordova-plugin-device-orientation"  source="npm" spec="~1.0.2" />

                <plugin name="cordova-plugin-dialogs"             source="npm" spec="~1.2.0" />

                <plugin name="cordova-plugin-file"                source="npm" spec="~4.1.1" />

                <plugin name="cordova-plugin-file-transfer"       source="npm" spec="~1.5.0" />

                <plugin name="cordova-plugin-geolocation"         source="npm" spec="~2.1.0" />

                <plugin name="cordova-plugin-globalization"       source="npm" spec="~1.0.3" />

                <plugin name="cordova-plugin-inappbrowser"        source="npm" spec="~1.3.0" />

                <plugin name="cordova-plugin-media"               source="npm" spec="~2.2.0" />

                <plugin name="cordova-plugin-network-information" source="npm" spec="~1.2.0" />

                <plugin name="cordova-plugin-splashscreen"        source="npm" spec="~3.2.1" />

                <plugin name="cordova-plugin-statusbar"           source="npm" spec="~2.1.2" />

                <plugin name="cordova-plugin-vibration"           source="npm" spec="~2.1.0" />

                <plugin name="cordova-plugin-whitelist"           source="npm" spec="~1.2.1" />

             

                <icon src="res/icon.png" />

                <platform name="android">

                    <icon   src="res/icon/android/drawable-ldpi-icon.png"               density="ldpi" />

                    <icon   src="res/icon/android/drawable-mdpi-icon.png"               density="mdpi" />

                    <icon   src="res/icon/android/drawable-hdpi-icon.png"               density="hdpi" />

                    <icon   src="res/icon/android/drawable-xhdpi-icon.png"              density="xhdpi" />

                    <icon   src="res/icon/android/drawable-xxhdpi-icon.png"             density="xxhdpi" />

                    <icon   src="res/icon/android/drawable-xxxhdpi-icon.png"            density="xxxhdpi" />

                    <splash src="res/screen/android/drawable-land-ldpi-screen.png"      density="land-ldpi" />

                    <splash src="res/screen/android/drawable-land-mdpi-screen.png"      density="land-mdpi" />

                    <splash src="res/screen/android/drawable-land-hdpi-screen.png"      density="land-hdpi" />

                    <splash src="res/screen/android/drawable-land-xhdpi-screen.png"     density="land-xhdpi" />

                    <splash src="res/screen/android/drawable-land-xxhdpi-screen.png"    density="land-xxhdpi" />

                    <splash src="res/screen/android/drawable-land-xxxhdpi-screen.png"   density="land-xxxhdpi" />

                    <splash src="res/screen/android/drawable-port-ldpi-screen.png"      density="port-ldpi" />

                    <splash src="res/screen/android/drawable-port-mdpi-screen.png"      density="port-mdpi" />

                    <splash src="res/screen/android/drawable-port-hdpi-screen.png"      density="port-hdpi" />

                    <splash src="res/screen/android/drawable-port-xhdpi-screen.png"     density="port-xhdpi" />

                    <splash src="res/screen/android/drawable-port-xxhdpi-screen.png"    density="port-xxhdpi" />

                    <splash src="res/screen/android/drawable-port-xxxhdpi-screen.png"   density="port-xxxhdpi" />

                </platform>

             

                <platform name="ios">

                    <icon   src="res/icon/ios/icon.png"                         platform="ios" width="57"   height="57" />

                    <icon   src="res/icon/ios/icon@2x.png"                      platform="ios" width="114"  height="114" />

                    <icon   src="res/icon/ios/icon-40.png"                      platform="ios" width="40"   height="40" />

                    <icon   src="res/icon/ios/icon-40@2x.png"                   platform="ios" width="80"   height="80" />

                    <icon   src="res/icon/ios/icon-50.png"                      platform="ios" width="50"   height="50" />

                    <icon   src="res/icon/ios/icon-50@2x.png"                   platform="ios" width="100"  height="100" />

                    <icon   src="res/icon/ios/icon-60.png"                      platform="ios" width="60"   height="60" />

                    <icon   src="res/icon/ios/icon-60@2x.png"                   platform="ios" width="120"  height="120" />

                    <icon   src="res/icon/ios/icon-60@3x.png"                   platform="ios" width="180"  height="180" />

                    <icon   src="res/icon/ios/icon-72.png"                      platform="ios" width="72"   height="72" />

                    <icon   src="res/icon/ios/icon-72@2x.png"                   platform="ios" width="144"  height="144" />

                    <icon   src="res/icon/ios/icon-76.png"                      platform="ios" width="76"   height="76" />

                    <icon   src="res/icon/ios/icon-76@2x.png"                   platform="ios" width="152"  height="152" />

                    <icon   src="res/icon/ios/icon-small.png"                   platform="ios" width="29"   height="29" />

                    <icon   src="res/icon/ios/icon-small@2x.png"                platform="ios" width="58"   height="58" />

                    <icon   src="res/icon/ios/icon-small@3x.png"                platform="ios" width="87"   height="87" />

                    <splash src="res/screen/ios/Default-568h@2x~iphone.png"     platform="ios" width="640"  height="1136" />

                    <splash src="res/screen/ios/Default-667h.png"               platform="ios" width="750"  height="1334" />

                    <splash src="res/screen/ios/Default-736h.png"               platform="ios" width="1242" height="2208" />

                    <splash src="res/screen/ios/Default-Landscape-736h.png"     platform="ios" width="2208" height="1242" />

                    <splash src="res/screen/ios/Default-Landscape@2x~ipad.png"  platform="ios" width="2048" height="1536" />

                    <splash src="res/screen/ios/Default-Landscape~ipad.png"     platform="ios" width="1024" height="768" />

                    <splash src="res/screen/ios/Default-Portrait@2x~ipad.png"   platform="ios" width="1536" height="2048" />

                    <splash src="res/screen/ios/Default-Portrait~ipad.png"      platform="ios" width="768"  height="1024" />

                    <splash src="res/screen/ios/Default@2x~iphone.png"          platform="ios" width="640"  height="960" />

                    <splash src="res/screen/ios/Default~iphone.png"             platform="ios" width="320"  height="480" />

                </platform>

             

                <platform name="wp8">

                    <icon   src="res/icon/wp8/ApplicationIcon.png"   platform="wp8" width="99"  height="99" />

                    <icon   src="res/icon/wp8/Background.png"        platform="wp8" width="159" height="159" />

                    <splash src="res/screen/wp8/screen-portrait.jpg" platform="wp8" width="768" height="1280" />

                </platform>

             

                <platform name="windows">

                    <icon src="res/icon/windows/Square150x150Logo.scale-100.png"     platform="windows"   width="150"  height="150" />

                    <icon src="res/icon/windows/Square30x30Logo.scale-100.png"       platform="windows"   width="30"   height="30" />

                    <icon src="res/icon/windows/StoreLogo.scale-100.png"             platform="windows"   width="50"   height="50" />

                    <splash src="res/screen/windows/SplashScreen.scale-100.png"      platform="windows"   width="620"  height="300" />

                    <icon   src="res/icon/windows/StoreLogo.scale-240.png"           platform="windows"   width="120"  height="120" />

                    <icon   src="res/icon/windows/Square44x44Logo.scale-100.png"     platform="windows"   width="44"   height="44" />

                    <icon   src="res/icon/windows/Square44x44Logo.scale-240.png"     platform="windows"   width="106"  height="106" />

                    <icon   src="res/icon/windows/Square70x70Logo.scale-100.png"     platform="windows"   width="70"   height="70" />

                    <icon   src="res/icon/windows/Square71x71Logo.scale-100.png"     platform="windows"   width="71"   height="71" />

                    <icon   src="res/icon/windows/Square71x71Logo.scale-240.png"     platform="windows"   width="170"  height="170" />

                    <icon   src="res/icon/windows/Square150x150Logo.scale-240.png"   platform="windows"   width="360"  height="360" />

                    <icon   src="res/icon/windows/Square310x310Logo.scale-100.png"   platform="windows"   width="310"  height="310" />

                    <icon   src="res/icon/windows/Wide310x150Logo.scale-100.png"     platform="windows"   width="310"  height="150" />

                    <icon   src="res/icon/windows/Wide310x150Logo.scale-240.png"     platform="windows"   width="744"  height="360" />

                    <splash src="res/screen/windows/SplashScreenPhone.scale-240.png" platform="windows"   width="1152" height="1920" />

                </platform>

                <splash src="splash.png" />

                <access origin="*" />

                <allow-intent href="http://*/*" />

                <allow-intent href="https://*/*" />

                <allow-intent href="tel:*" />

                <allow-intent href="sms:*" />

                <allow-intent href="mailto:*" />

                <allow-intent href="geo:*" />

                <platform name="android">

                    <allow-intent href="market:*" />

                </platform>

                <platform name="ios">

                    <allow-intent href="itms:*" />

                    <allow-intent href="itms-apps:*" />

                </platform>

            </widget>

            • 3. Re: Why is PhoneGap Build using the wrong image for my app icon?
              VectorP Level 4

              1. PGB should take this for your page:

              <icon src="res/icon.png" />

              So, you may want to have a look whether or not this graphic file is present and has the proper square dimensions

              2. BTW: your Android splashes will not display, because you are using compound qualifiers for the 'density' attribute, which is wrong.

              Use the 'qualifier' attribute as described in the PGB Docs, Icons and Splashes section.

              • 4. Re: Why is PhoneGap Build using the wrong image for my app icon?
                jeromej313 Level 1

                Thanks again.  I updated the Android splashes, thanks!  The icon.png file is there as specified.  Strange that it is not being used.  Here it is...  icon.png...not sure what the "proper square dimensions" are.  I can't find any documentation on that.

                • 5. Re: Why is PhoneGap Build using the wrong image for my app icon?
                  10538 Level 1

                  This is happening to me too, only since yesterday, when I added the Windows 310x150 px icon. It had been using a square icon for the same app for around 2 years.

                   

                  Quite why it is choosing this one I can only guess - it happens to be the last in my config.xml but I haven't had a chance to shuffle things around. Certainly there are plenty of square icons to choose from!

                  • 6. Re: Why is PhoneGap Build using the wrong image for my app icon?
                    10538 Level 1

                    BTW, I have an icon.png specified - the file is present and correct (and square!). Like I said above, the problem has only arisen since I added the Windows Wide icon.

                    • 7. Re: Why is PhoneGap Build using the wrong image for my app icon?
                      jgwcouk

                      I have exactly the same issue following the addition of a Windows Wide icon. Did anyone find a solution to this?