[{"data":1,"prerenderedAt":200},["ShallowReactive",2],{"$f5gyvDxcRAr-aHdjnmmp71j4_SABH33cL4B5fC3uzzGI":3},[4],{"id":5,"date":6,"date_gmt":7,"guid":8,"modified":10,"modified_gmt":11,"slug":12,"status":13,"type":14,"link":15,"title":16,"content":18,"excerpt":21,"author":23,"featured_media":24,"comment_status":25,"ping_status":25,"sticky":20,"template":26,"format":27,"meta":28,"categories":29,"tags":31,"class_list":32,"_links":40,"_embedded":84},57,"2023-02-15T11:30:00","2023-02-15T10:30:00",{"rendered":9},"https:\u002F\u002Fcms.lcdev.fr\u002F?p=57","2026-07-08T16:39:28","2026-07-08T14:39:28","php-generer-des-avatars-a-partir-des-intiales-de-vos-utilisateurs","publish","post","https:\u002F\u002Fcms.lcdev.fr\u002Fphp-generer-des-avatars-a-partir-des-intiales-de-vos-utilisateurs\u002F",{"rendered":17},"PHP : générer des avatars à partir des initiales de vos utilisateurs",{"rendered":19,"protected":20},"\n\u003Cp class=\"wp-block-paragraph\">Vous avez forcément déjà dû rencontrer l’un de ces avatars ! Google, Microsoft et bon nombre d’acteurs du Web vous assignent par défaut cette image qui reprend la première lettre de votre prénom et de votre nom.\u003C\u002Fp>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Vous voulez à votre tour générer ce genre d’image dans votre application PHP ? Alors suivez le guide, ça ne vous prendra que quelques minutes.\u003C\u002Fp>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Choix de la librairie\u003C\u002Fh2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Pour générer les avatars basés sur des initiales, je vous propose de déléguer la tâche à une librairie disponible sur Packagist.\u003C\u002Fp>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Je vous en recommande deux qui font parfaitement le travail :\u003C\u002Fp>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FLasseRafn\u002Fphp-initial-avatar-generator\">LasseRafn\u002Fphp-initial-avatar-generator\u003C\u002Fa>\u003C\u002Fli>\n\n\n\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fyohangdev\u002Fletter-avatar\">yohangdev\u002Fletter-avatar\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Je vous propose de découvrir la première, plus complète.\u003C\u002Fp>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Générer un avatar personnalisé\u003C\u002Fh2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Comme vous vous en doutez sûrement, il faut commencer par installer la librairie à l’aide de Composer.\u003C\u002Fp>\n\n\n\n\u003Cpre class=\"wp-block-code\">\u003Ccode>composer require \u003C\u002Fcode>\u003C\u002Fpre>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Une fois installé, vous êtes prêt à générer des avatars ! Il vous suffit d’instancier la classe \u003Ccode>InitialAvatar\u003C\u002Fcode>, de fournir un nom et de générer l’image.\u003C\u002Fp>\n\n\n\n\u003Cpre class=\"wp-block-code\">\u003Ccode>use LasseRafn\\InitialAvatarGenerator\\InitialAvatar;\u003Cbr>​\u003Cbr>$avatar = new InitialAvatar();\u003Cbr>$image = $avatar->name(\"LC Dev\")->generate();\u003C\u002Fcode>\u003C\u002Fpre>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Un avatar avec les lettres « LD » sera généré. Il ne reste plus qu’à l’enregistrer là où bon vous semble.\u003C\u002Fp>\n\n\n\n\u003Cpre class=\"wp-block-code\">\u003Ccode>$image->save(\"\u002F\");\u003C\u002Fcode>\u003C\u002Fpre>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Aller plus loin en personnalisant l’image\u003C\u002Fh2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Cette librairie à l’avantage de proposer un lot de personnalisation.\u003C\u002Fp>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Vous pouvez par exemple définir la couleur du fond, la couleur des lettres et bien plus encore.\u003C\u002Fp>\n\n\n\n\u003Cpre class=\"wp-block-code\">\u003Ccode>$image = $avatar->name(\"LC Dev\")\u003Cbr>    ->background('#0b3155')\u003Cbr>    ->color('#d05d28')\u003Cbr>    ->generate();\u003C\u002Fcode>\u003C\u002Fpre>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Pour plus de personnalisation, vous pouvez consulter la \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FLasseRafn\u002Fphp-initial-avatar-generator\">documentation disponible sur GitHub\u003C\u002Fa>.\u003C\u002Fp>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Bonne génération d’avatar et n’hésitez pas à laisser un commentaire si besoin.\u003C\u002Fp>\n",false,{"rendered":22,"protected":20},"\u003Cp>Google, Microsoft et bon nombre d’acteurs du Web vous assignent par défaut cette image qui reprend la première lettre de votre prénom et de votre nom. Générez à votre tour ce genre d’avatar en PHP.\u003C\u002Fp>\n",1,23,"open","","standard",{"footnotes":26},[30],6,[],[33,14,34,35,36,37,38,39],"post-57","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php",{"self":41,"collection":47,"about":50,"author":53,"replies":57,"version-history":60,"predecessor-version":63,"wp:featuredmedia":67,"wp:attachment":70,"wp:term":73,"curies":80},[42],{"href":43,"targetHints":44},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fposts\u002F57",{"allow":45},[46],"GET",[48],{"href":49},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fposts",[51],{"href":52},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Ftypes\u002Fpost",[54],{"embeddable":55,"href":56},true,"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fusers\u002F1",[58],{"embeddable":55,"href":59},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fcomments?post=57",[61],{"count":23,"href":62},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fposts\u002F57\u002Frevisions",[64],{"id":65,"href":66},58,"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fposts\u002F57\u002Frevisions\u002F58",[68],{"embeddable":55,"href":69},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fmedia\u002F23",[71],{"href":72},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fmedia?parent=57",[74,77],{"taxonomy":75,"embeddable":55,"href":76},"category","https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fcategories?post=57",{"taxonomy":78,"embeddable":55,"href":79},"post_tag","https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Ftags?post=57",[81],{"name":82,"href":83,"templated":55},"wp","https:\u002F\u002Fapi.w.org\u002F{rel}",{"author":85,"wp:featuredmedia":102,"wp:term":176},[86],{"id":23,"name":87,"url":88,"description":26,"link":89,"slug":87,"avatar_urls":90,"_links":94},"lcdev","http:\u002F\u002Fcms.lcdev.fr","https:\u002F\u002Fcms.lcdev.fr\u002Fauthor\u002Flcdev\u002F",{"24":91,"48":92,"96":93},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002F8578aee4d4c25728b0f2cb389c2c80a414b27a57d2a499ce695a879ec3e1fd97?s=24&d=mm&r=g","https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002F8578aee4d4c25728b0f2cb389c2c80a414b27a57d2a499ce695a879ec3e1fd97?s=48&d=mm&r=g","https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002F8578aee4d4c25728b0f2cb389c2c80a414b27a57d2a499ce695a879ec3e1fd97?s=96&d=mm&r=g",{"self":95,"collection":99},[96],{"href":56,"targetHints":97},{"allow":98},[46],[100],{"href":101},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fusers",[103],{"id":24,"date":104,"slug":105,"type":106,"link":107,"title":108,"author":23,"featured_media":109,"caption":110,"alt_text":26,"media_type":111,"mime_type":112,"media_details":113,"source_url":150,"_links":154},"2026-07-06T15:26:48","php-generer-avatar-lettres","attachment","https:\u002F\u002Fcms.lcdev.fr\u002Fformulaire-elementor-wordpress-0-spam-avec-cette-methode\u002Fphp-generer-avatar-lettres\u002F",{"rendered":105},0,{"rendered":26},"image","image\u002Fpng",{"width":114,"height":115,"file":116,"filesize":117,"sizes":118,"image_meta":151},1920,1080,"2026\u002F07\u002Fphp-generer-avatar-lettres.png",111878,{"medium":119,"large":125,"thumbnail":131,"medium_large":136,"1536x1536":142,"full":148},{"file":120,"width":121,"height":122,"filesize":123,"mime_type":112,"source_url":124},"php-generer-avatar-lettres-300x169.png",300,169,13727,"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-content\u002Fuploads\u002F2026\u002F07\u002Fphp-generer-avatar-lettres-300x169.png",{"file":126,"width":127,"height":128,"filesize":129,"mime_type":112,"source_url":130},"php-generer-avatar-lettres-1024x576.png",1024,576,64088,"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-content\u002Fuploads\u002F2026\u002F07\u002Fphp-generer-avatar-lettres-1024x576.png",{"file":132,"width":133,"height":133,"filesize":134,"mime_type":112,"source_url":135},"php-generer-avatar-lettres-150x150.png",150,9986,"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-content\u002Fuploads\u002F2026\u002F07\u002Fphp-generer-avatar-lettres-150x150.png",{"file":137,"width":138,"height":139,"filesize":140,"mime_type":112,"source_url":141},"php-generer-avatar-lettres-768x432.png",768,432,44701,"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-content\u002Fuploads\u002F2026\u002F07\u002Fphp-generer-avatar-lettres-768x432.png",{"file":143,"width":144,"height":145,"filesize":146,"mime_type":112,"source_url":147},"php-generer-avatar-lettres-1536x864.png",1536,864,105708,"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-content\u002Fuploads\u002F2026\u002F07\u002Fphp-generer-avatar-lettres-1536x864.png",{"file":149,"width":114,"height":115,"mime_type":112,"source_url":150},"php-generer-avatar-lettres.png","https:\u002F\u002Fcms.lcdev.fr\u002Fwp-content\u002Fuploads\u002F2026\u002F07\u002Fphp-generer-avatar-lettres.png",{"aperture":152,"credit":26,"camera":26,"caption":26,"created_timestamp":152,"copyright":26,"focal_length":152,"iso":152,"shutter_speed":152,"title":26,"orientation":152,"keywords":153,"alt":26},"0",[],{"self":155,"collection":159,"about":162,"author":165,"replies":167,"wp:attached-to":170,"curies":174},[156],{"href":69,"targetHints":157},{"allow":158},[46],[160],{"href":161},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fmedia",[163],{"href":164},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Ftypes\u002Fattachment",[166],{"embeddable":55,"href":56},[168],{"embeddable":55,"href":169},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fcomments?post=23",[171],{"embeddable":55,"post_type":14,"id":172,"href":173},8,"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fposts\u002F8",[175],{"name":82,"href":83,"templated":55},[177,199],[178],{"id":30,"link":179,"name":180,"slug":181,"taxonomy":75,"_links":182},"https:\u002F\u002Fcms.lcdev.fr\u002Fcategory\u002Fphp\u002F","PHP","php",{"self":183,"collection":188,"about":191,"wp:post_type":194,"curies":197},[184],{"href":185,"targetHints":186},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fcategories\u002F6",{"allow":187},[46],[189],{"href":190},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fcategories",[192],{"href":193},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Ftaxonomies\u002Fcategory",[195],{"href":196},"https:\u002F\u002Fcms.lcdev.fr\u002Fwp-json\u002Fwp\u002Fv2\u002Fposts?categories=6",[198],{"name":82,"href":83,"templated":55},[],1785314930927]