Grid Maker

Grille sur une image

Superposez une grille précise sur une image — par nombre de colonnes ou espacement exact au pixel, chaque trait réglable, export pleine résolution en PNG ou JPG — la grille sur une image, aux règles de votre système.

JPG · PNG · WebP100 % traité en localVraies cellules carréesGratuit · sans inscription
Source 1920×1080 → sortie 1920×1080 · 12 × 7 cellules
Grille sur une image

Tout se passe dans votre navigateur — vos images et réglages ne sont jamais envoyés.

Une grille sur une image : la précision d’abord

Quand on pose une grille sur une image, la précision est le sujet. Une maquette d’interface a besoin de lignes au rythme 8 pixels de son système d’espacement ; une planche de sprites exige des cellules à la taille exacte des tuiles ; un scan ou un graphique réclame un réseau de mesure à échelle connue. Les grilles en colonnes sont parfaites pour les proportions ; les grilles au pixel répondent à la question : cet élément est-il vraiment là où il doit être ?

Cet outil permet de poser une grille sur une image des deux façons. Le mode colonnes divise l’image en colonnes égales de vrais carrés — 12 par défaut sur l’illustration de démo. Le mode pixels trace une ligne tous les N pixels sources, de 10 à 500, pour que la grille s’aligne sur votre système de design ou votre plan de tuiles plutôt que sur des proportions arbitraires. La ligne d’info affiche toujours les dimensions source et sortie exactes plus le nombre de cellules : ce que vous quadrillez est ce que vous recevez.

Le style des lignes est entièrement sous contrôle : toute couleur hex, 1–10 pixels d’épaisseur, 10–100 % d’opacité, plus des étiquettes A1/B1 quand l’image sert aussi de feuille de référence. Les exports se rendent en pleine résolution dans votre navigateur — PNG pour les pixels exacts, JPG pour un partage compact. Rien n’est envoyé : la grille sur une image reste locale.

Colonnes ou pixels : comment poser la grille sur une image

Utilisez le mode colonnes quand les proportions comptent plus que la taille absolue — quadriller une référence de dessin, vérifier une composition, découper une bannière en sections équilibrées. Les cellules sortent en carrés parfaits, et le même nombre de colonnes sur une autre image reproduit la même structure.

Utilisez le mode pixels quand l’image vit dans un système. Designers web et app quadrillent à leur échelle 4/8/12 px ; artistes de sprites et de tuiles à la taille exacte ; cartes et analyses à une échelle annotable. Poser la grille sur une image ainsi, c’est imprimer une règle exactement là où il en faut — la grille sur une image devient règle.

  • Grille sur une image : contrôler les systèmes d’espacement
  • Vérifier sprites et tuiles au pixel près
  • Mesurer graphiques et scans dans l’image
  • Découper une œuvre en sections égales
  • Poser une grille sur une image pour la coordonner

Styler la grille sur une image, du technique au créatif

Les vérifications techniques veulent des lignes discrètes : gris neutre ou ardoise à opacité moyenne, un ou deux pixels, pour que l’image sous la grille reste lisible. Les superpositions créatives — fonds de présentation, visuels de fiche, gabarits sociaux — acceptent des couleurs et épaisseurs plus affirmées, et le champ hex plus la pipette offrent toute couleur de marque en un clic pour votre grille sur une image.

L’option d’étiquettes transforme l’image quadrillée en feuille adressable. Les cellules se nomment A1, B1, C1 en largeur et 1, 2, 3 en hauteur — les commentaires de revue et les notes de fabrication restent sans ambiguïté quand plusieurs personnes posent une grille sur une image dans le même flux.

Grille sur une image : sortie exacte, chiffres honnêtes

Avant le téléchargement, la ligne de lecture sous l’aperçu indique les dimensions sources, la taille finale d’export et la densité en cellules. Si une grande image doit être réduite pour rester dans les limites sûres du navigateur — 4096 pixels, 12 mégapixels — l’avis apparaît avant votre validation, pas après.

