Auteur Sujet: Ajout d'images en attachement au milieu d'un post ? (Lu 1094 fois)

acut3 · « **le:** 06 décembre 2025 à 19:41:45 »

Est-ce qu'il est possible d'uploader des images sur lafibre.info, et de les faire apparaître au milieu d'un post ?

Si j'ajoute une image en attachement, l'image apparaît toujours en fin de post. Je peux alors éditer mon message et ajouter à nouveau l'image au milieu du post (avec des balises img), mais l'image apparaît alors en double : une fois à l'endroit voulu avec la balise img, et une fois en fin de post en tant qu'attachement. Si je supprime l'attachement, alors l'image est réellement supprimée du serveur, et comme on pouvait s'y attendre elle disparaît donc aussi de la balise img.

Est-ce qu'il y a un moyen de faire ça sans héberger l'image sur un serveur externe ?

vivien · « **Réponse #1 le:** 06 décembre 2025 à 20:05:16 »

En attendant la mise à jour qui devrait le permettre, ce que tu peux faire c'est m'envoyer (par message privé) un zip tes photos via un site comme WeTransfer et moi, je les héberge sur le forum.

Je te donne les URL et tu peux les placer au milieu d'un message.

Au passage, je propose de les re-compresser en AVIF pour que cela prenne moins de place.

acut3 · « **Réponse #2 le:** 06 décembre 2025 à 20:50:16 »

Merci Vivien, MP envoyé ! J'ai oublié de le préciser dans mon message, mais oui, tu peux re-compresser en AVIF si tu le souhaites.

alf084 · « **Réponse #3 le:** **Aujourd'hui** à 11:54:08 »

Salut Vivien,

Merci d'avoir optimisé les photos de mon post sur le site Totem !

J'essaie toujours de faire au mieux en exportant en WebP via Squoosh (https://squoosh.app/) tout en jonglant avec la taille et la compression, mais je vois que ce n'est pas encore parfait.

Existe-t-il un tutoriel sur le forum expliquant comment intégrer directement les images au cœur du texte comme tu l'as fait (plutôt qu'en simples pièces jointes) ? Quelles sont les dimensions maximales recommandées à ne pas dépasser ?

Je suis preneur de tous tes conseils pour m'améliorer.

vivien · « **Réponse #4 le:** **Aujourd'hui** à 12:06:48 »

1/ Intégration des images au cœur du texte

Cela arrive avec la prochaine mise à jour, en attendant ne pas hésiter à m'envoyer un fichier avec les images pour que je les copie sur le serveur.

2/ Taille des images

Si on prend les images à 100%, on se retrouve avec une image floue sur les écrans HDPI ou simplement sur un écran HD sur lequel l'utilisateur a mis un zoom de 25%, ce qui est de plus en plus fréquent sur les PC portables.

Cela fait que je conseille de prévoir les images avec le double de pixel qu'affiché, surtout pour des copies d'écran avec du texte, que cela soit lisible.

Pour que cela ne soit pas trop gros, il faut mentionner la taille via "width" pour l'affichage.

Exemple : C'est une image de 2564 pixels de large et je demande son affichage en 1280 pixel de large, soit 2560 pixels sur un écran HDPI ou un PC avec un zoom de 200%.

3/ Format d'image

WebP et AVIF étant pris en charge par tous les navigateurs, il est préférable de les utiliser pour réduire la taille des images, sans toucher à la qualité.

WebP : je l'utilise uniquement pour de la compression sans perte (à la place de PNG).

AVIF : En compression sans perte, il est moins efficace que WebP, mais en compression avec perte, il fait des miracles. Je mets une qualité de 56 ce qui est assez élevé et permet si besoin de récupérer un JPEG sans avoir d'artefacts (par exemple pour partager sur les réseaux sociaux, Twitter n'accepte pas encore AVIF contrairement à d'autres).

alf084 · « **Réponse #5 le:** **Aujourd'hui** à 12:53:20 »

Par exemple, pour extraire une image d'une vidéo YouTube, te contentes-tu d'une capture d'écran classique ou as-tu un protocole spécifique pour extraire la trame sans perte de qualité ? Ensuite, quel outil utilises-tu pour le redimensionnement et le changement de format ? Quand tu mentionnes demander "un affichage en 1280 pixels de large", est-ce une optimisation de la taille du fichier au moment de l'export, ou simplement une balise d'affichage lors de l'importation sur le forum ?

vivien · « **Réponse #6 le:** **Aujourd'hui** à 13:16:29 »

Pour extraire une image de YouTube, j'avais pour habitude de la télécharger et d'utiliser VLC pour récupérer une capture d'écran dans la définition native de la vidéo.

Maintenant depuis hier, yt-dlp a des difficultées pour télécharger des vidéos (j'imagine que YoutuBe a changé des choses et qu'il faut attendre la prochaine version pour que cela refonctionne), j'ai donc pris une simple capture d'écran.

Je transforme ensuite le PNG obtenu avec GIMP qui est l'outil quej'utilise au quotidien. GIMP n'est pas très intuitif, mais si tu prends la peine de passer 15 minutes à comprendre son fonctionnement, tu vas voir que c'est un outil très puissant.

Pour l'affichage avec une talle spécifique, regarde des sujets récents que j'ai créés, comme Grandir et vivre avec les réseaux sociaux : quels impacts sur la santé mentale ?. Il y a presque de façon systématique une spécification de la taille pour chaque image ([ img width=200 ] URL de l'image [ /img] en enlevant les espaces). Pour voir le code, c'est sible fait citer sur un de mes messages.

alf084 · « **Réponse #7 le:** **Aujourd'hui** à 14:05:19 »

Merci pour la découverte de yt-dlp, c'est un outil que je ne connaissais pas du tout. Concernant GIMP, je te rejoins l'interface n'est pas des plus intuitives, on se croirait presque en train de passer une QT sur Boeing

Mais je progresse déjà. Il y a une multitude de réglages à assimiler, je vais prendre le temps de bien le prendre en main. Merci encore pour ton aide !

vivien · « **Réponse #8 le:** **Aujourd'hui** à 14:32:31 »

yt-dlp est un outil qui récupère des vidéos sur n'importe quel site du moment qu'il n'y a pas de DRM ni d'authentification.

Cela marche aussi bien sur TF1, FranceTV ou twitter ou bluesky.

Il a besoin de régulières mise à jour pour que cela fonctionne avec YouTube, la version .deb n'est donc pas adaptée. Personnellement, j'utilise la version snap : https://snapcraft.io/yt-dlp (en prenant le canal "edge" pour avoir les mises à jour les plus récentes).