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

Hors ligne Fredpioc

  • le saint esprit
  • V.I.P
  • *
  • MembreHonneur
  • Karma: 0
  • Messages: 30771
  • Pays: Euskadi
    • Voir sa galerie
    • Voir sa présentation
TUTORIAL - Insérer des photos
« le: 06 mai 2013 à 19:48:28 »
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.

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:



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



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.


    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

« Modifié: 03 mars 2018 à 12:11:45 par oastra »

Hors ligne Fredpioc

  • le saint esprit
  • V.I.P
  • *
  • MembreHonneur
  • Karma: 0
  • Messages: 30771
  • Pays: Euskadi
    • Voir sa galerie
    • Voir sa présentation
TUTORIAL - Insérer des photos
« Réponse #1 le: 06 mai 2013 à 19:49:32 »
Cette fonction peut etre utile, surtout quand il s'agit de remplir sa galerie du forum par exemple (limitée à 800*600) alors que perso je prends mes photos en 1600*1200  :roll:


Donc il y a un petit soft gratuit qui s'appelle XN view, téléchargeable ici : http://www.01net.com/telecharger/windows/Multimedia/albmums_et_visionneuses/fiches/5420.html
lien mis à jour le 11/11/2010

Et voilà comment il faut faire :



1 - Sélectionner le répertoire de photos que l'on veut convertir (elles s'affichent à droite), puis les "sélectionner toutes (ctrl-A ou bien en "tirant un cadre avec la souris") :




2 - menu "outils" puis "convertir"




3 - toutes les photos sélectionnées apparaissent dans le cadre "source" de la boite d'outils
On choisit alors le répertoire de destination, le format de compression (en cliquant sur option on a accès au taux, ...)




4 - on clique sur l'onglet "transformations" de la boite d'outils :




Et là on fait dans l'ordre :
 2 - on clique sur "redimensionner"
 3 - bouton "ajouter"
 4 - on choisit la taille que l'on veut
 5 - bouton "lancer"

Et c'est fini !!!  :joyeux2:

Hors ligne Fredpioc

  • le saint esprit
  • V.I.P
  • *
  • MembreHonneur
  • Karma: 0
  • Messages: 30771
  • Pays: Euskadi
    • Voir sa galerie
    • Voir sa présentation
TUTORIAL - Insérer des photos
« Réponse #2 le: 06 mai 2013 à 19:50:50 »
Vous aimeriez nous faire partager vos photos  :D   mais voilà il y a un problème  :bizarre1:, quand vous soumettez l'image dans "l'option supplémentaire" en dessous du message ou bien dans la "galerie du forum", un message s'affiche vous signalant que l'image est trop grande par sa taille ou son poids  :!:

Que faire???

C'est très simple, pour cela il vous suffit de redimensionner votre image et de la réduire en poids si besoin  :cool:

Pour résoudre ce problème nous vous conseillerons un logiciel très simple d'utilisation (même pour les novice et surtout gratuit  :wink: )

Voici comment procéder.

Tout d'abord vous devez télécharger le logiciel qui vous permettra de retravailler vos photos et images.
Notre choix s'est porté sur:

VSO Image Resizer que vous pouvez télécharger ici

Bien sur il en existe bien d'autres tel que Xnview, photofiltre  ,....mais celui-ci nous paraissais un des plus simple à utiliser.

Je pense que vous connaissez le principe, on clique sur "télécharge" et une fois le fichier reçu il ne reste plus qu'à l'installer. Jusque là facile   :lol:
Ensuite une fois que cela est fait, ouvrir le logiciel de retouche.

Le reste est très simple, en cliquant sur "Fichiers" vous devrez retrouver dans votre ordinateur la photo que vous désirez redimensionner. Une fois sélectionnée, tout se passe dans "options".

Profil: vous permet de choisir à quel dimension vous désirez retravailler la photo. L'idéal pour le forum ainsi que "la galerie" c'est 1024x768 voir 800X600 selon la résolution de votre écran d'ordinateur.
Largeur et Hauteur: permet de choisir par soi même les dimensions de la photo si vous avez besoin d'une taille particulière
Mode: là aussi a vous de voir quelle utilité vous aurez besoin mais "Adapter" est le plus recommandé
Action: en validant "créer des copies" cela vous permet de garder l'original à sa taille normale, ce qui est parfois bien utile de garder la photo d'origine.
Destination: permet de choisir l'endroit ou vous désirez stocker la photo redimensionnée.

Un petit clic sur OK et voilà c'est fini   :cool5:

Votre photo est redimensionnée à sa nouvelle taille.
Si malgré ça elle se trouve être encore trop 'lourde' n'hésitez pas à renouveler l'opération. Mais à chaque fois que vous réduirez sa taille et son poids vous perdrez automatiquement un minimum de qualité sans tout autant dénaturer la photo bien sûr.  :mrgreen:

Espérant que ce petit tuto vous aura bien aidé  :cool:

Hors ligne Fredpioc

  • le saint esprit
  • V.I.P
  • *
  • MembreHonneur
  • Karma: 0
  • Messages: 30771
  • Pays: Euskadi
    • Voir sa galerie
    • Voir sa présentation
TUTORIAL - Insérer des photos
« Réponse #3 le: 06 mai 2013 à 19:51:47 »
Redimension d'image sur MAC

Redimensionner une image en deux cliques

On a très souvent besoin de redimensionner une photo ou une image, et ça peut paraître compliqué aux premiers abords, mais en fait pas du tout (d’autant plus sous Mac).

En effet, là encore, l’application Aperçu va se montrer très efficace !




Il vous suffit d’ouvrir votre image avec Aperçu, d’aller dans le menu Outils -> Ajuster la taille, là vous choisissez les dimensions de votre image et vous validez, c’est terminé.

Redimension d'image sur Windows avec "Paint" en natif

Ca se passe en tuto/vidéo via le site Microsoft

 


* Qui est en ligne

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