Cette honnêteté vaut pour la géométrie : les lignes naissent des mêmes coordonnées que l’aperçu, re-rendues à la taille d’export, et l’espacement en pixels se réfère toujours aux pixels de l’image source. Poser une grille sur une image ici, c’est obtenir une cellule de 100 px en 100 px — dans l’aperçu et dans le fichier conservé.

Poser une grille sur une image en 4 étapes

  1. Charger l’image

    Déposez un JPG, PNG ou WebP jusqu’à 20 Mo, ou partez de l’illustration de démo. L’image s’ouvre aussitôt en mémoire locale.

  2. Choisir le mode de la grille sur une image

    Colonnes pour le proportionnel, pixels pour l’alignement système — réglez ensuite nombre ou espacement, la ligne d’info suit.

  3. Styler et vérifier

    Couleur, épaisseur, opacité, étiquettes ; vérifiez source, sortie et cellules avant d’exporter.

  4. Exporter en pleine taille

    Votre grille sur une image s’exporte jusqu’à 4096 px depuis les pixels sources — local, instantané, sans filigrane.

Pourquoi poser la grille sur une image ici

Mode espacement au pixel exact

Une ligne tous les 10 à 500 pixels sources : posez la grille sur une image qui vit dans un système — tuiles, échelles d’espacement et graphiques tombent juste.

Grille sur une image : lecture honnête des dimensions

Source, sortie et nombre de cellules affichés avant l’export, y compris toute réduction appliquée pour rester dans les limites sûres.

Étiquettes pour les équipes

Les adresses A1/B1 optionnelles transforment l’image quadrillée en feuille de référence que chacun peut citer cellule par cellule.

Pipeline 100 % navigateur

Décodage, rendu, encodage — tout sur votre appareil. Poser une grille sur une image sans aucun envoi, c’est la voie la plus sûre.

Grille sur une image : FAQ

Différence entre mode colonnes et mode pixels ?

Le mode colonnes divise l’image en colonnes égales de carrés parfaits — idéal pour les proportions. Le mode pixels trace une ligne tous les N pixels sources — idéal quand la grille sur une image doit coller à un système d’espacement ou à des tuiles.

Comment poser la grille sur une image à une taille exacte ?

Passez en mode pixels et saisissez la distance en pixels d’image — par exemple 32 pour des tuiles de 32 px. La ligne d’info montre les cellules obtenues pour vérifier avant l’export.

La grille sur une image change-t-elle si l’export est réduit ?

L’espacement est défini en pixels sources et suit proportionnellement l’export : la structure de la grille sur une image est identique dans l’aperçu et le téléchargement — seule la taille du fichier change.

Puis-je ajouter des étiquettes aux lignes ?

Oui — activez les étiquettes et chaque cellule reçoit une adresse A1 dans votre couleur de ligne. Elles apparaissent dès que les cellules sont assez grandes pour rester lisibles dans la grille sur une image.

Quel format d’export choisir ?

Le PNG préserve les pixels exacts — valeur sûre pour le design et la technique. Le JPG donne des fichiers plus légers — les deux formats suivent votre grille sur une image.

Outils de grille associés

Le même moteur précis, réglé pour une autre tâche.

Grille sur une photo

Posez une grille sur une photo — lignes blanches translucides par défaut, vraies cellules carrées, export PNG ou JPG, zéro envoi — poser une grille sur une photo n’a jamais été aussi simple.

Grille transparente

Créez une grille transparente en vrai PNG avec canal alpha — réglez le canevas, la taille des cellules et le style des lignes, puis téléchargez un calque prêt à superposer.

Grille de dessin

Partagez n’importe quelle photo de référence en carrés égaux, avec étiquettes A1/B1 en option, puis exportez un PNG ou un PDF imprimable — la méthode classique, numérisée.

Générateur de grille

Un générateur de grille gratuit pour deux missions : tracer de vraies grilles carrées sur n’importe quelle image, ou produire du papier millimétré physiquement exact — le tout dans votre navigateur.

Papier millimétré en PDF

Générez un papier millimétré en PDF multi-pages, tout contrôle — format, orientation, espacement, marges, style de ligne et jusqu’à dix feuilles en un téléchargement.