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.

Vous voulez à votre tour générer ce genre d'image dans votre application ? Alors suivez le guide, ça ne vous prendra que quelques minutes.

Choix de la librairie

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.

Je vous en recommande deux qui font parfaitement le travail :

Je vous propose de découvrir la première, plus complète.

Générer un avatar personnalisé

Comme vous vous en doutez sûrement, il faut commencer par installer la librairie à l'aide de Composer.

composer require 

Une fois installé, vous êtes prêt à générer des avatars ! Il vous suffit d'instancier la classe InitialAvatar, de fournir un nom et de générer l'image.

use LasseRafn\InitialAvatarGenerator\InitialAvatar;

$avatar = new InitialAvatar();
$image = $avatar->name("LC Dev")->generate();

Un avatar avec les lettres "LD" sera généré. Il ne reste plus qu'à l'enregistrer là où bon vous semble.

$image->save("/");

Aller plus loin en personnalisant l'image

Cette librairie à l'avantage de proposer un lot de personnalisation.

Vous pouvez par exemple définir la couleur du fond, la couleur des lettres et bien plus encore.

$image = $avatar->name("LC Dev")
	->background('#0b3155')
	->color('#d05d28')
	->generate();

Pour plus de personnalisation, vous pouvez consulter la documentation disponible sur GitHub.

Bonne génération d'avatar et n'hésitez pas à laisser un commentaire si besoin.

Besoin d'aide pour votre projet Web ?

  • Création de sites internet
  • Référencement naturel (SEO)
  • Développement d'application Web
  • Développeur Laravel / VueJS
paper-plane