A A A A Auteur Sujet: TUTORIAL - Insérer des photos  (Lu 2224 fois)

Hors ligne oastra

  • Administrateur
  • *
  • Karma: 18
  • Messages: 12877
  • Sexe: Homme
  • Localisation: Santes/Lille
  • Pays: France
    • Voir sa galerie
    • Voir sa présentation
TUTORIAL - Insérer des photos
« le: 06 février 2018 à 09:30:08 »
Que ce soit pour montrer votre bolide dans votre présentation, ou illustrer des réalisations, travaux, améliorations et tutoriaux, le forum vous offre plusieurs possibilités:

Nous vous demandons expressément d'utiliser en priorité les méthodes n°1 et n°2.

Quelque soit la méthode utilisée, nous vous recommandons l'outil suivant, un "tout en un" vous permettant de réduire la dimension, tout en réduisant le poids/taille du fichier image, sans dégradation visible de l'image, donc pas de perte de qualité:

Riot : http://luci.criosweb.ro/riot/


Nous réfléchissons actuellement à la possibilité future de ne plus autoriser l'illustration photo des messages par des liens externes (méthode n°3)


  • Celle où vous gardez le plus de maîtrise: la galerie

    Vous devez d'abord insérer les images dans une partie du forum appelée "galerie", avant de pouvoir les utiliser à l'aide de balises [ galerie]numéro de photo[/galerie] dans votre message.

    • Avantages: Les images sont stockées sur le forum et donc leur existence est pérenne et la gestion (suppression/modification) des images est faite par le membre

    • Inconvénients:
      • Les caractéristiques (poids, dimensions) des images sont limitées, nécessitant la manipulation des photos depuis votre ordinateur afin de satisfaire ces exigences
      • La préparation des images dans la galerie, ainsi que le référencement de leurs numéros, peuvent être fastidieux pour les personnes qui ne maitrisent pas l'outil informatique, surtout si vous avez plusieurs photos à traiter



  • Celle qui est la plus conviviale à utiliser: l'hébergement local / Gestion Locale des Images

    Vous insérez les images "à la volée" dans votre message, en ayant la possibilité par la même occasion de prévoir l'ensemble des images dont vous aurez besoin dans la rédaction de votre message.

    • Avantages:   
      • Les images sont stockées sur le forum et donc leur existence est pérenne
      • Il existe différentes options de redimensionnement de l'image et de personnalisation
      • L'ajout des photos au fil de l'eau, dans le message, est aisée et intuitive
      • Un système de protection minée des images a été mis en place pour éviter le "vol" d'image par d'autres sites
         
    • Inconvénients:   
      • La gestion (suppression/modification) des images stockées n'est pas réalisable par le membre, uniquement la gestion des balises d'affichage dans le message
         



  • Et enfin celle qui présente le plus de risques, malgré la simplicité: l'hébergement externe

    Après avoir récupéré l'adresse externe d'une image provenant d'un site internet hors forum, vous utilisez les balises [ img]adresse[/img] pour insérer les images dans la composition de votre message.

    • Avantages:   
      • Cette méthode est accessible à tous, par sa simplicité
      • Les photos ne prennent pas de place, en volume à stocker, sur le forum
         
    • Inconvénients:   
      • L'existence des photos dans le temps n'est pas garantie,
        à la fois parce souvent les hébergements gratuits sont limités dans le temps (exemple: photo disponible 3 mois, ou si aucune activité sur une certaine période)
        et il peut arriver qu'un hébergeur ferme boutique (exemple: hostingpics) ou modifie ces règles/caractéristiques d'accès aux images
        De fait, une présentation ou un tutoriel est défigurée par la disparition des photos qui l'illustraient, lui faisant perdre tout son sens et son intérêt pour la communauté
         



Dans les messages suivants, vous trouverez plus de détails sur l'utilisation de chacune des 3 méthodes.
(1 message par méthode)


 :bonjour:

« Modifié: 11 juillet 2018 à 21:00:32 par oastra »
OasTra

K Innovation 1.4 125cv - IntelliLux - Navi900 - Gris Squale / Fin Juin 2016 / Collaborateur filiale Opel

ex H Cosmo 120 - pack visibilité - CD30 MP3 - Gris panacotta / Fin Avril 2005

Hors ligne oastra

  • Administrateur
  • *
  • Karma: 18
  • Messages: 12877
  • Sexe: Homme
  • Localisation: Santes/Lille
  • Pays: France
    • Voir sa galerie
    • Voir sa présentation
TUTORIAL - Insérer des photos - 1 - La galerie
« Réponse #1 le: 08 février 2018 à 18:05:51 »
1 - Utiliser la galerie

 :!: La dimension maximum autorisée est 1400 pixels (hauteur et/ou largeur) et son poids ne doit pas dépasser 1024 ko.

L'histoire commence ici, ou en cliquant dans la barre de menu, sous la bannière, sur le bouton GALERIE entre CALENDRIER et MEMBRES:

