Utilia

Effet tramage et demi-teinte

Appliquez un effet de tramage (dithering) ou de demi-teinte en ligne : Floyd-Steinberg, Bayer, image 1 bit, effet Game Boy, points CMJN. Export PNG, sans envoi.

Comment tramer une image

  1. Déposez une image dans la zone prévue ou cliquez pour la choisir. Elle est traitée dans votre navigateur, sans jamais être envoyée.
  2. Choisissez l’Effet : le Tramage réduit l’image à quelques couleurs, la Demi-teinte la redessine sous forme de trame de points.
  3. Réglez la Largeur de sortie (px), de 16 à 4096. Elle vaut au départ la largeur d’origine, plafonnée à 640 px ; la hauteur suit les proportions. L’effet est calculé exactement à cette taille.
  4. Ajustez au besoin la Luminosité et le Contraste, appliqués avant l’effet.
  5. En Tramage, choisissez un Algorithme et une Palette. En Demi-teinte, réglez la Taille des points (pas de la trame, px), l’Angle de trame et les Couleurs.
  6. Servez-vous du Zoom (Ajusté, 1×, 2×, 3×, 4× ou 8×) pour examiner les pixels, puis cliquez sur Télécharger le PNG.

L’aperçu affiche le résultat pixel par pixel, agrandi au plus proche voisin : à partir de 1×, vous voyez exactement ce que contiendra le PNG.

Les algorithmes de tramage

Le tramage (ou dithering) simule les couleurs manquantes en juxtaposant celles qui sont disponibles selon des motifs fins, que l’œil mélange à distance.

  • Floyd-Steinberg (1976) est une diffusion d’erreur : chaque pixel est arrondi à la couleur la plus proche de la palette, et l’erreur d’arrondi est reportée sur ses voisins (7/16 à droite, 3/16, 5/16 et 1/16 sur la ligne suivante). C’est la méthode aux dégradés les plus doux, idéale pour les photos.
  • Atkinson vient des travaux de Bill Atkinson sur le premier Macintosh. Il ne répartit que 6/8 de l’erreur sur six voisins et abandonne le quart restant : l’image est plus contrastée, plus nette, mais les hautes lumières et les ombres sont brûlées.
  • Bayer 2×2, Bayer 4×4 et Bayer 8×8 relèvent du tramage ordonné : chaque pixel est comparé à une matrice de seuils répétée sur toute l’image. Sans propagation d’erreur, on obtient le quadrillage régulier des vieux ordinateurs et consoles, et un motif stable d’une image à l’autre.
  • Seuil (sans tramage) prend simplement la couleur la plus proche : les aplats sont francs, l’image est postérisée.

Les palettes

  • 1 bit noir et blanc : deux couleurs, l’image 1 bit classique.
  • 4 niveaux de gris : noir, 85, 170 et blanc.
  • Vert Game Boy : les quatre verts (#0f380f, #306230, #8bac0f, #9bbc0f) couramment utilisés pour reproduire l’écran de la Game Boy d’origine, parfaits pour un effet Game Boy.
  • Palette personnalisée : saisissez des codes hexadécimaux séparés par des virgules, jusqu’à 64 couleurs. Chaque pixel prend la couleur la plus proche selon une distance RVB pondérée ; les codes invalides sont signalés puis ignorés.

Les palettes de gris et Game Boy sont traitées comme des rampes de tons : l’image est tramée sur sa luminosité, puis chaque niveau reçoit la couleur de même rang, pour exploiter toute la gamme. La transparence est conservée lors du tramage.

La trame de demi-teinte

La demi-teinte, c’est la technique de l’imprimerie pour rendre des nuances avec une seule encre : une grille de points inclinée selon l’Angle de trame, espacés de la Taille des points. Le rayon de chaque point croît avec la racine carrée de la couverture d’encre moyenne de sa cellule, jusqu’à ce que les points se touchent dans les zones sombres. Mono (points noirs) imprime du noir sur blanc. CMJN (quatre trames inclinées) superpose en mode produit le cyan à 15°, le magenta à 75°, le jaune à 0° et le noir à 45° (le curseur décale les quatre angles ensemble par rapport à 45°). On incline les trames parce que des grilles identiques superposées produisent du moiré, un motif d’interférence bien visible. La conversion RVB vers CMJN est volontairement simplifiée (K = 1 − max(R, V, B)), sans profil ICC : c’est un effet artistique, pas une séparation des couleurs prête pour l’impression.

Conseils

  • Réduisez la largeur de sortie pour obtenir de gros pixels rétro, puis affichez à 4× ou 8×.
  • Montez le contraste avant une conversion en 1 bit pour que les visages et les détails ne se noient pas dans le bruit.
  • Préférez Bayer pour le pixel art et les animations, Floyd-Steinberg pour les photos.
  • Une image 1 bit convient parfaitement aux écrans e-ink, aux imprimantes thermiques et à la gravure laser.

Questions fréquentes

Mon image est-elle envoyée sur un serveur ?

Non. Tout le traitement se fait localement dans votre navigateur : l’image ne quitte jamais votre appareil.

Pourquoi uniquement le format PNG ?

Le PNG est sans perte : il conserve la palette exacte et chaque point du motif. La compression JPEG étalerait le tramage en un bruit flou et ajouterait des couleurs parasites.

Pourquoi l’image paraît-elle floue en mode « Ajusté » ?

Ajusté met l’aperçu à l’échelle de la place disponible, ce qui ne tombe pas forcément sur un multiple entier des pixels. Passez à 1× ou plus pour voir les pixels exacts.

Quel réglage choisir pour un effet Game Boy ?

Sélectionnez Vert Game Boy, une petite largeur de sortie, par exemple 160 px, et Bayer 4×4 pour le motif régulier typique, ou Floyd-Steinberg pour des photos plus douces.

La demi-teinte CMJN est-elle utilisable pour l’impression ?

Pas comme séparation des couleurs. Il s’agit d’une seule image RVB qui imite l’aspect de la quadrichromie, calculée sans profil colorimétrique.

Puis-je agrandir une petite image ?

Oui, la largeur de sortie peut monter jusqu’à 4096 px, mais l’image est redimensionnée avant l’effet : le motif de tramage reste donc fin. Pour de gros pixels bien visibles, gardez une petite largeur et zoomez.