Des images de code pour la documentation et les diapositives

PNG fixe les pixels rendus et reste généralement le choix le plus simple pour les diapositives et la messagerie. SVG peut être redimensionné sans flou raster, mais le rendu dépend du visualiseur. Sans police téléversée, le SVG utilise les polices système et peut changer sur un autre ordinateur. Une police téléversée acceptée est intégrée en entier, ce qui augmente la taille du fichier et exige toujours la prise en charge du visualiseur. Testez dans l'application de diapositives ou de documents réelle.

Téléchargez le fichier d'exemple JavaScript code.txt depuis ce guide, collez-le dans Code to Image et générez à 1x. Notez les dimensions, puis changez seulement l'échelle à 2x. Largeur et hauteur doublent, soit quatre fois plus de pixels PNG, sans ajout de détail au code. Comparez les résultats à la même largeur d'affichage. Si 2x dépasse la limite d'export, raccourcissez l'extrait ou réduisez le remplissage.

Essayez un court commentaire contenant de l'anglais et du chinois ou du japonais. Utilisez une police qui inclut chaque caractère et que vous êtes autorisé à intégrer. Des glyphes manquants dans une police téléversée arrêtent la génération. Pour une sortie en polices système, inspectez le PNG téléchargé et rouvrez le SVG sur l'appareil de destination. Les longues lignes ne remplacent pas une explication : découpez l'exemple en extraits ciblés plutôt que de rétrécir le texte jusqu'à l'illisibilité.

Regardez la sortie à sa taille d'affichage prévue. Vérifiez l'indentation, la ponctuation, le contraste, les numéros de ligne et tout titre. Gardez secrets et code privé hors des exemples publics. L'outil n'exécute pas l'extrait. Fournissez la source en texte à côté de l'image ; une image seule n'est ni un échantillon de code accessible ni copiable. Effacez l'espace de travail après avoir travaillé avec du matériel privé.

Toolars assure la maintenance de ce guide et de l’outil associé. Signalez les écarts entre les instructions et le résultat actuel pour permettre leur examen conjoint.

L’exemple téléchargeable ci-dessous est une entrée de test synthétique, pas une étude de cas client. Conservez les mêmes données et réglages pour le reproduire ; vérifiez le fichier téléchargé selon les critères indiqués, pas seulement l’aperçu.

Les vérifications concernent uniquement cet exemple, pas tous les fichiers, navigateurs ou logiciels de destination. Répétez-les après toute modification de l’outil et contrôlez votre résultat avant de le partager.

Échantillons synthétiques Toolars · mis à jour le 2026-09-13. Ils illustrent le processus, pas la qualité de photos ou de scans réels ni l'acceptation d'une plateforme.

Collez l'échantillon JavaScript téléchargé dans Code vers image et choisissez JavaScript. Générez un aperçu, puis exportez le PNG en 1× et 2×. Comparez les dimensions annoncées avec chaque téléchargement et examinez la longue chaîne numérique et l'indentation à un zoom de 100%. L'échelle d'exportation modifie les dimensions en pixels, pas la précision de la source. Sans police incorporée, l'apparence du SVG peut varier selon les appareils.

Télécharger l'échantillon d'entrée