1ère étape: création d'un album
Si vous n'avez pas d'album existant ou que vous souhaitez en créer un nouveau, pour créer des catégorie et éviter de mélanger les photos...
Si vous voulez compléter un album existant, passer à l'étape 2 !

  • Dans la galerie, cliquer sur le bouton "Créer/Classer mes albums"
  • Cliquer sur le bouton "+ Nouvel album" et choisir un nom
    Pour le nom, utilisé votre pseudo si vous souhaitez n'avoir qu'un album ou un nom en rapport avec un thème/catégorie
  • Cliquer sur "OK"
Voilà, votre album est créé: Vous pouvez commencer à y charger vos photos !

Pour retrouver votre album, reprendre le point a

2ème étape: Ajouter des photos dans un album

  • En suivant le point a de l'étape 1, cliquer sur la petite icône juste à droite du nom de l'album ("Upload files to this album")
  • Ajouter vos photos soit par Glisser-Déposer sur la zone en dessous du bouton Parcourir..., soit en cliquant sur le bouton Parcourir...
  • Une fois votre sélection validée, vous avez un résumé des photos qui ont été chargées dans l'album
Et voilà votre/vos image(s) est sur le serveur !

A noter, qu'un logo du forum est ajouté automatiquement aux images, afin de savoir que votre photo provient du forum si elle devait être utilisée sur un autre site

3ème étape: Utiliser des photos provenant d'un album

Afin d'utiliser les photos de votre galerie dans vos messages sur le forum, vous avez 2 possibilités avec un rendu visuel différent:

  • Une vignette, qui permet d'afficher la version taille réelle lorsqu'on clique dessus
    Pour cela, il faut utiliser les balises [ galerie]n°photo[/galerie] dans votre message.
    Pour obtenir le n° de photo, lorsque vous êtes dans votre album, il suffit de mettre le curseur de votre souris sur la miniature de la photo à droite.
    Un post-it avec une adresse va apparaître: le n° de la photo est la série de chiffres après ""pid=" dans l'adresse affichée.

    exemple pour [ galerie]3[/galerie]:



  • Une image en taille réelle
    Pour cela, il faut utiliser les balises [ img]adresse_de_la_photo[/img] dans votre message.
    Pour obtenir l'adresse de la photo, recopier par copier/coller le texte situé au dessus des caractéristiques de la photo, à droite de "Nom du fichier:".


    exemple pour  [ img]https://www.astraforum.fr/galerie/albums/userpics/10386/divers_gtc_004.jpg[/img]:




A noter que dans les balises à utiliser (et exemples), il faut retirer les espaces entre les crochets [ ]  pour que cela fonctionne

OasTra

K Innovation 1.4 125cv - IntelliLux - Navi900 - Gris Squale / Fin Juin 2016 / Collaborateur filiale Opel

ex H Cosmo 120 - pack visibilité - CD30 MP3 - Gris panacotta / Fin Avril 2005

Hors ligne oastra

  • Administrateur
  • *
  • Karma: 18
  • Messages: 12877
  • Sexe: Homme
  • Localisation: Santes/Lille
  • Pays: France
    • Voir sa galerie
    • Voir sa présentation
TUTORIAL - Insérer des photos - 2 - L'hébergement local
« Réponse #2 le: 08 février 2018 à 18:11:28 »
2 - Utiliser l'hébergement local

 :!: Les restrictions actuelles (27/02/2018) sont les suivantes:

  • Dimension maximum : 1400 pixels (hauteur et/ou largeur)
  • Poids maximum: 800 ko
  • Nombre maximum de photos par message: 10
  • Nombre maximum de photos par envoi: 5


Il s'agit d'une facilité qui apparait lors de la composition d'un message.

Cette facilité permet de "provisionner" une ou plusieurs images dans l'outil (créer une réserve de photos, sous formes de vignettes), sans devoir les utiliser immédiatement dans votre message.
Ainsi, si vous rédigez un tutoriel, une présentation ou un reportage pour lequel vous allez utiliser "x" images, vous pourrez commencer par télécharger les images, puis les insérer au fur et à mesure de la rédaction de votre message, dans les zones qui conviennent.
Pas besoin de dresser une liste de photos, comme pour la galerie, avec le numéro de la photo dans la galerie: un bandeau vous affiche les miniatures des photos à disposition pour le message en cours.


Localisation et Description de la zone outil

Cet outil est disponible uniquement en mode édition de message, et se situe en dessous de la zone de rédaction, en 2ème position, après les options "Fichiers joints et autres options", sous le nom "Gestion Locale des Images"

Voilà à quoi ressemble cet outil, une fois déplié:



