Icons have poor clarity in Xamarin forms IOS project



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








0















I am using 24x24 pixels icons in my xamarin forms ios project, but not getting good clarity. So I modified all the icons with 32x32 pixel size. Icons sizes are increased but still getting poor clarity.



So which resolution icons are good for xamarin forms IOS project?










share|improve this question




























    0















    I am using 24x24 pixels icons in my xamarin forms ios project, but not getting good clarity. So I modified all the icons with 32x32 pixel size. Icons sizes are increased but still getting poor clarity.



    So which resolution icons are good for xamarin forms IOS project?










    share|improve this question
























      0












      0








      0








      I am using 24x24 pixels icons in my xamarin forms ios project, but not getting good clarity. So I modified all the icons with 32x32 pixel size. Icons sizes are increased but still getting poor clarity.



      So which resolution icons are good for xamarin forms IOS project?










      share|improve this question














      I am using 24x24 pixels icons in my xamarin forms ios project, but not getting good clarity. So I modified all the icons with 32x32 pixel size. Icons sizes are increased but still getting poor clarity.



      So which resolution icons are good for xamarin forms IOS project?







      ios xamarin.forms icons






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 15 '18 at 8:05









      Sreejith SreeSreejith Sree

      470217




      470217






















          1 Answer
          1






          active

          oldest

          votes


















          2














          For me it has proven to be good practise to add an image in three versions.



          A "small" version, being used on non-retina devices, though that is kind of legacy support by now, a "medium" version for usual retina displays and a "large" one for higher ones.



          If you name your files properly, xamarin.iOS will automatically choose the right file for the current device.



          For instance, I have a file "fa_home.png" with a resolution of 25x25px, "fa_home@2x.png" in 50x50 and "fa_home@3x.png" in 75x75.



          Just add the files to your project and reference the first one without the @2x or @3x addition in the name.



          enter image description here



          For Android , I am using the following sizes:



          • drawable - 72x72

          • drawable-hdpi - 72x72

          • drawable-xhdpi - 96x96

          • drawable-xxhdpi - 144x144





          share|improve this answer

























          • Currently I am using only one icon, I will try adding 3 and update you

            – Sreejith Sree
            Nov 15 '18 at 8:43











          • Can you provide the resolution of android and UWP icons here?

            – Sreejith Sree
            Nov 19 '18 at 7:19











          • Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.

            – Markus Michel
            Nov 19 '18 at 7:49











          • thanks Markus..

            – Sreejith Sree
            Nov 19 '18 at 13:13











          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53314864%2ficons-have-poor-clarity-in-xamarin-forms-ios-project%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          2














          For me it has proven to be good practise to add an image in three versions.



          A "small" version, being used on non-retina devices, though that is kind of legacy support by now, a "medium" version for usual retina displays and a "large" one for higher ones.



          If you name your files properly, xamarin.iOS will automatically choose the right file for the current device.



          For instance, I have a file "fa_home.png" with a resolution of 25x25px, "fa_home@2x.png" in 50x50 and "fa_home@3x.png" in 75x75.



          Just add the files to your project and reference the first one without the @2x or @3x addition in the name.



          enter image description here



          For Android , I am using the following sizes:



          • drawable - 72x72

          • drawable-hdpi - 72x72

          • drawable-xhdpi - 96x96

          • drawable-xxhdpi - 144x144





          share|improve this answer

























          • Currently I am using only one icon, I will try adding 3 and update you

            – Sreejith Sree
            Nov 15 '18 at 8:43











          • Can you provide the resolution of android and UWP icons here?

            – Sreejith Sree
            Nov 19 '18 at 7:19











          • Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.

            – Markus Michel
            Nov 19 '18 at 7:49











          • thanks Markus..

            – Sreejith Sree
            Nov 19 '18 at 13:13















          2














          For me it has proven to be good practise to add an image in three versions.



          A "small" version, being used on non-retina devices, though that is kind of legacy support by now, a "medium" version for usual retina displays and a "large" one for higher ones.



          If you name your files properly, xamarin.iOS will automatically choose the right file for the current device.



          For instance, I have a file "fa_home.png" with a resolution of 25x25px, "fa_home@2x.png" in 50x50 and "fa_home@3x.png" in 75x75.



          Just add the files to your project and reference the first one without the @2x or @3x addition in the name.



          enter image description here



          For Android , I am using the following sizes:



          • drawable - 72x72

          • drawable-hdpi - 72x72

          • drawable-xhdpi - 96x96

          • drawable-xxhdpi - 144x144





          share|improve this answer

























          • Currently I am using only one icon, I will try adding 3 and update you

            – Sreejith Sree
            Nov 15 '18 at 8:43











          • Can you provide the resolution of android and UWP icons here?

            – Sreejith Sree
            Nov 19 '18 at 7:19











          • Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.

            – Markus Michel
            Nov 19 '18 at 7:49











          • thanks Markus..

            – Sreejith Sree
            Nov 19 '18 at 13:13













          2












          2








          2







          For me it has proven to be good practise to add an image in three versions.



          A "small" version, being used on non-retina devices, though that is kind of legacy support by now, a "medium" version for usual retina displays and a "large" one for higher ones.



          If you name your files properly, xamarin.iOS will automatically choose the right file for the current device.



          For instance, I have a file "fa_home.png" with a resolution of 25x25px, "fa_home@2x.png" in 50x50 and "fa_home@3x.png" in 75x75.



          Just add the files to your project and reference the first one without the @2x or @3x addition in the name.



          enter image description here



          For Android , I am using the following sizes:



          • drawable - 72x72

          • drawable-hdpi - 72x72

          • drawable-xhdpi - 96x96

          • drawable-xxhdpi - 144x144





          share|improve this answer















          For me it has proven to be good practise to add an image in three versions.



          A "small" version, being used on non-retina devices, though that is kind of legacy support by now, a "medium" version for usual retina displays and a "large" one for higher ones.



          If you name your files properly, xamarin.iOS will automatically choose the right file for the current device.



          For instance, I have a file "fa_home.png" with a resolution of 25x25px, "fa_home@2x.png" in 50x50 and "fa_home@3x.png" in 75x75.



          Just add the files to your project and reference the first one without the @2x or @3x addition in the name.



          enter image description here



          For Android , I am using the following sizes:



          • drawable - 72x72

          • drawable-hdpi - 72x72

          • drawable-xhdpi - 96x96

          • drawable-xxhdpi - 144x144






          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited Nov 19 '18 at 7:49

























          answered Nov 15 '18 at 8:30









          Markus MichelMarkus Michel

          1,537315




          1,537315












          • Currently I am using only one icon, I will try adding 3 and update you

            – Sreejith Sree
            Nov 15 '18 at 8:43











          • Can you provide the resolution of android and UWP icons here?

            – Sreejith Sree
            Nov 19 '18 at 7:19











          • Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.

            – Markus Michel
            Nov 19 '18 at 7:49











          • thanks Markus..

            – Sreejith Sree
            Nov 19 '18 at 13:13

















          • Currently I am using only one icon, I will try adding 3 and update you

            – Sreejith Sree
            Nov 15 '18 at 8:43











          • Can you provide the resolution of android and UWP icons here?

            – Sreejith Sree
            Nov 19 '18 at 7:19











          • Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.

            – Markus Michel
            Nov 19 '18 at 7:49











          • thanks Markus..

            – Sreejith Sree
            Nov 19 '18 at 13:13
















          Currently I am using only one icon, I will try adding 3 and update you

          – Sreejith Sree
          Nov 15 '18 at 8:43





          Currently I am using only one icon, I will try adding 3 and update you

          – Sreejith Sree
          Nov 15 '18 at 8:43













          Can you provide the resolution of android and UWP icons here?

          – Sreejith Sree
          Nov 19 '18 at 7:19





          Can you provide the resolution of android and UWP icons here?

          – Sreejith Sree
          Nov 19 '18 at 7:19













          Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.

          – Markus Michel
          Nov 19 '18 at 7:49





          Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.

          – Markus Michel
          Nov 19 '18 at 7:49













          thanks Markus..

          – Sreejith Sree
          Nov 19 '18 at 13:13





          thanks Markus..

          – Sreejith Sree
          Nov 19 '18 at 13:13



















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53314864%2ficons-have-poor-clarity-in-xamarin-forms-ios-project%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          How to how show current date and time by default on contact form 7 in WordPress without taking input from user in datetimepicker

          Syphilis

          Darth Vader #20