5. Trucs pour préparer les images du site
Toute image affichée sur une page doit être déposée dans Typo3 AVANT d'être insérée dans la page.
Truc : Pour afficher les miniatures, n'oubliez pas de cocher la boite Afficher les miniatures en bas de la liste.
Toute image doit être créée de façon à posséder une résolution qui :
- est assez grande pour que l'image ne soit pas floue;
- est assez petite pour éviter des temps de chargements inutiles.
La règle à suivre est de créer l'image à sa plus grande grandeur de visualisation et pas plus. Pour vous aider à déterminer cette grandeur, consultez l'information suivante.
Pour une image utilisée en bandeau
(pleine largeur de page)
Si votre site a été mis en opération avant l'automne 2017, la largeur maximale affichée est de 944px.
Si votre site a été mis en opération après l'automne 2017, la largeur maximale affichée est de 1200px.
Il y a un redimensionnement sur les appareils mobiles, mais cette grandeur (ci-haut) est celle qui donne les meilleurs résultats.
Pour une image utilisée dans une colonne
(gauche ou droite) ou dans une grille
Si votre site a été mis en opération avant l'automne 2017, la largeur d'une colonne est de 221px.
Si votre site a été mis en opération après l'automne 2017, la largeur d'une colonne est de 285px.
Dans le cas d'une image insérée dans un espace de la largeur d'une colonne en mode desktop cette image, lorsqu'affichée sur un téléphone, peut facilement passer à 400px et même plus avec l'arrivée constante de nouvelles technologies. Il est donc recommandé de créer vos images à une largeur minimum de 400px.
Autres cas
Vous devrez estimer la largeur maximale d'affichage et créer vos images en conséquences.
La règle d'or est de toujours prendre le temps de vous assurer que, suite à l'insertion d'une image dans une page, son affichage vous convienne à toutes les résolutions en affichant la page sur plusieurs types d'appareils (téléphone, tablette, desktop, etc.).
Mais si vous suivez les recommandations ci-dessus, ça devrait aller.
Comment
Déposer une image dans le répertoire de fichiers
Consulter la page Les répertoires de fichiers pour plus de détails sur les manipulation de fichiers d'images.
Ajouter une image dans une page
Il existe plusieurs façons d'insérer une image dans une page. Veuillez vous référer à la boite à outils pour consulter les choix disponibles.
Modifier les métadonnées d'une image (infobulle, légende, texte alternatif)
Certains champs de métadonnées sont disponibles. Par contre, ces valeurs ne seront considérées que pour les images insérées à l'aide des éléments de contenu Texte ou Texte et images.
General / Titre | Un titre donné apparaitra en infobulle au passage de la souris sur l'image. À noter : Le champ Titre affiche par défaut le nom du fichier (en grisé). Ce nom n'apparaitra pas en infobulle. Seul le titre entré par vous est considéré et affiché en infobulle. |
General / Description | La description apparaitra en légende directement sous l'image dans la page. |
General / Alternative text | Le texte alternatif sert à décrire l'image dans les situations où l'utilisateur aurait choisi de ne pas afficher les images du site, ou s'il utilise un lecteur d'écran (p.ex. dans le cas d'un handicap visuel). Ce texte garanti que l'information transmise par l'image demeure accessible. |
| Métadonnées / Créateur | Créateur de l'information. |
| Métadonnées / Éditeur | Éditeur. |
| Métadonnées / Source | Source (si source externe). |
| Métadonnées / Droits d'auteur | Droits d'auteurs (copyright). |
Procédure :
- Naviguer jusqu'au répertoire de fichier contenant l'image et cliquer sur
. Si cet icône n'est pas visible, vous devez cocher la boite Vue avancée se trouvant directement sous la liste. - Remplir les champs de métadonnées requis.