Creating Good Looking 16x16 Icons

By Echilon
in Essential Guides

 Share

Recommended Posts

Grand Master

Echilon

Posted
Posted

Having a decent icon for your application or site can mean the difference between it looking either professional or like the work of an amateur. In the past, I've never really needed to bother with icons, I've always just used a freely licensed icon by someone else, but for QuantumFTP I wanted to create my own. The first few versions of the program had a pretty ugly favicon which looked awful in the taskbar, but after some experimentation in Photoshop, I came up with what I think is a good looking result.

To start, you'll need an some decent image editing software - Photoshop, Paint Shop Pro or The GIMP and a copy of Axialis Icon Workshop. You'll also need a plugin to save images as .ico files

  • Start with a canvas of 64x64 pixels, the colour depth isn't important for the minute.
  • Create your icon. I used a Q with a gradient overlay.
  • Resize the image to 16x16. You'll notice the clarity will drop but that's because there are 1/16th as many pixels to display the fine details.
    The image should still look good, but that's because it's got an aplha channel to render semi-transparent pixels.
  • Change the colour mode to indexed colour by selecting Image->Mode->Indexed Color.
    You'll need to play around with the settings here to find what works best for the image you're working ok. For me, a green Matte worked well.
  • After decreasing the colour depth, the image might not look as good at high zoom, but that's Ok because it will only be displayed at 16x16 pixels.
  • Save the image as a .ico file using the plugin from Telegraphics.
  • Now open Axialis. If you already have an icon containing multiple format, for an application for example, create a new format for the 16x16 icon. Otherwise you'll need to create a new icon.
  • Open the icon you exported in Photoshop, then copy and paste it into your new icon format in Axialis. Choose to create a new palette.
  • Save the icon in Axialis, then either add it to your webpage or use it in your application.
  • Since this is an application icon, I updated my form in Visual Studio and here's the result.

Also available (with images) at LegHumped.com

Link to comment
https://www.neowin.net/forum/topic/632699-creating-good-looking-16x16-icons/
Share on other sites
  • 2 weeks later...
  • 4 weeks later...
Apprentice

EchoSphere

Posted
Posted

hi, im new to this site, and i need help, but if im posting in wrong spot message me pls. i need and avatar, i have a rough draft made up, but i need someone to take it and make it better. can someone help me? i can figure something out for the service.. her it is, the top ring is gold the left one is steel, the last ring is crtyal, and the triangle is iron. But this avatar i dont want the text up top. plssss anyone... you can play with it make it like you would like it, but it has to be in those orders.. tys again..

post-253678-1212261813_thumb.jpg

Grand Master

Echilon

Posted
  • Author
Posted
You can also just use favicon generator found here to resize any image of any size.

But that's not what the guide shows. Just resizing an image and reducing the colour depth results in the problem which this guide shows you how to avoid. ;)

hi, im new to this site, and i need help, but if im posting in wrong spot message me pls. i need and avatar, i have a rough draft made up, but i need someone to take it and make it better. can someone help me? i can figure something out for the service.. her it is, the top ring is gold the left one is steel, the last ring is crtyal, and the triangle is iron. But this avatar i dont want the text up top. plssss anyone... you can play with it make it like you would like it, but it has to be in those orders.. tys again..

