• Joomlatutos.com
    Serveurs locaux pour développer vos sites,
    sites exemples et extensions pour Joomla,
    tutoriels et forum d'aide.
  • JoomlaKit
    Le nouveau système d'installation de site Joomla!
    Avec extensions intégrées, données exemples,
    et suivi des mise à jour par notification e-mail !
  • JCE FR
    JCE, l'incontournable éditeur pour Joomla!
    Avec barre d'outils et gestionnaire de fichiers
    adaptables à des profils utilisateur différents.

Introduction à la typographie du Web

Différences entre typographie du web et de l'impression

Il existe 3 différences principales entre la typographie du Web et celle de l'Impression :
  • Les supports du web ont un rendu différent des supports de l'impression
  • L'influence sur l'affichage et le rendu ne sont pas les mêmes
  • La transmission des données via Internet est limitée par le débit du réseau

Différences entre supports du web et de l'impression

emissionLes supports du web

Sur un écran, la lumière provient de l'intérieur, derrière les éléments affichés. C'est par un filtrage de couleur et d'intensité de cette lumière que les éléments apparaissent correctement.

Les couleurs sont définies par la trichromie, RVB : mélange de rouge, de vert, et de bleu, permettant d'obtenir l'ensemble des couleurs.

  • La roue chromatique est plus large qu'en impression
  • Il est possible d'obtenir des couleurs très vives et très lumineuses

Les écrans informatiques ayant différentes résolutions d’affichage, la dimension affichée des éléments n'est pas contrôlable.

La résolution d'une image pour le web est inférieure à l'impression, généralement de 72 points par pouce (ppp ou dpi).

reflexionLes supports de l'impression

La visualisation d'un imprimé fonctionne par une réflexion de lumière sur la surface.

Les couleurs sont définies par la quadrichromie, CMJN : mélange du cyan, magenta, jaune et noir, permettant d'obtenir l'ensemble des couleurs.

Un support imprimé absorbant une partie de la lumière lors de sa réflexion sur la surface, les couleurs paraissent plus ternes et plus sombres que sur un écran informatique.

  • Le noir permet d'obtenir l'effet du foncé/clair
  • Les couleurs vives doivent être appliquées par des encres spéciales

L'impression utilise en général une résolution de 150 à 600 points par pouce (ppp ou dpi). Pour des impressions de haute qualité, elle peut aller bien au-delà.

Influence sur l'affichage et le rendu

Impression

Dans les industries graphiques, les caractéristiques sont attribuées à un document avant sa distribution.
L'imprimeur et le commanditaire sont maîtres de l'aspect du produit imprimé.
Seul la lumière et le contexte dans lesquels le document sera vu influera sur son rendu.

Après la distribution...

  • La taille du document ne change pas.
  • Le graphisme est toujours identique.
  • Les polices d'écriture sont toujours les mêmes.
  • Les couleurs peuvent varier selon la luminosité ambiante.

ecranWeb

Sur le web c'est en partie l'inverse : si des caractéristiques sont également attribuées à un document avant de le distribuer, les supports utilisés pour l'afficher sont variables et influent considérablement sur son aspect !

  • La taille du document varie selon l'écran et sa résolution.
  • Le graphisme varie selon l'écran et sa résolution, le navigateur web, le type de plateforme (PC, Mac, etc.).
  • Les couleurs varie selon l'écran et son étalonnage, le navigateur web.
  • Les polices d'écriture (système) varient selon le type de plateforme (PC, Mac, etc.). Il est toutefois possible d'utiliser une police provenant du web pour ne pas faire appel à une police système.
  • L'internaute peut modifier les réglages de son support d'affichage.

Dans le web, il est impossible de déterminer un affichage identique pour tous les visiteurs !

Transmission des données limitée par le débit Internet

debitPour une diffusion sur le web, le poids d'une image est un critère fondamental !

Si le débit proposé augmente continuellement, nous sommes encore très loin d'une définition identique entre l'impression et le web.

  • Cette différence peut encore être de 1 à 1000
    Exemple : 100ko pour le web / 100Mo pour l'impression

De plus, le web permet d'intégrer des médias au sein des documents, plus lourds encore que des images.

  • Animations
  • Musique
  • Vidéos

Vous ne pouvez pas influer sur la vitesse de connexion de vos visiteurs !

ImprimerE-mail