Aller au contenu principal
eyunzhu

Créateur de planche de sprites

Disposition des images · Espacement · CSS et coordonnées

Les images restent sur votre appareil

Fichiers

0 · 0 sélectionnées

Aucune image sélectionnée.

Déposez des images ou une archive ZIP Vous pouvez aussi coller une image ou en sélectionner plusieurs.
JPEG · PNG · WEBP · AVIF

Réglages

Réglages avancés
Options d’export
Cadrage de la photo d’identitéLa détection locale propose seulement un cadrage, modifiable avant l’export.

Le cadrage de cette image n’est pas encore validé.

Fond de la photo d’identitéDétourage facultatif sur l’appareil ; l’image d’origine n’est jamais envoyée.
Appliquer à
Format
Dimensions
Dimensions prédéfiniesFormats courants des plateformes

Choisissez une ou plusieurs tailles ; chaque image sera exportée dans toutes les tailles choisies.

Zone de sécurité de l’icône12%
Arrière-plan de l’icône

Un même cadrage génère le favicon, les icônes PWA et les formats d’application courants, avec le manifeste.

Zone de recadrageFaire glisser le cadre pour le déplacer ou le redimensionner
Rotation
Qualité88%
Dimensions
Position de l’image
Marge de chaque côtépx
Arrière-plan
Découper par
Disposition
Alignement
Réglages avancés
Histogramme de luminosité
Image de filigrane

Position

Réglages avancés
Mode de détourage
Agrandir une imageReal-ESRGAN · 2×

Prélever une couleur dans l’image

Alignement
Traitement des métadonnées
Rendu du scan

Faites glisser chaque point sur un coin du document. Utilisez les flèches pour un réglage précis.

Qualité
Plage d’imagesLaissez la fin vide pour aller jusqu’à la dernière image.

Base64 augmente le volume des données. L’entrée est limitée pour préserver la mémoire du navigateur.

Que voulez-vous faire ensuite ?

Les images sont transmises temporairement dans ce navigateur et ne sont pas envoyées au serveur.

Images à transmettre
Traitement d’images par lotCombiner des étapes · Traiter par lots Recadrer une imageProportions · Redressement · Cadrage Découper une imageGrille · Découpage en bandes · Repères personnalisés Assembler des imagesAssemblage horizontal · Vertical · En grille Redimensionner une imagePixels ou pourcentage · Ajustement · Plusieurs tailles Agrandir la zone d’une imageAjouter des marges · Taille du canevas · Fond Redimensionner pour les réseaux sociauxFormats des plateformes · Repères de cadrage · Export multiple Compresser une imageCompression automatique · Poids cible · Comparaison Convertir le format d’une imageConversion dès l’import · Plusieurs formats · Téléchargement groupé Convertisseur image et Base64Image ↔ Base64 · Aperçu immédiat · Copie Retoucher une imageRotation et symétrie · Couleurs · Annuler et rétablir Ajouter un filigraneFiligrane texte ou image · Placement libre · Répétition Masquer les visages et données privéesDétection des visages · Masquage manuel · Traitement par lots Régler les couleurs d’une imageExposition et couleurs · Histogramme · Aperçu en direct Pipette de couleur pour imagePrélever une couleur · HEX / RGB / HSL · Palette Remplacer une couleur dans l’imageChoix de couleur · Tolérance et contours · Aperçu en direct Comparer des imagesCurseur de comparaison · Côte à côte · Écarts entre pixels Afficher et supprimer les métadonnéesInformations · Vérification de la confidentialité · Suppression des métadonnées Rechercher les images en doubleImport de dossiers · Doublons exacts · Images similaires Créer un GIF à partir d’imagesAnimer des images · Durée par image · Réorganisation Extraire les images d’un GIFPlage d’images · Intervalle d’extraction · Téléchargement groupé Modifier un GIF animéOrdre et durée · Lecture inversée · Recadrage et taille Compresser un GIFRéduction des couleurs · Suppression d’images · Redimensionnement Convertir un GIF en feuille de spritesImages en grille · Fichier de coordonnées Images vers PDFOrdre des images · Format des pages · Création de PDF Générateur de favicon et d’icônes d’applicationIcônes web et applications · Marges · Plusieurs tailles Générateur d’espace réservé d’imageBlurHash · ThumbHash · Aperçus miniatures Supprimer localement l’arrière-planDétourage de portraits ou d’objets · Contours · Fond Image vers texte (OCR)Reconnaissance de texte · Sélection de zone · Export de texte Scanner de documents photographiésCorrection des coins · Amélioration du document · PDF multipage Agrandir une imageAgrandissement par IA en local · Taille doublée · Détails Créer une photo d’identitéNormes photo · Cadrage · Fond Photo pour passeport chinoisNormes photo · Cadrage · Fond Photo pour carte d’identité chinoiseNormes photo · Cadrage · Fond Photo pour l’examen chinois d’aptitude à l’enseignementNormes photo · Cadrage · Fond Photo pour le concours national chinoisNormes photo · Cadrage · Fond Photo pour carte de sécurité sociale du HubeiNormes photo · Cadrage · Fond Photo pour visa américainNormes photo · Cadrage · Fond Photo pour visa japonaisNormes photo · Cadrage · Fond

À propos de cet outil

Regroupez icônes ou éléments de jeu pour afficher chaque zone par coordonnées. Les cellules suivent la taille du plus grand original, avec parfois de l’espace inutilisé.

Mode d’emploi

Créateur de planche de sprites

À quoi sert cet outil

Réunissez des images dans une grille PNG avec colonnes et espacements. Gardez leurs dimensions et exportez coordonnées JSON et positions CSS.

Mode d’emploi

Ordonnez les images, réglez les colonnes et l’espacement. Chacune garde ses dimensions, en haut à gauche d’une cellule adaptée à la plus grande image. L’export comprend la planche, les coordonnées JSON et les positions CSS.

Résultats et étapes suivantes

L’image principale est accompagnée de coordonnées, manifeste ou code. Le ZIP complet préserve leurs relations.

Confidentialité et traitement local

Le traitement s’effectue dans le navigateur. Cet outil n’envoie pas les images d’origine.

Questions fréquentes

Les images sont-elles étirées pour avoir la même taille ?

Non. Elles gardent leur taille en haut à gauche de cellules calculées sur la plus grande, avec des espaces possibles. La sortie comporte PNG, JSON et CSS. Ce n’est ni un placement serré ni un rognage automatique des bords transparents.

Pourquoi le CSS exporté ne suffit-il pas à afficher les sprites ?

Il fournit les dimensions et positions de fond. Ajoutez dans la page l’adresse background-image de la feuille et un mode d’affichage adapté. PNG, JSON et CSS doivent venir du même export ; remplacez-les ensemble après avoir changé colonnes ou espacements.

Comment éviter des coordonnées décalées après avoir recréé la feuille ?

Fixez l’ordre des images avant les colonnes et espacements. Les positions suivent cet ordre ; ajouter, retirer ou déplacer une image peut modifier les coordonnées suivantes. Ne réutilisez pas une ancienne carte avec une nouvelle feuille.

Commentaires

0
pour participer à la discussion.
Aucun commentaire pour le moment.
Fil de réponses

Suivez l’ensemble de la conversation dans l’ordre chronologique ; chaque réponse indique précisément le message auquel elle répond.