Inspecteur de Jeux Web Itch.io et Optimiseur de Résolution en Direct

Téléchargez des fichiers HTML5 ou des archives ZIP pour tester les viewports en direct, corriger les scrollbars, inspecter les builds Godot et Unity WebGL, et générer les paramètres d'intégration Itch.io.

Déposez votre Build ou Archive ZIP ici

Déposez un fichier .ZIP, dossier exporté ou fichiers de build HTML5 dans cette zone pour les inspecter immédiatement.

Test de Mise en Page et Scrollbars en Direct

[Artificial Zoom-Out Active] Le viewport dépasse la largeur de l'écran. Un zoom artificiel a été appliqué pour que le canvas complet soit visible. Désactivez le redimensionnement automatique pour voir la mise en page réelle.
Zoom 100%
Studio d'utilitaires

Voulez-vous cet outil sur votre site web ?

Personnalisez les couleurs y le mode sombre pour WordPress, Notion ou votre propre site.

Allons-y

Questions fréquemment posées

Pourquoi mon jeu Godot 4 affiche-t-il un écran noir sur Itch.io?

Les exports web Godot 4 utilisent le multi-threading WebAssembly qui nécessite le support SharedArrayBuffer. Activez "SharedArrayBuffer support" dans les options de frame de votre jeu Itch.io.

Quel réglage faut il vérifier avant la publication ? 1

Vérifiez ensemble les dimensions, l'environnement cible et l'aperçu avant de publier le fichier.

# Directives de Formatage pour les Exports HTML5 sur Itch.io

Publier des jeux HTML5 et WebGL sur Itch.io nécessite une configuration précise des dimensions du viewport, des structures d'archives et des en-têtes de sécurité cross-origin.
16:9 Paysage Rapport d'Aspect Web Standard
960 x 540 px Résolution Classique Itch
index.html à la Racine Fichier d'Entrée Requis
En-têtes COOP / COEP Exigence Godot 4
Pour intégrer un jeu WebGL 1280x720 sur Itch.io, définissez les dimensions du viewport à exactement 1280x720 avec "Embed in page" activé.
Cette section rassemble les contrôles essentiels pour obtenir un export propre et une prévisualisation fiable. 1.Cette section rassemble les contrôles essentiels pour obtenir un export propre et une prévisualisation fiable. 2.Cette section rassemble les contrôles essentiels pour obtenir un export propre et une prévisualisation fiable. 3.Cette section rassemble les contrôles essentiels pour obtenir un export propre et une prévisualisation fiable. 4.Cette section rassemble les contrôles essentiels pour obtenir un export propre et une prévisualisation fiable. 5.

# Comparer le viewport, le canvas et l intégration

Comparez la taille réelle du canvas avec le viewport prévu sur Itch.io. Un ratio 16:9 ne suffit pas à supprimer les barres de défilement: marges CSS, largeurs minimales et canvas non redimensionné peuvent encore provoquer un débordement.Relisez le rapport après chaque build, car le nom des fichiers, le point d entrée et la sortie du moteur peuvent changer. Le testeur fournit des indices structurels et géométriques ; il ne remplace pas un essai sur plusieurs navigateurs et appareils.

# Comparer le viewport, le canvas et l intégration

Comparez la taille réelle du canvas avec le viewport prévu sur Itch.io. Un ratio 16:9 ne suffit pas à supprimer les barres de défilement: marges CSS, largeurs minimales et canvas non redimensionné peuvent encore provoquer un débordement.Relisez le rapport après chaque build, car le nom des fichiers, le point d entrée et la sortie du moteur peuvent changer. Le testeur fournit des indices structurels et géométriques ; il ne remplace pas un essai sur plusieurs navigateurs et appareils.

Références Bibliographiques

Plus d'utilités de Outils pour le développement de jeux vidéo

Générateur et Prévisualisation de Capsules Steam

Radrer, prévisualiser et traiter les capsules officielles du magasin et de la bibliothèque Steam avec vérification des zones de sécurité.

Utiliser l'outil

Empaqueteur et Extracteur de Sprite Sheets

Optimisez les performances de vos jeux 2D en regroupant vos images d animation en atlases de textures ou en extrayant des sprites individuels.

Utiliser l'outil

Détecteur de Points de Boucle Audio et Injecteur de Métadonnées

Localisez les points de boucle audio exacts, ajustez les passages par zéro pour éliminer les clics et exportez des fichiers WAV avec des métadonnées LOOPSTART et LOOPEND.

Utiliser l'outil

Éditeur et Obfuscateur de Sauvegarde de Jeu

Décryptez, inspectez, modifiez les payloads JSON et ré-encryptez les sauvegardes de jeu en utilisant Base64, masques XOR ou texte brut 100% localement dans votre navigateur.

Utiliser l'outil

Nettoyeur CSV et JSON de Localisation pour Godot et Unity

Inspectez vos fichiers de traduction CSV ou JSON pour détecter les cellules vides, les clés en double et les lignes corrompues, puis exportez une copie propre.

Utiliser l'outil

Convertisseur BBCode Steam, Markdown et HTML

Convertissez le BBCode Steam, Markdown et HTML dans toutes les directions avec détection automatique et aperçu en direct.

Utiliser l'outil

Generateur d Effets Sonores Retro pour Jeux

Creez de courts effets sonores retro pour vos jeux dans votre navigateur avec des prereglages, oscilliscope en direct et export WAV.

Utiliser l'outil

Changeur de Palette Pixel Art

Réduisez vos sprites et feuilles de sprites aux palettes de consoles classiques ou à un ensemble personnalisé de couleurs hexadécimales directement dans votre navigateur.

Utiliser l'outil

Testeur de Stress Accessibilité UI de Jeu

Inspectez une capture d écran de jeu localement avec des simulations de daltonisme, des sondes de contraste HUD, du flou, du sous-échantillonnage et des cartes thermiques.

Utiliser l'outil

Animateur de Hitbox et Hurtbox pour Sprites

Dessinez des calques de collision sur chaque image de sprite, prévisualisez les mouvements avec la pelure d'oignon et exportez un fichier JSON neutre.

Utiliser l'outil

Laboratoire de Formules de Dégâts et Graphiques TTK

Comparez des formules de dégâts pour jeux vidéo avec des courbes en direct, cartes thermiques, arrondis, coups critiques et temps pour éliminer (TTK).

Utiliser l'outil

Laboratoire de Delta Time et Timestep Fixe pour Jeux

Comparez les boucles de jeu à delta variable et à timestep fixe avec des pics de frame répétables, du mouvement simulé, du rattrapage et une dérive temporelle visible.

Utiliser l'outil