How to generate 8-bit avatars

You've probably seen them on Twitter before. Maybe you didn't know what they were called, or maybe you'd like to get in on some of that 8-bit avatar fun but you're not sure how to make one. There are a few ways, actually.

Using Photoshop

One way is to use Photoshop. Addison Kowalski has a video tutorial that will walk you through it.

Using a generator

Of course, if you're not artistic or don't have Photoshop you can always use a generator instead. Here's what I came up with using, which lets you pick a random avatar and customize backgrounds, faces, clothes, etc.

Hey there, good lookin'

Using an app

Yep, there's an app for it. Bitface for iOS is free but somewhat limited by the things you can customize out-of-the-box. However, you can unlock the item editor for $1.99 and create some pretty crazy things.

The featured image for this post was created with the free version of Bitface.

From scratch

Maybe you're the artistic type and want something really unique. Maybe the Photoshop approach isn't for you. At, you can create just about anything 8-bit style. The page is a huge canvas that you can draw all over. When you're done pushing pixels, you can save your creation and use it as your avatar.

This is about the extent of my 8-bit artistic abilities:

A portrait made at

Handsome, right? If I ever need an 8-bit avatar, I'm sticking to the generators.

Now that you know how to create your own 8-bit avatar, let's see what you can come up with!

Author avatar

About the author

Creator of Surreal CMS and other web things. Follow me for tweets about JavaScript, CSS, and web programming.