jQuery LetterPic Demos

Jon Snow
By default user's color is cached by users name (Jon Snow in this example).
Jon Snow
If you afraid of situations when two different users can have same name,
you should add data-userid=YourInternalUserId attribute to canvas. In this way user's colors will be cached by this id, not by name.
Jon Snow
For example, this user has same name, but different data-userid value.
Arya Stark
Lorem ipsum
John Doe
You could use letterpic to replace images with broken sources. Don't forget to place user name to title attribute.

Custom settings

        Yoy could define custom color scheme, font color and family, and relative font size.
        $(".userpic-letter-custom").letterpic({
            colors: ["#000", "#111", "#222", "#333" ],
            font: "Tahoma",
            fontColor: "#94090D",
            fontSize: 0.3
        });
    
Jon Snow
Lorem ipsum
ā€ˇFaceless Men
Lorem ipsum
Arya Stark
Lorem ipsum