How can I use multiple icon size in same wizard?
I have 16x16, 32x32, 48x48, 64x64 and 256x256 icon's size and I want to know if i can use them all in nsis?
To use as small, medium and large icons. If I change the view in windows explorer the icon of my setup becomes distorted.
A Windows icon can contain multiple images with different sizes, your icon should ideally contain 16x16, 24x24, 32x32, 48x48, 128x128 and 256x256 pixel images.
You need to use a icon editor to create the .ico. There are multiple free icon editors and converters out there...
Related
I'm trying to use one of the Glance templates and placing my image in the upper left corner. The problem is that my icon is showing up fuzzy.
The Apple docs doesn't specify the size of what this icon should be. Any ideas on what the 1x, 2x, and 3x sizes should be for this Glance template?
Also, do I drag and image control there or do I just set that section's background image to my icon?
Downloadable templates containing details of the glance image sizes can be found in the Resources section of that Apple Watch HIG document, under Templates.
Photoshop templates
Sketch templates
The Group Left Small image size should be 30#2x (38mm) or 33.5#2x (42mm). watchOS wouldn't need 1x or 3x image sizes.
The necessary controls are already provided by the template. As you mentioned, you'd simply set that group's background image to be your icon.
Note: This question is only about AppBarButton icons.
In writing a UWP app that runs on all form factors, I'd like to include all necessary variations of AppBarButton icons.
From what I've read so far, it seems that I need 24x24 icons in each of the five scale factors, 100%, 125%, 150%, 200%, and 400%. In other words, 24x24, 30x30, 36x36, 48x48, 96x96.
Is this correct?
Also, how should these be named so that the system correctly picks the right variant given the base name?
Edit: I've read elsewhere that only one size is needed, and that Windows UWP renders the icon in device-independent units (i.e. scales it appropriately.)
By comparison, iOS allows multiple images to be included with the #2x and #3x suffixes, and Android allows images to be placed in special subdirectories, e.g dir-hdpi, dir-mdpi, where dir is the base directory name. So it seems that UWP does not have such a system, and only a single icon is necessary. Is this revised understanding correct?
You are right: UWP apps render the size of the icon depending on the device. But you can use the icons using Segoe MDL2 in your appbar buttons. There are many icons prepared to be scaled automatically. I use this technique in all my UWP apps without problems.
https://msdn.microsoft.com/en-us/library/windows/apps/jj841126.aspx
If you are using a png image for your icon, I recommend you to set the size of this image to 48x48 pixels, which is the default size for appbar image icons. The UWP system will then automatically scale your icons without rendering problems.
In Sencha Touch if you want to give an icon to a button you must set the iconCls attribute of the button to the icon you want to give it. Sencha has a set of predefined icons, but I want to use other icons of which I have the png. What can I do?
if you have the png you need to define the icon not iconCls.
If you do have an SVG or Font it will be better scalable at no size cost. Try to find that icon on icomoon if possible to stay with fonts.
I recently purchased Drew Wilson's Pictos icon library. It is a library of flat, monochromatic icons for use on the web and elsewhere. The only issue is: they're vectors. I know my way around Illustrator a little bit, but ultimately I want to import these icons into Photoshop CS4 and resize to various dimensions.
When I import an icon and resize it to, say, 20x20 pixels, I notice that there is a fair bit of aliasing around the edges of the icon. I'm sure there is some magic number where the edges of these icons will remain crisp, but I can't find any option or setting that will allow me to size these icons properly.
How can I snap these icons to the closest size that removes or minimizes the aliasing?
The aliasing / pixelating is because vectors export out of illustator # whatever size they're copied #
Try opening the icons in illustrator... scaling them waaay up
And then just keep a copy of the huge ones in a separate layer
Copy that layer when you want to scale it down ..annnd that way you'll have a copy to work with..and u won't have to re
Open the file every time u need to make an edit
And a good rule of thumb for pixelation is
You can always size down.. but sizing up will create pixelating in bitmaps
Chances are, you have your logo in .eps format. If you do, open your .eps file in Photoshop. A dialog box will pop up asking the size you want to import. Be sure to select RGB color if this will display on the web. Select the Anti-aliasing checkbox. When your file opens up, zoom in, and you'll notice that Photoshop has neatly anti-aliased all of your edges for you.
How does Windows decide which icon format to display when showing an exe's icon in Windows Explorer?
Problem: When we look at our icon file and exe with embedded icon file in various Windows Explorer file views, the icon file is displayed in a higher quality mode than the icon displayed for our executable even though the icon in our executable contains the exact same icon. Our exe's icon has jaggier edges which leads me to believe that Windows Explorer may be trying to upsize a lower resolution icon rather than picking an icon appropriate for the actual display size.
In a multi-format icon file, is there a specific order we should use for positioning each icon format?
For example, we have an icon file with icons in the following formats:
- 16x16
- 32x32
- 48x48
- 64x64
- 128x128
- 256x256
We are testing the appearance of our exe's icon using Windows Explorer under Windows XP, Vista and Windows 7.
Any suggestions appreciated.
Use iConvert, it's free and online. You upload a large 512x512 PNG, it gives you an ICO that works the way it should, with multiple embedded images in different sizes. It also gives you ICNS and HQX files for Mac.
Works great under Win7/Vista/XP for my applications. It takes the pain away from making proper ICO files by hand. As you've discovered, it's easy to mess something up.
One troubleshooting method I would try is to remove all the different size formats from your icon file except one, say 32x32. Then, compare the .ico file display and the .exe file display. If they look different, you'll know it's not a problem with the exe picking the wrong format. If they do look the same, then you can start adding the formats back into your .ico file one at a time until the problem reappears.
When I create icon files, I always have the formats added in order of largest to smallest, highest quality to lowest quality:
256x256 32-bit
96x96 32-bit
48x48 32-bit
32x32 32-bit
16x16 32-bit
48x48 8-bit
32x32 8-bit
16x16 8-bit
According to the .NET Runtime code:
Windows rules for specifing an icon:
The icon with the closest size match.
For matching sizes, the image with the closest bit depth.
If there is no color depth match, the icon with the closest color depth that does not exceed the display.
If all icon color depth > display, lowest color depth is chosen.
color depth of > 8bpp are all equal.
Never choose an 8bpp icon on an 8bpp system.
https://github.com/dotnet/runtime/blob/main/src/libraries/System.Drawing.Common/src/System/Drawing/Icon.cs
Have a look at IcoFx which may give you the smoother icons when you design them, there's support for alpha-transparency also...