Pixelisateur d'Images

À propos du Pixelisateur d'Images

Le Pixelisateur d'Images transforme toute photographie ou illustration en pixel art en sous-échantillonnant l'image vers une petite grille puis en la ré-agrandissant avec une interpolation au plus proche voisin, ce qui produit l'aspect iconique en blocs des jeux 8 et 16 bits. Le curseur de taille de bloc règle combien de pixels réels sont fusionnés en chaque bloc de sortie : une valeur de 16 signifie que chaque zone de 16 par 16 devient un carré de couleur unie. Une palette median-cut optionnelle réduit l'image entière à entre 2 et 64 couleurs, imitant la mémoire de couleur limitée des consoles d'antan comme la NES, la Game Boy et la Master System. Une grille superposée peut être activée pour le travail de sprites. Tout s'exécute localement dans votre navigateur via l'API Canvas : la photo ne quitte jamais votre appareil, ce qui convient aux avatars, aux ressources de jeu, aux fonds d'écran rétro et aux images sensibles.

Quelle est la différence entre pixelisation et flou d'image ?

La pixelisation réduit l'image à une grille basse résolution où chaque cellule contient une seule couleur, produisant l'aspect en blocs des jeux vidéo anciens. Le flou répartit la couleur de chaque pixel entre ses voisins via un noyau gaussien ou boîte, adoucissant les bords au lieu de les quantifier en carrés nets. La pixelisation conserve la disposition spatiale à basse résolution, tandis qu'un flou marqué moyenne simplement les détails locaux sans structure de grille. Les deux techniques servent à censurer la vie privée dans les photos (visages, plaques) et pour des effets stylistiques, mais seule la pixelisation impose aussi la quantification de couleur aux frontières des blocs, raison pour laquelle le pixel art s'accompagne souvent d'une palette limitée.

Quelle taille de pixel choisir pour un avatar ou un sprite ?

Pour des avatars de réseaux sociaux entre 64 et 128 pixels, une taille de bloc de 6 à 12 conserve suffisamment la structure du visage tout en gardant l'aspect pixel art. Pour des sprites façon NES, des blocs de 4 à 8 combinés à une palette de 8 à 16 couleurs collent à l'esthétique historique. Pour des icônes mobiles épais ou des portraits Game Boy, montez la taille à 12-24 et utilisez une palette de 4 couleurs pour imiter le niveau de gris 2 bits original. Règle pratique : divisez le plus grand côté de l'image par 16 pour un look minimaliste, par 32 pour un sprite équilibré, par 64 pour un détail fin restant lisible. La grille aide à compter les blocs si vous comptez redessiner le sprite dans un éditeur.

Comment fonctionne la quantification median cut ?

Median cut est un algorithme classique qui commence par regrouper tous les pixels dans une seule boîte 3D rouge, vert, bleu. Il trouve l'axe avec la plus grande étendue, trie les pixels selon cet axe et coupe la boîte en deux à la médiane. Le processus se répète sur la boîte la plus large jusqu'à atteindre le nombre de couleurs cible. Chaque boîte finale fournit une entrée de palette, calculée comme la moyenne des pixels qu'elle contient. L'avantage par rapport à la quantification uniforme est que median cut concentre plus de couleurs là où l'image en a vraiment : un portrait reçoit beaucoup de tons chair et peu de tons ciel, plutôt que de découper uniformément le cube de couleurs. Ce pixelisateur échantillonne quelques milliers de pixels pour la vitesse ; le résultat est visuellement indiscernable d'une quantification complète sur des photos typiques.

L'outil envoie-t-il mon image vers un serveur ?

Non. L'image est lue directement par un FileReader JavaScript et dessinée sur un Canvas entièrement dans votre onglet de navigateur. La pixelisation, la quantification et l'export PNG se font localement sur votre CPU : aucune requête réseau ne transporte vos données. Vous pouvez le vérifier en ouvrant l'onglet Network des DevTools avant d'utiliser l'outil. Ce design local rend l'outil sûr pour des photos sensibles (pièce d'identité, imagerie médicale, maquettes confidentielles) et permet une utilisation hors ligne une fois la page mise en cache. La seule limite est la mémoire du navigateur ; 20 Mo est un plafond pratique pour la plupart des portables, mais n'importe quel téléphone peut pixéliser une photo de son propre appareil photo sans difficulté.

Pourquoi mon PNG fait-il la même taille que l'original ?

La pixelisation sous-échantillonne puis ré-agrandit, donc le canvas de sortie correspond à l'aperçu visible et non au fichier d'origine. Si vous avez besoin d'un vrai sprite basse résolution (par exemple 32x32 pixels), prenez une capture du canvas ou ouvrez le PNG téléchargé et redimensionnez-le à la petite grille (clic droit, Redimensionner, choisissez « Plus proche voisin » pour garder les blocs nets). Une future version ajoutera un bouton « Enregistrer à la grille native ». Pour l'instant, la taille de bloc visible multipliée par la résolution de la petite grille détermine la taille du PNG enregistré : un aperçu de 600 pixels avec un bloc de 10 produit une image de 60 blocs de large, ramenée à 600 pixels dans le PNG.

Puis-je utiliser cela pour faire du pixel art commercial ou des NFT ?

Oui — l'outil n'ajoute pas de filigrane et applique une transformation mathématique déterministe sans matière propre soumise au copyright. La situation juridique du résultat est donc identique à celle de l'image d'entrée : si vous possédez les droits sur la photo ou disposez d'une licence permissive, la version pixélisée hérite des mêmes droits. Pour le développement de jeux, les ressources générées ainsi sont souvent retouchées ensuite à la main dans un éditeur de pixel art (Aseprite, Piskel, Photoshop) pour nettoyer les formes, affiner les silhouettes et ajuster la palette. Pour les projets NFT, gardez en tête que dans la plupart des juridictions, une transformation algorithmique simple sur l'image d'autrui ne crée pas un nouveau copyright, alors partez toujours d'images que vous possédez ou êtes autorisé à utiliser.