Ρίξτε έναν φάκελο με sprites· λάβετε έναν ενιαίο συμπιεσμένο άτλαντα υφής μαζί με ένα αρχείο JSON που περιέχει τις συντεταγμένες κάθε sprite. Για προγραμματιστές παιχνιδιών (Unity, Phaser, PixiJS, Godot) και web devs (CSS sprites για σύνολα εικονιδίων) που θέλουν να μειώσουν τα HTTP requests ή τα draw calls.
Γιατί sprite sheets
Για παιχνίδια, η σχεδίαση μιας μεγάλης υφής είναι πολύ πιο οικονομική από τη σχεδίαση πολλών μικρών — η GPU ομαδοποιεί όλα τα sprites σε ένα draw call αντί να αλλάζει υφές δεκάδες φορές. Για τον ιστό, ένα HTTP request για sprite-sheet υπερτερεί έναντι 30 ξεχωριστών requests για εικονίδια· το σύγχρονο HTTP/2 μειώνει τη διαφορά, αλλά τα sprite sheets παραμένουν συνολικά μικρότερα μετά τη συμπίεση.
Αλγόριθμοι συσκευασίας
- MaxRects (προεπιλογή): αποδοτική συσκευασία σε κάδους, ελαχιστοποιεί τον σπαταλημένο χώρο.
- Skyline: ταχύτερος αλλά ελαφρώς λιγότερο αποδοτικός. Καλός για δυναμικούς άτλαντες.
- Grid: ομοιόμορφα κελιά. Χρήσιμος όταν όλα τα sprites έχουν το ίδιο μέγεθος.
Μορφές εξόδου
- PNG άτλαντας: η συσκευασμένη υφή (συμπιέστε την περαιτέρω αν χρειαστεί).
- JSON manifest: συντεταγμένες, διαστάσεις, σημείο αγκύρωσης ανά sprite.
- Unity .meta: μεταδεδομένα εισαγώγιμα στο Unity.
- CSS sprite class: έτοιμο προς επικόλληση CSS για web sprites.
- Phaser / PixiJS / TexturePacker JSON: για δημοφιλή πλαίσια παιχνιδιών.
Διαμόρφωση
- Μέγιστο μέγεθος άτλαντα: 2048, 4096, 8192. Μεγαλύτερο = λιγότεροι άτλαντες για πολλά sprites.
- Περιθώριο: κενό 1–8 px μεταξύ sprites για αποφυγή διαρροής υφής.
- Δύναμη του 2: ενεργό για παλαιότερες κινητές GPU, απενεργοποιημένο διαφορετικά.
- Περικοπή: αφαιρέστε διαφανή εικονοστοιχεία ανά sprite για εξοικονόμηση χώρου.
Συχνές ερωτήσεις
Ποιες μορφές εισόδου υποστηρίζονται;
PNG (με διαφάνεια), JPG (χωρίς διαφάνεια), WebP. Κάθε sprite ως ξεχωριστό αρχείο.
Ποιο είναι το μέγιστο μέγεθος άτλαντα;
8192×8192. Οι μεγαλύτεροι άτλαντες σπαταλούν μνήμη GPU· οι μικρότεροι άτλαντες σημαίνουν μικρότερα φύλλα.
Μπορώ να χρησιμοποιήσω rotation packing;
Premium: ναι — τα sprites περιστρέφονται κατά 90° αν βελτιώνει την πυκνότητα συσκευασίας.
Τι γίνεται με τα κινούμενα sprites;
Κάθε καρέ ως ξεχωριστό αρχείο εισόδου· το JSON τα ομαδοποιεί αυτόματα με βάση το πρόθεμα του ονόματος.
Τι είναι το 'power-of-2';
Παλαιότερες κάρτες γραφικών κινητών (πριν το 2015) απαιτούν τα μεγέθη υφής να είναι δυνάμεις του 2 (256, 512, 1024 κ.λπ.). Οι σύγχρονες κάρτες γραφικών δεν έχουν τέτοιο περιορισμό.
Μέγιστο μέγεθος αρχείου για εισαγωγή;
25 MB ανά sprite, 200 MB συνολικά ανά παρτίδα.
Μπορώ να ενημερώσω έναν υπάρχοντα άτλαντα;
Premium: επανασυσκευασία με διατήρηση των ίδιων συντεταγμένων όπου είναι δυνατόν.
Είναι τα ανεβάσματα ιδιωτικά;
Ναι — διαγράφονται εντός 24 ωρών.
Σχετικά Sprite Sheet Packer
Sprite Sheet Packer είναι ένα δωρεάν διαδικτυακό εργαλείο από το Wallpapers.com που λειτουργεί εξ ολοκλήρου στο πρόγραμμα περιήγησής σας — χωρίς εγκατάσταση, χωρίς υδατογράφημα, χωρίς εγγραφή email για την πρώτη δοκιμή.
Συσκευάστε πολλές εικόνες σε ένα ενιαίο sprite-sheet PNG (μορφή για ανάπτυξη παιχνιδιών).
Πώς να το χρησιμοποιήσετε Sprite Sheet Packer
- Τοποθετήστε την εικόνα σας στην περιοχή μεταφόρτωσης (μεμονωμένα ή μαζικά — ενεργοποιήστε το Μαζικό στο επάνω μέρος).
- Επιλέξτε οποιεσδήποτε ρυθμίσεις προσφέρει το εργαλείο (μέγεθος, μορφή, ποιότητα).
- Κάντε κλικ στο Εκτέλεση. Το αποτέλεσμα κατεβαίνει αυτόματα — χωρίς χειροκίνητη αποθήκευση.
Πότε να το χρησιμοποιήσετε
Συνήθεις περιπτώσεις χρήσης περιλαμβάνουν:
προετοιμασία εικόνων για μεταφόρτωση στο διαδίκτυο, καταχωρίσεις ηλεκτρονικού εμπορίου, πλατφόρμες κοινωνικής δικτύωσης με περιορισμούς μορφής και μετατροπή αρχείων από μια συσκευή ή εφαρμογή σε άλλη.
Δωρεάν έναντι Premium
Κάθε επισκέπτης λαμβάνει μια δωρεάν δοκιμή· οι συνδεδεμένοι δωρεάν χρήστες έχουν υψηλότερο ημερήσιο όριο. Εγγραφείτε στο
Premium
για απεριόριστες εκτελέσεις, μαζική επεξεργασία έως 200 εικόνων ανά εργασία, ουρά προτεραιότητας και περιήγηση χωρίς διαφημίσεις.
Σχετικά εργαλεία
Ψάχνετε για κάτι λίγο διαφορετικό; Δοκιμάστε το
Favicon Generator
,
Μετατροπή Φωτογραφίας σε Σελίδα Ζωγραφικής
ή
Δημιουργός QR Code με Λογότυπο
— ή περιηγηθείτε σε όλες
Εξειδικευμένα Εργαλεία.
