[TUTORIEL] Ajouter un avatar sur le forum

Vous créez ou partagez un tutorial, postez-le ici !
Répondre
Avatar du membre
Auteur du sujet
Ghostfly
Administrateur
Administrateur
Messages : 1348
Enregistré le : 10 oct. 2009 13:11
Localisation : Localhost

[TUTORIEL] Ajouter un avatar sur le forum

Message par Ghostfly » 20 août 2017 16:44

La question ayant été posée, voilà un petit tutoriel pour mettre (proprement) un avatar sur le forum :

Réaliser un avatar faisant 150px de large par 200px de hauteur (en PNG, vive la transparence !)

Ensuite, aller héberger l'image sur https://noelshack.com (ou tout autre hébergeur HTTPS pour éviter le mixed content, précisions en fin de post)

Noelshack donne plusieurs liens, il faut sélectionner le dernier :
Image

Ensuite aller sur votre profil

Saisir votre URL (en vidant les anciennes mesures pour qu'il recalcule automatiquement) :
Image

Il ne reste plus qu'à Envoyer !

Si vous avez envie d'un avatar en PNG mais n'avez qu'une image en JPG, n'hésitez pas à la poster ci-dessous pour obtenir de l'aide au détourage !

Cet hébergeur est fortement recommandé pour toute image sur le site (ou n'importe quel autre hébergeur ayant du HTTPS ! d'ailleurs postez les ci-dessous aussi :) )
Mixed Content? a écrit : L'intérêt de cet hébergeur est son certificat SSL, ce qui évite du "mixed content" sur le forum, permettant de conserver le Image

Sinon avec des images en HTTP, on obtient :
Image
(moins sympa non?)
En savoir plus
L'astuce du chef a écrit : J'ai pas envie de ré-héberger mon image, mais je veux du HTTPS ? Il existe un moyen !

Pour cela on va utiliser un CDN (Hootsuite), big up à eux de pas filtrer avec une clé api ou autre !
Il suffit de prendre votre URL actuelle, aller l'encoder sur cet outil

Ensuite il vous suffit de l'ajouter à la fin de l'URL du CDN, donc :
https://d1r1anxoiubeog.cloudfront.net/

Devient :
https://d1r1anxoiubeog.cloudfront.net/h ... _546lo.jpg

Et hop ! On a un beau HTTPS, mais du HTTP en fait :)
Source

Si vous êtes membre, votre avatar passe déjà par un proxy si il avait un avatar HTTP en utilisant ce script (lancé tous les soirs)
Posté avec mon Macbook Pro sous macOS Sierra #ThiRevolution
Image

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 3 invités