Texte image (bitmap / vectoriel)
Logiciels :
- Textes bitmap : Photoshop
- Textes vectoriels : Illustrator et Flash
Image bitmap
Il s'agit des "graphismes tramés". Un fichier bitmap est enregistré sous la forme d'une série de valeurs, chaque pixel occupant une quantité de mémoire donnée.
L'image bitmap donne naissance à des fichiers plus volumineux que l'image vectorielle. De plus, son agrandissement s'accompagne d'une perte de qualité.
Formats Web Bitmap : JPEG, GIF, PNG.
Image vectorielle
Elle contient une série de droites et de courbes qui constituent des formes différentes par l'intermédiaire d'instructions mathématiques.
L'image vectorielle convient aux plans, aux schémas, aux graphiques, aux logos, et aux polices de caractères.
Avantages :
- fichiers moins lourds que ceux correspondant à l'image bitmap
- peut être redimensionnée sans perte de qualité
- les formats vectoriels occupent la même quantité de mémoire qu'ils soient aggrandis ou réduits.
Inconvénients : ne convient pas aux photographies.
Avantages :
- fichiers moins lourds que ceux correspondant à l'image bitmap
- peut être redimensionnée sans perte de qualité
- les formats vectoriels occupent la même quantité de mémoire qu'ils soient aggrandis ou réduits.
Inconvénients : ne convient pas aux photographies.
Avantages des textes images (bitmap ou vectoriels)
- Large choix de polices de caractères
- Manipulation des caractères et ajout d'effet graphique (ombre, relief, déformation...)
- L'antialiasing (anticrenelage ou lissage des caractères) permet d'avoir un aperçu des textes plus "propre" que pour les textes HTML (bien que certains navigateurs comme Safari ou Internet Explorer 7 lissent les caractères). Mais dans une petite taille, les textes lissés deviennent moins lisibles.
- L'utilisateur n'a pas besoin de disposer de la police utilisée sur sa machine pour qu'elle soit reconnue par le navigateur.
- Possibilité d'animer des textes vectoriels (sous Flash)
Inconvénients
- Les images et les fichiers .swf (format de publication de Flash) ont un poids supérieur au texte HTML simple. Ils accroissent le délai de chargement de la page.
- Par défaut, les textes graphiques et vectoriels ne se trouvent pas indéxés ; ils échappent aux moteurs de recherche.
- Impossibilité de copier les textes images
- Impossibilité de copier les textes vectoriels si le concepteur n'a pas déclenché l'option le permettant.
www.vancleef-arpels.com/fr/van-cleef.html#/ethics/
Usages
- Intitulés des rubriques dans les boutons (éléments de navigation principaux) qui n'évolueront pas et qui participent à l'identité visuelle du site.
histoire-immigration.fr (rubriques principales, encarts = images bitmap)
hermes.com (les 6 rubriques principales, le bouton Fermer, etc. = images bitmap + anim Flash en page d'accueil)
cnsad.fr (navigation principale en Flash) - Titres de chapitres ou de rubriques qui ne nécessitent pas de mise à jour régulière
musee-marine.fr (habillage du sous-menu de gauche) - Phrase d'accroche sur la page d'accueil
doyouspeakmartien.com
Utilisation du logiciel Flash pour les objects vectoriels
Pour la réalisation de sites web, le recours au texte vectoriel est possible via le logiciel Flash.
Flash est un outil logiciel de l'éditeur Macromedia, qui remplit essentiellement trois fonctions :
- Créer des objets vectoriels
- Les animer
- Les rendre interactifs
Flash permet aussi d'introduire des images bitmap dans une animation vectorielle.
Il traite le texte comme une image vectorielle, si bien que ce dernier s'affiche toujours de la même manière. Les capacités typographiques sont donc importantes.
Sélection de sites (réalisés sous Flash) :
The Favorite Websites Awards