Aller au menu Aller au contenu

Table des matières de l'Aide-Mémoire
Page précédente Table des matières Page suivante

Neural3.com Aide-Mémoire

3 - Ajouter une image


Redimensionner vos images

Il existe plusieurs solutions plus ou moins couteuses comme Photoshop, léger ou pas. Mais il y a en ligne des centaines d’outils gratuits tant pour modifier les dimensions que pour la conversion de vos images :

Jimpl Software (logo)

L’image est au centre de l’appréciation d’une page Web. Une mauvaise photo peut faire oublier le plus beau visuel alors que la belle donne du caractère au plus simple design. L’image agit ainsi comme un phare qui permet de saisir l’essence du texte.

Le format
Il n’y a que 3 formats d’image compatibles avec tous les navigateurs. Soit le format GIF, PNG, et JPEG. Si les formats d’indexation comme le GIF et le PNG sont bien adaptés pour les logos et les images transparentes, une photographie devrait toujours être enregistrée en format JPEG aussi dit JPG. Par contre, n’oubliez jamais que le format JPEG compresse l’image de telle sorte qu’elle perd en qualité à chaque fois.

La grandeur
3456 pixels de large, c’est plus de 2 fois la grandeur de mon écran de 22 pouces ! Et mon dernier appareil c’est même 5184px! Les photographies sont aujourd’hui beaucoup trop grosses pour le Web. À moins d’avoir besoin d’imprimer une image ou encore de la destiner à un fond d’écran, il faut absolument les redimensionner. En fait une image sur le web ne devrait jamais faire plus de 1000 pixels de large. C’est amplement suffisant même sur un 22 pouces et c’est compatible avec 90% des résolutions d’écran.

Le Téléversement

Téléversement Pour pouvoir utiliser une image de la médiathèque, il faut avant tout la déposer sur le serveur. On parle de téléversement (upload ou téléchargement en amont). Pour ce faire, il suffit d’avoir une image du bon format et d’ouvrir la fenêtre du téléversement de la médiathèque. La fenêtre du téléversement est divisée en deux. La première partie en haut est un explorateur qui permet de naviguer entre vos dossiers et d’organiser vos fichiers en créant des nouveaux dossiers.

Téléversement : navigation

La seconde partie permet de parcourir votre ordinateur pour sélectionner l’image et donner quelques informations pertinentes dit « métadonnées » comme le titre et l’auteur. Il est conseiller de générer une vignette si votre image fait plus de 300 pixels, n’oubliez pas de cocher la case « Générer une vignette ».

Téléversement : métadonnées

Les Collections

Photothèque

Une collection est en fait un « sujet », le même qui lie ensemble les textes. Si le sujet n’existe pas déjà, vous pouvez le créer via le module « Sujets ».

  1. Fichier : Récupérer une image ;
  2. Redimension : Optionnel ;
  3. Titre : Description détaillée de l’image ;
  4. Filigrane : Optionnel ;
  5. Auteur : Optionnel ;
  6. Mots clés : Optionnel ;
  7. Collection : Optionnel.

Important! N’oubliez pas le titre sert aussi de description. N’hésitez pas à décrire, énumérer les personnes, etc. L’intégration dans une page web n’en sera que simplifiée. En effet, cette information peut être récupérée en imbriquant une image, pour retrouver une image dans la médiathèque ou encore pour rehausser un texte dans un futur proche.

Redimension
Pour vous assurer que votre image ne fera pas plus de 1000 pixels de large, il suffit d’entrer « 1000 » (comme suggérer dans la boîte de saisie) et votre image sera redimensionnée. En principe il faudrait toujours le faire. La largeur et la hauteur sont en fait une limite. C’est-à-dire que le système calcule automatiquement les proportions de l’image pour ne pas la déformer. Mais n’oubliez jamais, si une image peut-être diminuée, c’est impossible de l’agrandir sans affecter la qualité de l’image. Dans le même ordre d’idées, si une image en format JPEG peut être redimensionnée sans problème, une image indexée en Gif peut perdre énormément de qualité et devenir « pixellée » même en réduction.

Filigrane
Le filigrane est en principe une image de format PNG transparente qu’on appose sur une image JPG. Il faut absolument que l’image soit de format JPG et pour une raison pratique, le système est automatisé pour utiliser une seule image avec un nom et un lieu bien précis. Soit : http://[votresite]/documents/filigrane.png. Vous pouvez voir cette image dans la fenêtre du téléversement et vous pouvez aussi la modifier en la remplaçant. Mais elle doit toujours être au même endroit avec le même nom physique.

