Just4Fun - Аватарки!

function html_avatar_image($avatars, $size_preset='small', $alt=''){
 
    if (empty($avatars)){
 
        // генерируем фоновый цвет из никнейма
        $bg_color = $alt
                    ? substr( dechex(crc32($alt)), 0, 6 )
                    : sprintf( '%02X%02X%02X', rand(0, 255), rand(0, 255), rand(0, 255) );
 
        // выбираем контрастный цвет для текста
        $r = hexdec( substr($bg_color, 0, 2) );
        $g = hexdec( substr($bg_color, 2, 2) );
        $b = hexdec( substr($bg_color, 4, 2) );
        $yiq = (($r*299)+($g*587)+($b*114)) / 1000;
        $txt_color = ($yiq >= 128) ? 'black' : 'white';
 
        // более простой метод определения контрастного цвета (менее точный)
        // $txt_color = (hexdec($bg_color) > 0xffffff/2) ? 'black' : 'white';
 
        $wh = 64;
        if ($size_preset == 'normal') { $wh = 200; }
        if ($size_preset == 'micro')  { $wh = 32; }
 
        $style = "background-color: rgba({$r}, {$g}, {$b}, .7); "  //  "background-color: #{$bg_color}; "
                ."color: {$txt_color}; "
                ."width: {$wh}px; "
                ."height: {$wh}px; "
                ."line-height: {$wh}px;"
                ."font-size: ".round($wh*0.625)."px";
 
        $type = $alt ? 'letter' : 'user-'.$txt_color;
        //$type = $alt ? 'user-'.$txt_color : 'letter';
 
        return '<div class="avatar-colorbox '.$type.'" title="'.htmlspecialchars($alt).'" style="'.$style.'" data-letter="'.mb_substr($alt, 0, 1).'"></div>';
 
    }
 
    $size = $size_preset == 'micro' ? 'width="32" height="32"' : '';
 
    $src = html_avatar_image_src($avatars, $size_preset);
 
    return '<img src="'.$src.'" '.$size.' alt="'.htmlspecialchars($alt).'" />';
 
}

.avatar-colorbox {
    margin: 0;
    padding: 0;
    background: no-repeat center;
    background-size: 1em;
}
 
.avatar-colorbox.letter {
    position: relative;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 
.avatar-colorbox.letter:before {
    content: attr(data-letter);
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
 
.avatar-colorbox.user-white {
    background-image: url('data:image/svg+xml;utf8,<svg fill="#ffffff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}
.avatar-colorbox.user-black {
    background-image: url('data:image/svg+xml;utf8,<svg fill="#222222" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}