Πλαίσιο στιγμιότυπων
Τοποθετήστε στιγμιότυπα σε φωτεινή ή σκοτεινή γραμμή browser, παράθυρο macOS ή χωρίς πλαίσιο, βάλτε τα σε 8 διαβαθμισμένα ή μονόχρωμα φόντα και εξάγετε προσεγμένο PNG σε 1x ή 2x. Δωρεάν, χωρίς υδατογράφημα, εξ ολοκλήρου στον browser.
Τι κάνει ο πλαισιωτής στιγμιότυπων;
Τοποθετεί το στιγμιότυπό σας σε ρεαλιστικό κέλυφος — φωτεινή ή σκοτεινή γραμμή διευθύνσεων browser, παράθυρο macOS με τα κλασικά φανάρια ή καθόλου πλαίσιο — το βάζει σε διαβαθμισμένο ή μονόχρωμο φόντο και εξάγει έτοιμο PNG για τεκμηρίωση, αναρτήσεις ή καταχωρίσεις καταστημάτων.
Μπορώ να προσαρμόσω το κείμενο στη γραμμή του browser;
Ναι. Το πεδίο URL ή τίτλου ελέγχει το κείμενο που σχεδιάζεται στη γραμμή διευθύνσεων των κελυφών browser και τον κεντρικό τίτλο παραθύρου του κελύφους macOS, ώστε το mockup να δείχνει όποιον τομέα ή ετικέτα θέλετε.
Ποια φόντα υπάρχουν;
Οκτώ επιμελημένα πολυβάθμια διαβαθμισμένα συν επιλογέα χρώματος για οποιοδήποτε μονόχρωμο φόντο. Η ζωντανή προεπισκόπηση ενημερώνεται άμεσα με κάθε αλλαγή.
Τι ελέγχουν ακτίνα, περιθώριο και σκιά;
Η ακτίνα στρογγυλεύει το παράθυρο του πλαισίου από 0 έως 24 px, το περιθώριο προσθέτει 0–64 px χώρο μεταξύ κελύφους και στιγμιότυπου, και η ένταση σκιάς 0–100% καθορίζει πόσο «αναδύεται» το παράθυρο από το φόντο.
Εξάγω σε 1x ή 2x;
Χρησιμοποιήστε 1x για γρήγορο διαμοιρασμό και 2x όταν η εικόνα θα εμφανιστεί σε οθόνες retina ή θα μεγεθυνθεί, π.χ. σε τεκμηρίωση ή γκαλερί καταστήματος. Η εξαγωγή 2x διπλασιάζει πλάτος και ύψος για ευκρίνεια.
Τα στιγμιότυπά μου ανεβαίνουν κάπου;
Όχι. Η σύνθεση γίνεται εξ ολοκλήρου σε στοιχείο canvas στον browser σας και το εξαγόμενο PNG παράγεται τοπικά. Οι εικόνες σας δεν αφήνουν ποτέ τη συσκευή σας.
Πώς μπαίνει το στιγμιότυπο στο εργαλείο;
Τρεις τρόποι: κάντε κλικ στην περιοχή αποστολής και επιλέξτε αρχείο, σύρετε ένα στιγμιότυπο εκεί ή επικολλήστε το απευθείας από το πρόχειρο με τη συντόμευση επικόλλησης.
Πού χρησιμοποιούνται πλαισιωμένα στιγμιότυπα;
Όπου βοηθά καθαρή εικόνα προϊόντος: αρχεία readme και τεκμηρίωση, αναρτήσεις blog, changelogs, tweets, shots στο dribbble, παρουσιάσεις και γκαλερί καταστημάτων εφαρμογών ή επεκτάσεων.
Πώς να χρησιμοποιήσετε το Πλαίσιο στιγμιότυπων
Αυτό το πλαίσιο μετατρέπει ένα ακατέργαστο στιγμιότυπο σε εικόνα έτοιμη για παρουσίαση χωρίς κανένα εργαλείο σχεδιασμού. Τυλίγει το στιγμιότυπο σε φωτεινή ή σκοτεινή γραμμή διεύθυνσης browser, παράθυρο macOS με κουμπιά φωτεινού σηματοδότη, ή το αφήνει γυμνό, το ακουμπά σε ένα από οκτώ ντεγκραντέ ή οποιοδήποτε συμπαγές χρώμα, και συνθέτει τα πάντα ζωντανά σε καμβά. Ακτίνα, γεμίσματα, σκιά και το κείμενο της γραμμής διεύθυνσης ρυθμίζονται όλα, και η εξαγωγή PNG τρέχει τοπικά στον browser σας.
- Σύρετε ένα στιγμιότυπο στην περιοχή μεταφόρτωσης, κάντε κλικ για να διαλέξετε αρχείο, ή επικολλήστε από το πρόχειρο.
- Διαλέξτε πλαίσιο στον επιλογέα Πλαίσιο: Φωτεινός browser, Σκοτεινός browser, Παράθυρο macOS ή Χωρίς πλαίσιο.
- Διαλέξτε φόντο: κάντε κλικ σε ένα από τα οκτώ δείγματα ντεγκραντέ, ή διαλέξτε οποιοδήποτε συμπαγές χρώμα με το δείγμα χρώματος στα δεξιά.
- Επεξεργαστείτε το πεδίο κειμένου URL ή τίτλου για να αλλάξετε την ετικέτα που σχεδιάζεται στη γραμμή browser ή τον τίτλο macOS, και ρυθμίστε λεπτομερώς ακτίνα γωνιών, γεμίσματα και σκιά με τους τρεις ολισθητές.
- Εναλλάξτε την κλίμακα εξαγωγής μεταξύ 1x και 2x, ελέγξτε τη ζωντανή προεπισκόπηση, και πατήστε Εξαγωγή PNG για να αποθηκεύσετε ονομα-στιγμιότυπου_frame.png.
Για τεκμηρίωση και γκαλερί καταστημάτων εφαρμογών χρησιμοποιήστε την εξαγωγή 2x — η διπλασιασμένη ανάλυση παραμένει ευκρινής σε οθόνες retina, ενώ το 1x κρατά τα αρχεία μικρά για συνομιλίες και κοινωνικές δημοσιεύσεις.
Σχετικά εργαλεία
- Κώδικας σε Εικόνα Μετατρέψτε αποσπάσματα κώδικα σε κοινόχρηστες εικόνες με επισήμανση σύνταξης, προσαρμοσμένα θέματα και διακοσμήσεις παραθύρου. 100% απόρρητο, όλα στο πρόγραμμα περιήγησης.
- Κολάζ Εικόνων Δωρεάν διαδικτυακός κατασκευαστής κολάζ εικόνων. Συνδυάστε φωτογραφίες με πρότυπα διάταξης ή συρραφή μακράς εικόνας. Προσθέστε σχολιασμούς, υδατόσημα και εξάγετε σε JPG ή PNG.
- Συμπιεστής Εικόνων Συμπιέστε εικόνες JPEG, PNG και WebP στο πρόγραμμα περιήγησης. Ρυθμίστε ποιότητα, αλλάξτε μέγεθος και μετατρέψτε χωρίς ανέβασμα.
- Υδατόσημο Εικόνας Προσθέστε υδατόσημο κειμένου ή εικόνας σε φωτογραφίες δωρεάν online. Προσαρμόστε θέση, αδιαφάνεια, μέγεθος, γραμματοσειρά και παράθεση. Προστατέψτε τις εικόνες σας άμεσα.
- Αλλαγή Μεγέθους Εικόνας Αλλάξτε το μέγεθος εικόνων με κλείδωμα αναλογίας και κλιμάκωση ποσοστού. 100% στο πρόγραμμα περιήγησης, χωρίς μεταφόρτωση.
- GIF Διαχωρισμός Καρέ Εξάγετε και κατεβάστε μεμονωμένα καρέ από κινούμενα GIF ως PNG ή sprite sheet. Δωρεάν διαδικτυακό εργαλείο με προεπισκόπηση και εξαγωγή ZIP.
- GIF Ανάστροφο Αντιστρέψτε τη σειρά αναπαραγωγής κινούμενων GIF δωρεάν online. Ανεβάστε, προεπισκοπήστε και κατεβάστε αμέσως.
- Αλλάκτης Ταχύτητας GIF Αλλάξτε την ταχύτητα κίνησης GIF online. Επιταχύνετε ή επιβραδύνετε αρχεία GIF άμεσα.