Métadonnées XMP
Les métadonnées « Exifs » et « XMP » (Extensible Metadata Platform) sont des informations associées à une image JPG générées automatiquement lors de la prise de vues d’une photographie. Tout en préservant ces informations de base, comme le type d’appareils photographiques, les données sur la prise de vues, du filtre utilisé ou encore les dates de manipulation etc, Neural ajoute le titre, les mots-clés, le nom de l’auteur et même la collection.


Droits d’auteur et de reproduction

Comme vous le savez peut-être, le gouvernement fédéral à modifier en 2011 ça politique sur les droits d’auteur et de reproduction. En gros, le contenu d’un site Web, à moins d’avis contraire, peut être reproduit en totalité ou en partie à des fins non commerciales ...à condition! Même la reproduction commerciale et possible en demandant l’affranchissement du droit d’auteur de la Couronne (!).

Même si cette politique abandonne les auteurs à leur sort, elle est compréhensible dans la mesure où le respect des droits d’auteur dans un contexte Internet est quasiment impossible à gérer. Mais avec les nouvelles fonctionnalités de Neural, vous permettez aux utilisateurs de faire preuve de la diligence raisonnable nécessaire puisque vos images respecteront les conditions de la politique en intégrant avec elle le titre complet ainsi que le nom de l’auteur. De plus, bien que le filigrane et les métadonnées XMP ne puissent garantir à eux seul la reproduction de vos images, cela permet en contrepartie de les authentifier. Et voilà tout le noeud de cette politique, garantir l’intégrité et la propriété de vos images!

À lire sur le sujet

Le sélecteur d’image

Le pire est fait, l’image est dans la médiathèque. Vous pourrez désormais la récupérer facilement avec ou sans description en cliquant sur le pictogramme de la médiathèque Médiathèque dans le module des Textes et communiqués, le module des Bannières, celui des Organisations, le Répertoire et même le Babillard. Dans la plupart des cas une fenêtre s’ouvre sur le « Sélecteur d’image » qui permet de chercher et de récupérer une image. Et puisque les images sont classées par ordre de création, votre dernière image devrait toujours être en haut de la liste. Il suffit de cliquer sur la référence de notre image pour la sélectionner.

Sélecteur d’image

L’imbrication de l’image dans un texte
Imbrication d’une image

L’imbrication dans un texte est un peu plus compliquée, car on doit pouvoir manœuvrer. On peut vouloir redimensionner l’image, centrée ou aligner à droite et à gauche. Ou encore afficher seulement une vignette cliquable ou placer un hyperlien sur un logo.


  1. Texte : Placer le curseur à l’endroit où l’image sera imbriquée dans le texte.
  2. Éditeur : Cliquer sur le bouton « Insérer un élément multimédia » dans la bande du menu.
  3. Adresse de la vignette : Cliquer sur le pictogramme de la médiathèque Médiathèque.
  4. Alignement : Optionnel Sélectionnez l’alignement de l’image.

Redimensionnement HTML

Il n’est pas conseiller de redimensionner une image à cette étape sans fortement détériorer l’image car il ne s’agit pas d’une véritable redimension mais d’une simple commande HTML.

Et voilà le miracle, la plupart des informations sont automatiquement renseignées à partir des informations récupérer de la médiathèque. À savoir les dimensions originales de l’image, la description (une combinaison du titre et de l’auteur). Et même l’adresse de l’image « Grand format » s’il y a lieu. Information que vous pouvez modifier à votre guise ou même entrer manuellement au besoin.

  1. Afficher la description sous la vignette : Optionnel pour rendre la description visible sous l’image.
  2. Grand format de l’image : Optionnel Pour avoir une image « grand format »
  3. URL externe : Optionnel Pour ajouter un hyperlien sur l’image
  4. Adresse de l’hyperlien : Adresse de la l’image « grand format » ou d’un simple hyperlien.

.

[Mod] Dernière mise à jour : 2013-12-12


Aide-mémoire | La sécurité internet | Configuration du courriel | Trucsweb.com


Copyright © 2011-2017 Tous droits réservés. Propulsé et hébergé par Neural 5.2
Conception Oznogco Multimédia