Sorry, this is a thread about creating 16x16 program/favicons, not resizing images to use as avatars.

  • 2 months later...
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • Windows 11 version 26H2 is now available for testing in the latest preview build

      By kiddingguy · Posted

      Nice. September/October GA?! I'll keep following it, but won't install any preview or beta versions.
    • Waymo recalls self-driving software after cars enter closed freeway work zones

      By ad47uk · Posted

      Wow, that could have been dangerous, certainly not ready for these things. They have to be 100% or pretty well close to it. Not that I will see one i doubt, never mind ride in one, they may have them in London, but I doubt they will come to where I live.
    • Nothing kills CMF Phone 2 Pro's successor due to rising memory prices

      By Hamid Ganji · Posted

      Nothing kills CMF Phone 2 Pro's successor due to rising memory prices by Hamid Ganji Storage and RAM prices have been rising over the past year, leading to a significant increase in the cost of electronics for customers around the world. Many companies are now revising their plans for upcoming devices due to higher component costs and overall production expenses. CMF is the latest company to cancel the successor to one of its best-selling phones due to rising memory prices. CMF is a sub-brand of Nothing and focuses on making budget smartphones for growing markets. The brand launched the CMF Phone 2 Pro last year with some eye-catching specifications and an affordable price. While many customers may have been waiting for a successor this year, one of the company’s executives has announced that CMF will not release a new smartphone this year. And AI is to blame. As Nothing co-founder Akis Evangelidis announced on X, the company has been working on a successor to the CMF Phone 2 Pro, but with current memory prices, it cannot “build a phone that feels like a genuine step forward at a price that makes sense for CMF.” So, no new CMF phone will be launched this year. Meanwhile, Evangelidis said the company still has several new products in the pipeline, including some in entirely new categories. He added that the Nothing brand will also continue launching new products through 2026. Budget smartphones are among the first victims of the surge in RAM and memory prices, as they have become more expensive to build. The sharp increase in memory costs could also reshape the traditional price ranges associated with budget phones. Apple CEO Tim Cook also recently said that price increases for some of the company’s products are unavoidable because RAM and memory have become significantly more expensive this year. Analysts estimate that the base price of the upcoming iPhone 18 Pro could rise to $1,399 due to current market shortages.
    • Windows 11 gets new audio improvements in the latest builds

      By RejZoR · Posted

      Nudge me when they bring back hardware audio acceleration so I can get my EAX 5 back. We've evolved graphics to real-time path tracing, but regressed audio some 15 years back in time with this stupid software audio stack.
    • Ocenaudio 3.19.4

      By Copernic · Posted

      Ocenaudio 3.19.4 by Razvan Serea  Ocenaudio is a full featured, fast and easy to use audio and music editor. It is the ideal software for people who need to edit and analyze audio files without complications. Ocenaudio also has powerful features that will please more advanced users. To assist ocenaudio development, a powerful toolset of audio editing, analysis and manipulation called Ocen Framework was created. ocenaudio is also based on Qt framework, a well known library for cross-platform development. Cross-platform support ocenaudio is available for all major operating systems: Microsoft Windows, Mac OS X and Linux. Native applications are generated for each platform from a common source, in order to achieve excelent performance and seamless integration with the operating system. All versions of ocenaudio have a uniform set of features and the same graphical interface, so the skills you learn in one platform can be used in the others. VST plugins support Ocenaudio supports VST (Virtual Studio Technology) plugins, giving its users access to numerous effects. Like the native effects, VST effects can use real-time preview to aide configuration. Real-time preview of effects Applying effects such as EQ, gain and filtering is an important part of audio editing. However, it is very tricky to get the desired result by adjusting the controls configuration alone: you must listen the processed audio. To ease the configuration of audio effects, ocenaudio has a real time preview feature: you hear the processed signal while adjusting the controls. The effect configuration window also includes a miniature view of the selected audio signal. You can navigate on this miniature view in the same way as you do on the main interface, selecting parts that interest you and listening to the effect result in real time. Multiselection for delicate editions To speed up complex audio files editing, ocenaudio includes multi-selection. With this amazing tool, you can simultaneously select different portions of an audio file and listen, edit or even apply an effect to them. For example, if you want to normalize only the excerpts of an interview where the interviewee is talking, just select them and apply the effect. Eficient edition of large files With ocenaudio, there is no limit to the length or the quantity of the audio files you can edit. Using an advanced memory management system, the application keeps your files open without wasting any of your computer's memory. Even in files several hours long, common editing operations such as copy, cut or paste happen almost instantly. Fully featured spectrogram Besides offering an incredible waveform view of your audio files, ocenaudio has a powerful and complete spectrogram view. In this view, you can analyze the spectral content of your audio signal with maximum clarity. Advanced users will be surprised to find that the spectrogram settings are applied in real time. The display is updated immediately when altering features such as the number of frequency bands, window type and size and dynamic range of the display. Ocenaudio 3.19.4 changelog: Adds fallback fonts so every language and symbol displays correctly Improves autosave and session recovery stability Improves region navigation and display Fixes a crash when the level meter is used on displays with a scaling greater than 200% Fixes memory corruption when using the silence selection tools Fixes crashes when closing a file while effects are still being processed Fixes a freeze when applying effects to many files at once (macOS) Fixes crashes related to audio devices on Windows Fixes invalid file names when exporting regions whose label is used as the file name Other bug fixes and improvements Download: Ocenaudio 64-bit | Portable | ~40.0 MB (Freeware) Download: Ocenaudio for Linux and Mac OS View: Ocenaudio Homepage | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware

  • Recent Achievements

    • Collaborator
      ryansurfer98 went up a rank
      Collaborator
    • Week One Done
      Eurosoft10 earned a badge
      Week One Done
    • One Month Later
      Eurosoft10 earned a badge
      One Month Later
    • One Year In
      Skeet Campbell earned a badge
      One Year In
    • One Month Later
      Sharbel earned a badge
      One Month Later

  • Popular Contributors

    1. 1
      +primortal
      541
    2. 2
      +Edouard
      187
    3. 3
      Michael Scrip
      78
    4. 4
      PsYcHoKiLLa
      75
    5. 5
      Steven P.
      71
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!