Dithering en ligne pour représenter une image avec peu de couleurs. Comparez diffusion d’erreur et motifs réguliers, réglez la taille des pixels et téléchargez un PNG gratuit. Le traitement reste sur votre appareil, sans compte.
Essayer un exemple
Réglages
L’effet dithering permet de comparer les répartitions de couleurs sur la même source. Deux couleurs suffisent à suggérer plusieurs nuances lorsqu’elles sont réparties entre pixels voisins. Un fichier noir et blanc peut ainsi sembler gris par endroits, sans contenir de pixels gris. La proportion compte, mais aussi l’organisation : un motif ordonné possède un rythme visible, tandis que la diffusion d’erreur crée une autre texture. Le seuil direct donne des séparations plus franches. Choisir le procédé revient donc aussi à choisir une façon de lire l’image.
Le calcul commence par une réduction en blocs selon la taille de pixel demandée. Chaque bloc est moyenné, puis les réglages de luminosité, contraste et gamma sont appliqués. La couleur est ensuite ramenée à la palette. Les régions transparentes sont composées sur blanc et le PNG final est opaque. Pour transformer la couverture alpha plutôt que les couleurs, utilisez le mode DTF de l’autre outil ; cette page ne conserve pas de masque transparent.
La diffusion transmet aux pixels suivants la différence entre une couleur et l’entrée de palette choisie. Un tampon Float32 conserve les fractions de cette erreur avant la quantification finale. La distance utilisée vaut 2ΔR² + 4ΔG² + 3ΔB², ce qui donne davantage de poids au vert. Il s’agit d’une comparaison RGB pondérée, pas d’une conversion complète dans un espace de couleur perceptuel.
Sélectionnez un fichier local, déposez-le sur la zone d’image ou collez-le depuis le presse-papiers. La sphère grise révèle les différences dans les dégradés ; la composition colorée montre le rôle de la palette. Les limites sont de 60 Mo et 64 mégapixels après décodage. Les formats animés sont lus comme une image fixe. Un exemple simple permet de comprendre les réglages avant une photographie complexe.
Les palettes proposées comprennent noir et blanc, quatre gris, Game Boy, CGA, PICO-8 et Mac Classic. Vous pouvez définir deux à seize couleurs ou en extraire automatiquement deux à soixante-quatre. Vérifiez d’abord leur écart de luminosité. Une palette presque uniforme ne peut pas restituer un grand contraste, quel que soit l’algorithme. Tous les pixels produits utilisent des couleurs effectivement présentes dans la palette.
Gardez la palette et la taille des pixels identiques en passant de Floyd–Steinberg à Atkinson puis à Bayer. Les différences observées viendront ainsi du procédé. Corrigez ensuite les nuances si des éléments essentiels se confondent. Pour la diffusion, baissez la force d’erreur ou désactivez le balayage en serpentin. Les autres méthodes n’emploient pas ces réglages et ne les affichent donc pas.
Pour une ressource de pixel art, choisissez la grille réduite à l’échelle 1:1. Sinon, agrandissez-la aux dimensions de sortie par voisin le plus proche. PNG préserve les couleurs sans compression destructive de type JPG. Vérifiez les dimensions téléchargées et évitez un redimensionnement lissé ensuite : il créerait des couleurs intermédiaires et adoucirait les bords carrés, même si le fichier initial respecte exactement sa palette.
Pour l’effet dithering, la palette fixe les couleurs disponibles. Floyd–Steinberg, choisi par défaut, distribue l’erreur à quatre positions voisines. Atkinson en utilise six mais ne transmet que les trois quarts de l’erreur, ce qui peut modifier le contraste apparent. Jarvis–Judice–Ninke et Stucki répartissent sur un voisinage plus large ; Burkes utilise deux lignes. Sierra, Sierra Two-row et Sierra Lite ajoutent trois répartitions distinctes. Ce sont des noyaux différents, et non des niveaux d’intensité d’un seul filtre.
La force de diffusion varie de zéro à cent pour cent. À zéro, aucune erreur ne part vers les voisins : chaque pixel reçoit directement sa couleur la plus proche. Le balayage en serpentin inverse le sens une ligne sur deux et retourne les poids horizontalement. Ces réglages concernent uniquement les méthodes de diffusion. Ils sont masqués pour Bayer, le seuil et le bruit, afin de ne pas laisser croire à un effet inexistant.
Bayer 2×2, 4×4 et 8×8 utilisent des matrices de seuil construites récursivement. Les petites matrices se répètent plus visiblement ; les grandes proposent davantage de positions dans un même motif. Le seuil ne produit pas de dithering supplémentaire. Le bruit aléatoire perturbe la décision à l’aide d’une suite pseudoaléatoire reproductible, sans changer arbitrairement tout le motif à chaque recalcul. Dans tous les cas, la sortie reste limitée aux couleurs sélectionnées.
La palette automatique est obtenue par coupe médiane sur une copie de la source limitée à 256 pixels sur son grand côté. Elle est conservée pour l’image et le nombre de couleurs demandé. Changer luminosité, algorithme ou force de diffusion ne relance pas l’extraction. Changer le nombre de couleurs en produit une autre. Une image peu colorée peut fournir moins d’entrées que demandé. La palette personnalisée permet de choisir, ajouter et supprimer directement les couleurs.
Noir et blanc, pixels de 3 px, diffusion à 100 %, balayage en serpentin.
Noir et blanc, pixels de 3 px, réglage de diffusion à 100 %, balayage en serpentin.
Noir et blanc, pixels de 3 px, matrice Bayer ordonnée de 8×8.
Sphère ombrée, Floyd–Steinberg, quatre verts, pixels de 4 px, diffusion à 100 %, balayage en serpentin.
Pour appliquer le dithering à une image monochrome, examinez les zones calmes autant que les contours. Une diffusion peut conserver une nuance moyenne tout en créant une texture trop agitée pour votre mise en page. Un seuil donne parfois une silhouette plus forte mais supprime une ombre nécessaire. Décidez si le projet demande une continuité de valeurs ou des aplats francs. Aucun procédé n’est automatiquement le meilleur pour toute photographie ou toute taille d’affichage.
Pour une référence à un ancien jeu, les palettes sont des contraintes visuelles et non des émulateurs. Game Boy propose quatre verts ; CGA fournit une sélection de quatre couleurs ; PICO-8 en propose seize précisément définies ; Mac Classic utilise noir et blanc. L’outil n’impose ni taille d’écran, ni nombre de sprites, ni format propre à une machine. Ces exigences doivent être contrôlées séparément dans un projet réellement destiné à une plateforme.
Pour une étude en pixel art, agrandir la taille des pixels simplifie d’abord les formes. Une source de 1600×1200 pixels avec une taille de quatre produit une grille de 400×300 en export 1:1. Si une dimension n’est pas divisible, le dernier bloc prend les pixels restants. L’agrandissement aux dimensions initiales se fait par voisin le plus proche, sans passe de lissage ajoutant des transitions entre les blocs.
Dans une composition à peu de couleurs, deux objets différents peuvent tomber sur la même entrée de palette. Avant de multiplier les changements d’algorithme, ajoutez une couleur contrastée ou essayez l’extraction automatique. Pour plusieurs images devant partager une identité colorée, utilisez une même palette personnalisée. L’extraction automatique dépend de chaque source et ne garantit pas des couleurs identiques entre des fichiers traités séparément.
Photoshop propose des retouches complètes et des flux de couleurs indexées ; Illustrator est tourné vers le dessin vectoriel et la composition. Cette page se concentre sur les algorithmes de quantification, le choix des couleurs et le téléchargement d’un PNG aux pixels définis. Elle ne génère ni tracés vectoriels ni document multicouche. Le résultat peut ensuite être placé dans une création plus large contenant textes, formes et masques.
La petite sortie 1:1 est utile dans les applications qui travaillent directement sur une grille. La sortie aux dimensions de la source s’insère plus facilement dans une composition existante. Dans les deux cas, un redimensionnement lissé ultérieur peut modifier les couleurs. L’écran lui-même mélange parfois visuellement les pixels à un zoom non entier. Utilisez un agrandissement entier pour contrôler la grille et examinez le fichier téléchargé plutôt qu’une vignette.
L’aperçu ne dépasse pas 1000 pixels sur le grand côté et se recalcule après une pause de 80 millisecondes. La diffusion dépend de la grille et des décisions précédentes : une petite prévisualisation ne prédit donc pas chaque point de la sortie. L’export est recalculé depuis la source. Vos images restent sur votre appareil et la durée affichée décrit seulement le dernier calcul d’aperçu, sans promesse générale de rapidité.
Chargez une image, choisissez une palette et un algorithme de dithering, puis téléchargez le résultat en PNG. Réglez la taille des pixels pour obtenir une texture plus fine ou plus marquée, et comparez avec l’original avant l’enregistrement. Le PNG contient uniquement les couleurs de la palette choisie : avec une palette noire et blanche, aucun pixel gris n’est ajouté.
Choisissez Floyd–Steinberg pour les dégradés photo, Atkinson pour des hautes lumières dégagées, Bayer pour des motifs réguliers et Threshold pour des contours nets. Atkinson diffuse les trois quarts de l’erreur, avec un contraste plus marqué rappelant les Mac classiques. Bayer crée une grille stable au style rétro. Threshold n’ajoute pas de dithering. Comparez à palette et taille de pixel identiques.
Atkinson ne propage que trois quarts de l’erreur de quantification. Floyd–Steinberg distribue l’erreur entière dans son noyau, en dehors des pertes aux bords. Cela change les positions et les valeurs perçues. Comparez les procédés avec la même palette et la même taille, puis ajustez la luminosité selon l’effet souhaité.
La palette personnalisée accepte de deux à seize couleurs. Vous pouvez modifier chaque entrée, en ajouter ou en supprimer. La sélection utilise une distance RGB pondérée. Beaucoup de couleurs très proches n’améliorent pas nécessairement la lecture ; des différences utiles de luminosité et de teinte comptent souvent davantage que le nombre maximal d’entrées.
L’aperçu est limité à 1000 pixels sur son grand côté, alors que l’export recalcule le procédé aux dimensions de sortie. La diffusion dépend du maillage et de l’erreur accumulée, donc certaines positions changent avec la résolution. Utilisez l’aperçu pour choisir le style et le PNG téléchargé pour examiner les points définitifs.
Le calcul se déroule dans le navigateur, généralement dans un Worker. Une variante découpée par lignes prend le relais sur le fil principal si nécessaire. Les événements statistiques excluent les données d’image et les noms. Ouvrir un exemple charge uniquement un fichier statique du site ; cela n’envoie pas votre source locale.
Essayez le dithering en ligne avec une image d’exemple. Choisissez la palette, comparez une diffusion avec une matrice régulière et décidez entre petite grille 1:1 et PNG aux dimensions de sortie. Chargez ensuite votre propre source. Gardez l’original et notez palette et taille de pixel si plusieurs images doivent suivre les mêmes choix graphiques.
