Agrandisseur de pixel art — mise à l'échelle entière avec des bords nets

Agrandissez du pixel art de 1 à 20 fois avec un échantillonnage au plus proche voisin : chaque case devient un carré plus grand, sans interpolation et sans bords adoucis.

Sélectionner une image

Déposez l'image ici · Agrandissement de 1 à 20x pris en charge

1–20
agrandissement entier
0
envois (tout dans le navigateur)

Ce que fait l'agrandisseur

Un agrandisseur de pixel art recopie chaque pixel existant dans un bloc N×N de même couleur : la sortie est donc N fois plus grande alors que le contenu reste identique pixel pour pixel. Cette méthode est l'échantillonnage au plus proche voisin : elle duplique, elle ne mélange pas, les bords de chaque carré restent donc droits.

L'agrandissement d'image ordinaire utilise une interpolation bilinéaire ou bicubique, qui calcule des couleurs intermédiaires à partir des pixels voisins et adoucit chaque bord. Appliquez-la à du pixel art et les blocs de couleur nets gagnent un halo de teintes intermédiaires ; revenir à un rendu pixel demande alors de quantifier à nouveau l'image. Comme le dommage est inscrit dans chaque copie future, mieux vaut conserver un original intact et agrandir uniquement depuis ce fichier, plutôt que d'agrandir une capture d'écran déjà agrandie.

Caractéristiques et limites

Quatre éléments définissent le comportement de l'agrandissement :

AlgorithmeDuplication au plus proche voisin à une échelle entière, sans couleurs intermédiaires.
Plage d'échelleDe 1x à 20x, entiers uniquement. 1x sert à comparer avec la source ; 2x, 4x et 8x couvrent la plupart des besoins d'affichage.
Longueur de côté maximaleLimitée par le canevas du navigateur : 32767 pixels par côté, ramenés à 16384 pixels lorsque la taille supérieure n'est pas disponible.
SortieUn PNG dont le canal alpha reste intact, nommé d'après le facteur d'échelle (par exemple upscaled-4x).

La limite s'applique par côté et non à la surface totale : une image de 1000×1000 à 20x devient 20000×20000, au-delà du repli à 16384 ; réduisez donc la source ou baissez d'abord le facteur.

Facteurs d'échelle et tailles de sortie

La longueur de côté en sortie est la longueur de côté en entrée multipliée par le facteur. Le tableau place des facteurs courants en regard de trois tailles d'entrée, pour vous permettre d'estimer la mémoire avant de lancer :

ÉchelleEntrée 16×16Entrée 32×32Entrée 64×64
2×32×3264×64128×128
4×64×64128×128256×256
8×128×128256×256512×512
10×160×160320×320640×640
20×320×320640×6401280×1280

Doubler la longueur de côté quadruple le nombre de pixels. À 20x, le côté est 20 fois plus long mais le nombre de pixels est 400 fois plus grand : c'est précisément là qu'apparaissent les limites du canevas du navigateur et la pression sur la mémoire.

Cinq étapes pour agrandir une image

  1. 1

    Sélectionnez ou déposez une image

    Les formats d'image courants sont acceptés. Préférez le fichier pixel d'origine à une capture d'écran : les captures ont généralement été compressées et rééchantillonnées par une plateforme, leur agrandissement produit donc des blocs irréguliers.

  2. 2

    Réglez le facteur d'échelle

    Commencez à 1x pour confirmer la base, puis montez le facteur jusqu'à la taille d'affichage voulue. Seuls les facteurs entiers gardent tous les pixels source de la même taille ; un facteur fractionnaire produit des colonnes et des lignes de largeurs différentes.

  3. 3

    Comparez la source et le résultat

    Affichez la source et le résultat côte à côte et vérifiez que les bords forment des angles droits nets plutôt que des franges grises. Des transitions douces visibles signifient que la source a déjà été interpolée à un moment antérieur : revenez donc au fichier d'origine au lieu d'agrandir une capture qui a perdu sa grille.

  4. 4

    Vérifiez la limite de taille

    Multipliez la longueur de côté de la source par le facteur. Près de 16384 ou 32767, baissez d'abord le facteur. Quand la cible dépasse la limite du canevas, l'outil le signale au lieu de produire une image vide.

  5. 5

    Téléchargez le PNG

    Le PNG téléchargé conserve la transparence et peut entrer directement dans des fichiers de design, des documents ou un projet de jeu. Pour modifier le contenu pixel lui-même, repassez par le générateur de pixel art ou par l'éditeur.

Bonnes et mauvaises sources

Bon : icônes et personnages en pixels