Les zones élémentaires sont:

  • La sélection des fichiers à envoyer: il s'agit du bouton "Parcourir"
    Il vous permet de choisir 1 ou plusieurs fichiers (dans la limité des restrictions).
    La sélection multiple (sous Windows) s'effectue habituellement avec la touche "shift"/maj pour choisir plusieurs fichiers qui se suivent (sélection du 1er, puis shift click sur le dernier de la liste), ou la touche "Ctrl" pour plusieurs fichiers parsemés qui ne se suivent pas forcément: maintenir la touche "Ctrl" pour chaque nouveau fichier à ajouter/supprimer.
    Si aucune sélection n'a été faite, vous avez l'information "Aucun fichier sélectionné", sinon vous avez la liste des fichiers qui seront envoyés en cliquant sur le bouton "Envoyer" à droite
  • L'envoi des fichiers: il s'agit du bouton "Envoyer"
    Il va transférer vos fichiers sur le serveur du forum, et vous faciliter la mise à disposition de ces photos à travers d'un bandeau d'insertion.
    Lors du transfert, les options (choisies sous la sélection) seront appliquées aux fichiers choisis.
  • Les options facultatives: elles seront décrites ci-après
  • Historique des images chargées: il faut cliquer sur le texte "Mes Dernières Images", en haut, dans le cadre de l'outil


Les options facultatives pour les fichiers à envoyer

En dessous de la zone de sélection, vous avez 5 options possibles:

  • Pas de modification (par défaut): choisir l'option "Non" et aucune transformation ne sera faite pendant l'envoi du fichier vers le serveur
  • Redimensionner: vous permet de
    Ajuster la largeur de l'image au nombre de pixels spécifié (libre)
    et/ou
    Rajouter un texte sur la photo: texte, position, taille, couleur et fond
  • Redimensionnement Auto: vous permet de
    Ajuster la largeur de l'image au nombre de pixels de 3 gabarits: 1280, 1024 ou 800 pixels
    et/ou
    Rajouter un texte sur la photo: texte, position, taille, couleur et fond
  • Crop (Square): vous permet de couper l'image au nombre de pixels spécifiés (libres) afin que celle-ci soit un carré parfait
  • Texte: vous permet l'ajout d'un texte sur la photo: texte, position, taille, couleur et fond


Envoyer et utiliser les images du bandeau

Lorsque vos fichiers ont été sélectionnés et vos options paramétrées, vous cliquez sur le bouton "Envoyer" à droite.

Un résumé de la sorte s'affichera:



Lors de la composition de votre texte, vous pouvez:

  • soit dès maintenant utiliser le bouton "BBcode img" (que nous recommandons) pour les images qui viennent d'être transférées,
  • soit vous rendre dans votre bandeau, en utilisant le choix "Mes Dernières Images"

    Lorsque vous avez votre bandeau des dernières images affiché, il suffit de cliquer sur une miniature pour que la photo soit inséré à la place du curseur dans votre texte !



    On vous laisse découvrir les autres petites nuances/subtilités

     :!: une fois envoyé sur notre serveur, le fichier y reste stocké, même si vous supprimez la balise image dans votre texte.
    A intervalle régulier, les administrateurs lanceront une maintenance, qui permettra de recenser les images qui ne plus référencées dans AUCUN message du forum, afin de les supprimer définitivement.

« Modifié: 03 mars 2018 à 12:10:28 par oastra »
OasTra

K Innovation 1.4 125cv - IntelliLux - Navi900 - Gris Squale / Fin Juin 2016 / Collaborateur filiale Opel

ex H Cosmo 120 - pack visibilité - CD30 MP3 - Gris panacotta / Fin Avril 2005

Hors ligne oastra

  • Administrateur
  • *
  • Karma: 18
  • Messages: 12877
  • Sexe: Homme
  • Localisation: Santes/Lille
  • Pays: France
    • Voir sa galerie
    • Voir sa présentation
TUTORIAL - Insérer des photos - 3 - L'hébergement externe
« Réponse #3 le: 08 février 2018 à 18:12:18 »
3 - Utiliser l'hébergement externe

il suffit d'insérer l'adresse complète de l'image provenant d'un site web extérieur au forum entre les balises [ img]adresse_complète_image[/img], au sein de votre texte

 :!: Pour toutes les raisons expliquées dans le 1er message, nous ne recommandons PAS cette méthode, et nous l’interdirons certainement prochainement.  :!:

Au mieux, pour ceux qui n'ont pas d'ordinateur ou pas dans un délai raisonnable, les hébergements externes par Tapatalk seront tolérés s'ils ne sont pas abusifs.

Dans la mesure du possible, ces hébergements Tapatalk devront être "internalisés" (solution 1 ou 2) dès que possible par la personne les ayant introduites
OasTra

K Innovation 1.4 125cv - IntelliLux - Navi900 - Gris Squale / Fin Juin 2016 / Collaborateur filiale Opel

ex H Cosmo 120 - pack visibilité - CD30 MP3 - Gris panacotta / Fin Avril 2005

 


* Qui est en ligne

  • user Invités: 138 user Robots: 3 user Caché: 0 user Membres: 0
  • Flèche Membres en ligne:
    Point Google (2) Point Exabot