Πώς να δημιουργήσετε στιγμιότυπο κώδικα για διαφάνειες ή αναρτήσεις

Για να δημιουργήσετε ένα στιγμιότυπο κώδικα, ανοίξτε τη γεννήτρια στιγμιότυπων κώδικα και επικολλήστε τον κώδικά σας στο παράθυρο. Επιλέξτε τη γλώσσα από το πεδίο "Γλώσσα", ώστε τα χρώματα να ταιριάζουν με τον κώδικα. Πληκτρολογήστε ένα όνομα στο πεδίο "Όνομα αρχείου" για τη γραμμή τίτλου και, στη συνέχεια, κάντε κλικ στο "PNG". Η εικόνα δημιουργείται στο πρόγραμμα περιήγησής σας.

Ένα στιγμιότυπο οθόνης από τον επεξεργαστή κώδικά σας δείχνει επίσης καρτέλες, μενού και μικρά γράμματα. Εδώ θα έχετε μόνο το παράθυρο με τον κώδικά σας, σε τριπλάσιο μέγεθος από αυτό που εμφανίζεται στην οθόνη. Το κείμενο παραμένει ευκρινές ακόμη και σε μεγάλη διαφάνεια.

Πώς να δημιουργήσετε την εικόνα

1. Κάντε κλικ μέσα στο παράθυρο και επικολλήστε τον κώδικά σας. Μπορείτε επίσης να πληκτρολογήσετε εκεί. Το Enter διατηρεί την εσοχή της προηγούμενης γραμμής.
2. Επιλέξτε τη γλώσσα από το πεδίο "Γλώσσα". Η προεπιλογή είναι JavaScript.
3. Επιλέξτε πλαίσιο από το πεδίο "Στυλ παραθύρου": macOS, Windows ή Κανένα. Η προεπιλογή είναι macOS.
4. Πληκτρολογήστε ένα όνομα αρχείου, όπως retry.py. Θα εμφανιστεί στη γραμμή τίτλου.
5. Κάντε κλικ στο "PNG" κάτω από την προεπισκόπηση.

Η γεννήτρια στιγμιότυπων κώδικα με τη συνάρτηση επανάληψης Python στον επεξεργαστή, επιλεγμένη τη γλώσσα Python και πληκτρολογημένο το retry.py ως όνομα αρχείου

Το αρχείο αποθηκεύεται με όνομα snippet ακολουθούμενο από έναν αριθμό, για παράδειγμα snippet-1792757286543.png. Κάντε κλικ στο "Εισαγωγή δείγματος" για να δείτε πρώτα ένα σύντομο δείγμα JavaScript.

Ποιες γλώσσες μπορείτε να επιλέξετε

Η λίστα "Γλώσσα" έχει 25 επιλογές.

• Ιστός: JavaScript, TypeScript, HTML και CSS.
• Προγραμματισμός: Python, Java, Rust, C++, C, Go, PHP, SQL και Shell.
• Δεδομένα και ρυθμίσεις: JSON, JSON5, XML, YAML, CSV, INI, TOON, Nginx και Prisma Schema.
• Κείμενο: Markdown, LaTeX και απλό κείμενο.

Η γλώσσα καθορίζει μόνο τα χρώματα. Δεν ανιχνεύεται από τον κώδικα ή το όνομα αρχείου, οπότε επιλέξτε την εσείς.

Πώς να αλλάξετε τα χρώματα

Τα χρώματα του κώδικα ακολουθούν το θέμα του ιστοτόπου. Για μια σκοτεινή εικόνα, ανοίξτε το μενού στο πάνω μέρος της σελίδας, κάντε κλικ στο κουμπί θέματος και επιλέξτε "Σκούρο θέμα". Για μια λευκή εικόνα, επιλέξτε "Ανοιχτό θέμα".

Η γραμμή τίτλου παραμένει σκοτεινή και στα δύο θέματα, μέχρι να αλλάξετε το "Χρώμα γραμμής τίτλου". Το κείμενο του τίτλου γίνεται λευκό ή μαύρο, ανάλογα με το ποιο διαβάζεται πιο εύκολα. Αν στο πεδίο "Στυλ παραθύρου" επιλέξετε Κανένα, δεν εμφανίζεται γραμμή τίτλου και το πεδίο χρώματος απενεργοποιείται.

Η γραμματοσειρά και τα περιθώρια είναι σταθερά. Η εικόνα δεν έχει αριθμούς γραμμών.

Πώς να ορίσετε το πλάτος

Το παράθυρο έχει πλάτος όσο και η μεγαλύτερη γραμμή του. Σύρετε τη μικρή διάστικτη λαβή στην κάτω δεξιά γωνία για να το κάνετε στενότερο ή φαρδύτερο. Τότε, οι μεγάλες γραμμές αναδιπλώνονται στην επόμενη γραμμή. Το παράθυρο έχει ελάχιστο πλάτος 300 pixel και η λαβή δεν εμφανίζεται στην εικόνα.

Μια πολύ μεγάλη γραμμή μπορεί να βγάλει το παράθυρο έξω από την προεπισκόπηση. Κάντε κλικ στο κουμπί Επαναφορά στη γραμμή πάνω από την προεπισκόπηση για να χωρέσει ξανά. Τα κουμπιά ζουμ αλλάζουν μόνο την προεπισκόπηση, όχι το αρχείο λήψης.

Ποια μορφή να επιλέξετε

• Το PNG διατηρεί διαφανή την περιοχή έξω από τις στρογγυλεμένες γωνίες, ώστε η εικόνα να ταιριάζει σε διαφάνεια οποιουδήποτε χρώματος.
• Το JPG γεμίζει αυτές τις μικρές γωνίες με μαύρο.
• Η επιλογή Εκτύπωση ανοίγει την εικόνα σε νέο παράθυρο με το παράθυρο διαλόγου εκτύπωσης.

Και οι δύο μορφές έχουν τριπλάσιο μέγεθος από το παράθυρο στην οθόνη. Για παράδειγμα, ένα παράθυρο πλάτους 752 pixel δημιουργεί εικόνα πλάτους 2256 pixel.

Επικολλήστε τον κώδικα, επιλέξτε τη γλώσσα και κατεβάστε το PNG για τη διαφάνειά σας.