Les icônes, sprites et personnages de 16×16 à 64×64 restent des carrés à bords nets après agrandissement, ce qui convient aux images d'affichage, aux illustrations de tutoriel et aux supports imprimés. Gardez le fichier source petit et agrandissez-le tout à la fin, car agrandir puis retoucher signifie que chaque coup de pinceau tombe sur un bloc de 20×20 au lieu d'un seul pixel.

Bon : captures de motifs en perles

Agrandir une image de motif exportée grossit ensemble les lignes de grille et les blocs de couleur, ce qui aide à la projeter ou à l'épingler au mur pendant que vous posez les perles. Pour une nouvelle mise en page, exportez de nouveau depuis l'éditeur plutôt que d'agrandir une capture.

Mauvais : photos et dégradés

Une photo n'a pas de vraie grille de pixels : l'agrandir ne produit que de grands blocs de couleur et le détail ne revient jamais. Pour obtenir un rendu pixel, réduisez d'abord la résolution et quantifiez les couleurs dans le générateur de pixel art.

Pages associées

Questions fréquentes

Pourquoi le résultat reste-t-il en blocs au lieu d'être plus net ?

Le pixel art tire sa clarté des bords de ses blocs, pas d'un détail supplémentaire. L'agrandissement au plus proche voisin recopie chaque bloc en plus grand : il paraît net, mais il ne peut pas inventer des pixels que la source n'a jamais eus. Plus de détail exige de redessiner ou de reconvertir sur une grille plus fine, pas un multiplicateur plus grand.

Quel est le facteur d'échelle maximal ?

De 1x à 20x, entiers uniquement. Un facteur fractionnaire recopierait des pixels source différents dans des colonnes de largeurs différentes et produirait des cases irrégulières : il n'est donc pas proposé. Pour l'affichage, 4x ou 8x suffisent généralement.

Pourquoi l'outil signale-t-il une limite de taille de canevas ?

Un canevas de navigateur supporte environ 32767 pixels par côté, et certains environnements seulement 16384. Le côté en sortie est le côté source multiplié par le facteur : au-delà de cette valeur, la mémoire ne peut pas être allouée et l'outil s'arrête avec un message plutôt que d'exporter une image partielle. Baissez le facteur, découpez la source en tuiles ou recadrez-la d'abord.

Le fond transparent est-il conservé ?

Oui. L'agrandissement copie les couleurs des pixels, transparence comprise : le PNG exporté garde donc sa transparence et peut se superposer à n'importe quoi. Si la source a des bords semi-transparents, ces pixels deviennent eux aussi des carrés pleins, simplement avec la même opacité partielle.

L'image agrandie peut-elle servir de motif en perles ?

Non. La mise à l'échelle ne change que les dimensions ; les cases ne portent ni code couleur, ni légende, ni nombre de perles, et un motif construit à partir de cette image ne peut donc pas être vérifié face aux perles que vous possédez. Pour poser des perles, quantifiez l'image vers la palette d'une marque dans le générateur de motifs en perles, ou ouvrez un motif existant dans l'éditeur pour lire ses codes et ses totaux avant d'acheter quoi que ce soit.

Mon image est-elle envoyée quelque part ?

Non. Le chargement, la mise à l'échelle et le téléchargement s'exécutent dans le navigateur, sur un canevas : le fichier ne quitte jamais votre appareil et aucune copie ne subsiste après la fermeture de la page. Les images volumineuses consomment de la mémoire locale, c'est pourquoi les facteurs élevés peuvent déclencher un message de mémoire insuffisante.

Quel est le format du fichier téléchargé ?

PNG, avec le facteur dans le nom de fichier, par exemple upscaled-4x, afin que les différentes versions d'une même image restent distinguables. Si vous avez besoin de JPG ou de WebP, convertissez le fichier téléchargé ensuite, en gardant en tête que le JPG ne peut pas stocker de transparence et peut ajouter des artefacts de compression autour des blocs de couleur nets, exactement ce que le pixel art ne veut pas.

Des bords en escalier sont-ils un bug ?

Non. Les bords en escalier sont les blocs de pixels eux-mêmes et correspondent au rendu attendu du pixel art. Ce qui mérite attention, c'est une frange grise ou un dégradé le long d'un bord, car cela signifie que la source a été interpolée plus tôt ; revenez à un original non compressé avant d'agrandir.

Choisir une image à agrandir

Agrandissez du pixel art de 1x à 20x dans le navigateur avec un échantillonnage au plus proche voisin, exporté en PNG transparent, sans envoi de l'image source.

Convertir d'abord une photo en pixel art