10 octobre 2024
InformatiqueTests

Votre email avec des liens sur des images ne marche pas avec un iPhone ?

Share Button

Aujourd’hui, j’ai voulu envoyer un e-mail en HTML, avec des grandes images qui lorsqu’on clique dessus ouvrent un lien. Jusqu’ici rien de bien compliqué.

Je prépare mon petit code HTML, et je le colle dans Thunderbird pour faire un essai, je me l’envoi sur mon ordinateur, et également sur un iPhone pour vérifier que ça marche bien sur mobile. Et justement, les liens sur les images ne marchent pas sur l’application Mail de l’iPhone ! Quand je clique dessus, il me propose d’enregistrer l’image, mais m’affiche bien en haut le lien…

L'iPhone propose d'enregistrer l'image

Je test tout un tas de trucs improbables, et je constate alors que j’allais pour la énième fois checker mon message sur iPhone, que mes messages contiennent des pièces jointes… Toutes les images de mon e-mail sont en pièce jointe alors qu’elles sont hébergées sur mon site… C’est absurde, je n’ai jamais demandé ça !?

Je repars sur Thunderbird, je copie colle mon code HTML dans la fenêtre, et je passe en mode aperçu de mon message, et double clique sur mon image pour voir les propriétés, et je me rends compte qu’il y a une case à décocher pour en pas mettre les images en pièces jointe, bien entendu elle est cochée par défaut.

Case pour joindre les images du message en pièce jointe

Je décoche, et je retourne immédiatement en HTML pour constater l’ajout d’un attribut sur l’image : moz-do-not-send= »true ».
Et là, quand j’ai envoyé mon e-mail sur iPhone, le lien était bien actif !

J’ai donc rajouté cette balise sur toutes mes images pour que les liens soient bien actif, et j’espère me rappeler de ça la prochaine fois que j’aurais un e-mail HTML à envoyer, parce que ça n’arrive pas très souvent…

Après une petite recherche sur internet, j’ai pu constater qu’Outlook posait le même problème. Il faut aller dans Outils > Options, puis choisir l’onglet « Envois » puis dans « Format d’envoi du courrier », vous cliquez sur « Paramètres HTML », et là il y a une option « Envoyer des images avec les messages » qu’il faut donc décocher.

Share Button