CodeKitHubΤι είναι αυτό το εργαλείο;
Το PNG είναι χωρίς απώλειες, οπότε δεν έχει ρύθμιση "ποιότητας" για να μειωθεί — η απλή επανακωδικοποίηση βοηθάει ελάχιστα. Η πραγματική συμπίεση PNG λειτουργεί διαφορετικά: η κβάντιση παλέτας μειώνει την εικόνα σε ένα προσεκτικά επιλεγμένο σύνολο χρωμάτων (έως 256). Καθώς τα screenshots, τα λογότυπα και τα γραφικά διεπαφής σπάνια χρησιμοποιούν περισσότερα διακριτά χρώματα ούτως ή άλλως, το αρχείο γίνεται 50–70% μικρότερο ενώ φαίνεται πανομοιότυπο. Η διαφάνεια (το κανάλι alpha) διατηρείται πλήρως.
Αυτή είναι η τεχνική πίσω από γνωστές υπηρεσίες όπως το TinyPNG — η διαφορά εδώ είναι ότι εκτελείται στον browser σας μέσω μιας μηχανής ανοιχτού κώδικα, οπότε οι εικόνες σας παραμένουν στη συσκευή σας και δεν υπάρχει ημερήσιο όριο αρχείων.
Γιατί να το χρησιμοποιήσετε;
- Πραγματική συμπίεση (τυπικά 50–70%), όχι μια εικονική επανακωδικοποίηση.
- Η διαφάνεια διατηρείται — ασφαλές για λογότυπα, εικονίδια και στοιχεία UI.
- Χωρίς ανέβασμα, σε αντίθεση με υπηρεσίες τύπου TinyPNG — και συνεπώς χωρίς όρια αριθμού αρχείων.
- Ρυθμιζόμενος προϋπολογισμός χρωμάτων (16–256) με εμφανιζόμενη εξοικονόμηση ανά εικόνα.
- Υποστήριξη παρτίδων, δωρεάν, χωρίς υδατογράφημα.
Πώς χρησιμοποιείται
- Αφήστε αρχεία PNG στο πλαίσιο (η μηχανή συμπίεσης φορτώνει αυτόματα, μία φορά).
- Κρατήστε 256 χρώματα για οπτικά πανομοιότυπα αποτελέσματα, ή μειώστε τα για μικρότερα αρχεία.
- Κάθε αποτέλεσμα εμφανίζει την ακριβή εξοικονόμηση — πατήστε Λήψη.
- Αν ένα φωτογραφικού τύπου PNG δεν συρρικνώνεται αρκετά, μετατρέψτε το σε JPG (δείτε PNG σε JPG).
Παράδειγμα
Είσοδος
app-screenshot.png — 980 KBΈξοδος
app-screenshot-compressed.png — 290 KB (−70%), 256 χρώματαΤα screenshots και τα γραφικά UI κβαντίζονται εξαιρετικά καλά· η παλέτα καλύπτει κάθε χρώμα που πραγματικά χρησιμοποιούν.
Από τις δικές μας δοκιμές
Η δοκιμή εκκίνησής μας χρησιμοποίησε μια σκόπιμα εχθρική εικόνα: ένα PNG 600×400 γεμάτο με 200 επικαλυπτόμενα ημι-διάφανα χρωματιστά τμήματα — πολύ πιο ακατάστατο από ένα τυπικό screenshot. Κβαντίστηκε από 31,1 KB σε 7,8 KB (−75%) στα 256 χρώματα, με το κανάλι alpha άθικτο. Τα πραγματικά γραφικά UI συμπιέζονται ακόμα καλύτερα επειδή χρησιμοποιούν λιγότερα διακριτά χρώματα από τη δοκιμή αντοχής μας. Η ειλικρινής άλλη όψη που επίσης επιβεβαιώσαμε: το φωτογραφικό περιεχόμενο δείχνει ορατή λωρίδωση στα 256 χρώματα — τότε θέλετε τη διαδρομή JPG/WebP αντ' αυτού, γι' αυτό οι σύνδεσμοι μετατροπέα βρίσκονται μία ενότητα πιο πάνω.
Κοινές περιπτώσεις χρήσης
- Συρρίκνωση screenshots εφαρμογής ή ιστότοπου πριν τα επισυνάψετε σε αναφορά σφάλματος ή σελίδα τεκμηρίωσης.
- Συμπίεση σετ λογότυπου ή εικονιδίων για έναν ιστότοπο χωρίς απώλεια του διάφανου φόντου από το οποίο εξαρτώνται οι προγραμματιστές.
- Μείωση του μεγέθους εξαγωγών μακέτας UI από εργαλεία σχεδιασμού πριν τα κοινοποιήσετε σε μια ομάδα.
- Μείωση του βάρους μιας παρτίδας γραφικών διεπαφής για οδηγό στυλ ή αποθετήριο συστήματος σχεδιασμού.
Συχνές ερωτήσεις
Πώς μπορεί μια μορφή χωρίς απώλειες να συμπιεστεί περαιτέρω;
Κάνοντάς την ελαφρώς με απώλειες με έξυπνο τρόπο: η κβάντιση επιλέγει τα ~256 χρώματα που αναπαριστούν καλύτερα την εικόνα και αντιστοιχίζει κάθε pixel σε αυτά. Για γραφικά με περιορισμένο εύρος χρωμάτων το αποτέλεσμα είναι οπτικά πανομοιότυπο — τεχνικά με απώλειες, πρακτικά αδιάκριτο.
Θα επιβιώσει η διαφάνεια στη συμπίεση;
Ναι — το κανάλι alpha διατηρείται, συμπεριλαμβανομένων ημι-διάφανων pixel (σκιές, εξομαλυμένες άκρες). Αυτό ακριβώς χρειάζονται τα λογότυπα και τα στοιχεία UI.
Πότε λειτουργεί άσχημα η συμπίεση PNG;
Σε φωτογραφίες και ομαλές διαβαθμίσεις — χρησιμοποιούν χιλιάδες χρώματα, οπότε τα 256 μπορούν να δείξουν λωρίδωση. Για φωτογραφικό περιεχόμενο, η μετατροπή σε JPG ή WebP εξοικονομεί πολύ περισσότερο· γι' αυτό υπάρχει ο μετατροπέας PNG σε JPG μας.
Πώς διαφέρει αυτό από το TinyPNG;
Ίδια υποκείμενη τεχνική (κβάντιση παλέτας), παρόμοιες εξοικονομήσεις. Οι πρακτικές διαφορές: τα αρχεία σας δεν ανεβαίνουν ποτέ εδώ, δεν υπάρχει όριο παρτίδας 20 αρχείων, χωρίς όριο 5 MB, και χωρίς πληρωμένο επίπεδο — επειδή δεν υπάρχει server που κάνει τη δουλειά.
Ποιον αριθμό χρωμάτων πρέπει να επιλέξω;
Ξεκινήστε στα 256 — οπτικά πανομοιότυπο για σχεδόν όλα τα γραφικά. Κατεβάστε στα 64 ή 32 για εικονίδια και απλά στοιχεία UI για να στύψετε περισσότερο· παρακολουθήστε το μικρογράφημα προεπισκόπησης για λωρίδωση.