Ajouter une image dans une nouvelle

Vous êtes ici :
< Retour

Cette méthode fonctionne pour ajouter des images dans n’importe quel contenu additionnel : une nouvelle, une personnalisation HTML, ou une page additionnelle. Dans l’exemple, l’image est ajoutée dans une nouvelle.

Téléverser l’image

Suivez les instructions pour téléverser un document sur le serveur pour téléverser votre image.

Attention

Si possible, utilisez une image qui n’est pas trop grosse. Utilisez un éditeur d’images pour réduire l’image à une taille raisonnable, soit la taille la plus grande qui sera utilisée à l’écran. Souvent, les images fournies par les départements de communications ou les fournisseurs externes sont énormes au cas où vous voudriez l’imprimer sur une affiche, par exemple.

Non seulement les grosses images prennent plus de place sur le serveur, elles peuvent prendre beaucoup plus de temps à afficher pour les personnes qui n’ont pas une connexion internet à très haute vitesse.

Ajouter l’image dans la nouvelle

  1. Aller dans Outils > Nouvelles
  2. Ajouter une nouvelle ou cliquer sur « Modifier » à droite de la nouvelle dans laquelle ajouter l’image
  3. Dans la nouvelle, cliquer sur l’icône d’image
  1. Remplir le formulaire
Formulaire d'ajout d'une image dans du contenu additionnel

https://biblio.ville.qc.ca/cgi-bin/koha/opac-retrieve-file.pl?id=7f4b80f5e81250882cbb30655510a9b

  • Description alternative : inscrire une courte description de l’image
  • Dimensions : hauteur et largeur de l’image en pixels
    ou inscrire un pourcentages avec le symbole dans la case « largeur » (ex. largeur = 80% )

Attention

Évitez de spécifier les dimensions de l’image en pixels, utilisez plutôt un pourcentage (par exemple 100%), afin qu’elle puisse s’adapter à la taille de l’écran.

Exemple:

Voici une image dans une publication « opacheader » (personnalisation HTML) , à laquelle on a spécifié une largeur et une hauteur en pixels. Lorsqu’on change la taille de l’écran, l’image reste de la même grandeur.

exemple d’image d’une personnalisation HTML « opacheader », avec une largeur et une hauteur en pixels

Comparez avec une image à laquelle on a spécifié de prendre 100% de la largeur. Ainsi, celle-ci s’ajuste à la taille de l’écran.

Image dans une personnalisation HTML « opacheader », avec une largeur à 100%

  1. Cliquer sur « Enregistrer » pour insérer l’image
Formulaire d'ajout d'une image dans du contenu additionnel, le bouton Enregistrer est mis en évidence

  1. Au besoin, refaire le processus pour les autres langues
  2. Cliquer sur « Enregistrer » pour enregistrer la nouvelle
Formulaire de modification de contenu additionnel, le bouton enregistrer, en haut de la page est mis en évidence


Voir aussi

Ressources de la communauté Koha

Table des matières