Comment choisir la bonne taille de bloc de pixels

La taille du bloc de pixels contrôle la grammaire visuelle d’une conversion. Les petits blocs décrivent la texture. Les gros blocs forcent l’image à parler à travers la forme.

Il n’existe pas de valeur universellement correcte. La question utile est : qu’est-ce qui doit rester lisible à la taille d’affichage finale ?

Pensez en résolution efficace

La taille d’un bloc est plus facile à juger lorsque vous la traduisez en une grille approximative. Si une source de 1 024 pixels de large est échantillonnée en blocs de 16 pixels, l’œuvre comporte environ 64 colonnes d’informations visuelles. Avec des blocs de 32 pixels, il en a environ 32.

Cette différence est énorme. Un visage qui fonctionne sur une grille de 64 colonnes peut devenir trois taches de couleur sur une grille de 32 colonnes.

Au lieu de rechercher un numéro de curseur spécifique, examinez le nombre de blocs sur le sujet.

Blocs fins : conservent la structure et la texture

Utilisez une taille de bloc plus petite lorsque :

• l’image contient plusieurs personnes ;
• la ressemblance du visage compte ;
• il y a des lignes fines ou des lettres que vous ne pouvez pas rogner ;
• la sortie sera vue en grand.

Les blocs fins sont plus sûrs, mais ils peuvent ressembler à une photo basse résolution plutôt qu’à du pixel art. Réduisez la palette ou augmentez légèrement la taille du bloc si le résultat semble bruyant.

Blocs moyens : le milieu fiable

Pour la plupart des portraits, animaux de compagnie, produits et paysages, un réglage moyen constitue le meilleur premier passage. Il supprime la texture de l’appareil photo tout en laissant suffisamment de place aux yeux, aux bords et aux changements de matériaux.

Je recherche trois signes :

1. La silhouette est épurée.
2. Les fonctionnalités importantes occupent plus d’un bloc.
3. Les zones plates sont calmes plutôt que mouchetées.

Si les trois sont vrais, la réduction de palette devient beaucoup plus facile.

Gros blocs : s’engager dans l’abstraction

Les blocs gras conviennent aux icônes, aux illustrations d’arrière-plan, aux graphiques de style album et aux ressources de jeu intentionnellement volumineuses. Ils fonctionnent mieux avec un sujet centré et un éclairage fort.

À cette échelle, chaque bloc est une décision de conception. Un décalage d’un bloc peut modifier une expression ou briser une courbe. Ne vous attendez pas à ce qu’une photo de groupe détaillée survive.

Les gros blocs exposent également des compositions faibles. Si le sujet et l’arrière-plan partagent des valeurs similaires, ils fusionneront rapidement.

Faites correspondre la taille du bloc à la destination

Commencez à partir de l’endroit où l’image apparaîtra :

• Image de profil : gardez les yeux et la forme de la tête clairs entre 48 et 96 pixels CSS.
• Sprite de jeu : testez-le dans la caméra de jeu réelle, et pas seulement dans un grand aperçu de l’éditeur.
• Illustration du site Web : vérifiez les largeurs des ordinateurs de bureau et des mobiles.
• Graphique imprimé : exportez en grand, mais gardez la grille interne cohérente.

Prévisualisez toujours à la taille d’affichage prévue. Agrandir un petit sprite pour remplir l’écran peut donner l’impression qu’un résultat parfaitement bon est grossier.

Une méthode de sélection simple

Dans PixelTool, passez de fin à grossier plutôt que de deviner :

1. Commencez avec une petite taille de bloc.
2. Augmentez-le jusqu’à ce que la texture sans importance disparaisse.
3. Continuez jusqu’à ce qu’une fonctionnalité importante soit endommagée.
4. Reculez une fois.
5. Ajustez le nombre de couleurs uniquement une fois que la géométrie vous semble correcte.

Cette méthode « casser puis reculer » est plus rapide que de peaufiner un réglage trop fin dès le départ.

Évitez la mise à l’échelle fractionnaire plus tard

Après l’exportation, affichez le pixel art sous forme de multiples entiers chaque fois que possible : 2×, 3×, 4×. Une échelle 3,5 × oblige le navigateur ou l’application de conception à interpoler les bords, ce qui peut créer du flou ou des largeurs de bloc inégales.

La meilleure taille de bloc est la plus grossière qui dit la vérité sur le sujet. Tout ce qui est plus fin est un détail facultatif ; tout ce qui est plus grossier change le sujet lui-même.