This is just a short blog post to describe our in-house tool for creating key images, such as the ones shown below.







How to use the key image generator

  1. Visit
  2. Type the key sequence you wish to use, such as Ctrl+Alt+C Backspace. You can use any Unicode character on your key cap.
  3. You can specify a different font if you need to or wish to ā€“ just enter it into the Font field.
  4. Scale the images up or down to meet your requirements by changing the value in the Scale field.
  5. If you need a spacebar key, use ___ (three underscores).  Similarly, for a + (plus) key, use ____ (four underscores), and for a space between words on a single key, use __ (two underscores).
  6. Once you are satisfied with the key image that appears, you can simply click the image below the input boxes to save it to disk as a .png file (on Safari or Internet Explorer, you may need to right-click to save the image).
  7. The key image generator will give each key image a default name based on the keys used.

Why do we generate .png files instead of rendering as HTML? Using a .png file gives a simpler experience when pasting into any HTML page on any site, and works well on all browsers. We may one day move to HTML-based key caps, but for now this is easier šŸ™‚

Key-have-fun_          Key-_un_-____


0 thoughts on “A simple tool to create key images”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Posts

Developing Keyman

Keyman 11.0 is now available

We have just released Keyman 11.0 for Windows, macOS, Linux, Android, iOS and web, as well as Keyman Developer, the keyboard development suite. Keyman for Linux is entirely new for version 11. For the other Read more…


Mitigation for Keyman, Windows 10 1803, and Amharic, Tigrinya and Sinhala issue

Background It recently came to our attention that under Windows 10 1803 and Windows 10 1809, Keyman keyboards simply do not work when associated with Amharic or Sinhala languages, and sometimes do not work with Read more…

Developing Keyman

How to send feedback to Microsoft for issues that impact Keyman

We report all issues in Windows that impact Keyman to Microsoft. If a particular issue impacts you, it is very helpful to “upvote” the issue or add further comments about the issue in the Feedback Read more…