CodeKitHubΓιατί να το χρησιμοποιήσετε;
- 100% τοπικά: οι εικόνες δεν φεύγουν ποτέ από τη συσκευή σας — ασφαλές για προσωπικές φωτογραφίες και αδημοσίευτα σχέδια.
- Χωρίς όρια: χωρίς μέγιστο μέγεθος αρχείου, χωρίς ημερήσια ποσόστωση, χωρίς υδατογράφημα, χωρίς λογαριασμό.
- Λειτουργία μαζικής επεξεργασίας — ρίξτε πολλές εικόνες ταυτόχρονα, καθεμία λαμβάνει τη δική της λήψη.
- Ρυθμιστικό ποιότητας + αλλαγή μεγέθους μέγιστου πλάτους + έξοδος JPG/WebP — οι τρεις ρυθμίσεις που πραγματικά έχουν σημασία.
- Δείχνει την ακριβή εξοικονόμηση ανά εικόνα ώστε να κρίνετε τον συμβιβασμό.
Συχνές ερωτήσεις
Θα κάνει η συμπίεση τις εικόνες μου να φαίνονται άσχημα;
Σε ποιότητα 70–85%, οι διαφορές είναι πρακτικά αόρατες για φωτογραφίες που προβάλλονται στην οθόνη. Ορατά τεχνουργήματα εμφανίζονται κάτω από ~50%. Τα screenshots με πολύ κείμενο είναι η εξαίρεση — δείχνουν τεχνουργήματα νωρίτερα σε JPG· δοκιμάστε έξοδο WebP ή κρατήστε την ποιότητα πάνω από 85% γι' αυτά.
Υπάρχει όριο μεγέθους αρχείου ή αριθμού;
Όχι. Επειδή η συμπίεση εκτελείται στη συσκευή σας αντί για server, δεν υπάρχει τίποτα να περιορίσει — συμπιέστε μια εικόνα 50 MB ή 100 εικόνες σε μια παρτίδα. Πολύ μεγάλες εικόνες απλώς παίρνουν λίγο περισσότερο χρόνο.
Ανεβαίνουν οι εικόνες μου κάπου;
Όχι. Τα αρχεία διαβάζονται και επανακωδικοποιούνται εξ ολοκλήρου από τον browser σας χρησιμοποιώντας το HTML5 canvas API. Μπορείτε να φορτώσετε αυτή τη σελίδα, να αποσυνδεθείτε από το internet, και να συνεχίσετε να συμπιέζετε.
Πρέπει να επιλέξω έξοδο JPG ή WebP;
Το WebP είναι συνήθως 25–35% μικρότερο στην ίδια οπτική ποιότητα και λειτουργεί σε όλους τους σύγχρονους browsers — καλύτερο για ιστότοπους. Το JPG ανοίγει παντού, συμπεριλαμβανομένου παλιού λογισμικού και εκτυπωτών — καλύτερο για κοινή χρήση και email. Σε περίπτωση αμφιβολίας, JPG.
Γιατί το PNG μου έγινε τόσο πολύ μικρότερο;
Το PNG είναι lossless, κάτι που είναι ακριβό για φωτογραφίες — ένα φωτογραφικό PNG είναι συχνά 5–10 φορές μεγαλύτερο από ένα οπτικά πανομοιότυπο JPG. Η μετατροπή φωτογραφικών PNG σε JPG/WebP δίνει τη μεγαλύτερη εξοικονόμηση από όλες. Κρατήστε PNG μόνο για γραφικά που χρειάζονται διαφάνεια ή εξαιρετικά κοφτερές ακμές.
Γιατί η έξοδος είναι μερικές φορές μεγαλύτερη από το πρωτότυπο;
Αν η εικόνα ήταν ήδη βαριά συμπιεσμένη, η επανακωδικοποίηση δεν μπορεί να βοηθήσει και μπορεί να προσθέσει bytes. Το εργαλείο σας ενημερώνει όταν συμβαίνει αυτό — απλώς κρατήστε το πρωτότυπο σε αυτή την περίπτωση.
Τι είναι αυτό το εργαλείο;
Ένας συμπιεστής εικόνων μειώνει το μέγεθος αρχείου επανακωδικοποιώντας την εικόνα με πιο αποδοτικές (lossy) ρυθμίσεις. Μια φωτογραφία από κάμερα κινητού είναι συχνά 3–8 MB· για έναν ιστότοπο, μήνυμα συνομιλίας ή email, 200–500 KB συνήθως φαίνεται πανομοιότυπο στην οθόνη. Οι μικρότερες εικόνες ανεβαίνουν πιο γρήγορα, φορτώνουν πιο γρήγορα και εξοικονομούν χώρο αποθήκευσης και εύρος ζώνης.
Αυτό το εργαλείο επανακωδικοποιεί εικόνες με τον δικό του codec του browser στην ποιότητα που επιλέγετε, προαιρετικά κλιμακώνοντας πολύ μεγάλες εικόνες σε ένα λογικό μέγιστο πλάτος — οι δύο μοχλοί που έχουν τη μεγαλύτερη σημασία για το μέγεθος αρχείου. Η ισχύς συμπίεσης έναντι ορατής ποιότητας είναι πάντα ένας συμβιβασμός· τα ζωντανά μεγέθη πριν/μετά σας επιτρέπουν να βρείτε το ιδανικό σημείο ανά εικόνα.
Σύγκριση μορφών: JPG έναντι WebP έναντι PNG για μέγεθος
Ίδια φωτογραφία, ίδια οπτική ποιότητα, τρία πολύ διαφορετικά μεγέθη: το PNG είναι το βαρύ βάρος (lossless — συχνά 5–10 φορές το μέγεθος JPG για φωτογραφίες), το JPG είναι το καθολικό μέσο, το WebP συνήθως προσγειώνεται 25–35% κάτω από το JPG. Έτσι η ιεραρχία συμπίεσης για μια φωτογραφία είναι: μετατρέψτε πρώτα μακριά από το PNG, μετά επιλέξτε JPG για συμβατότητα ή WebP για ελάχιστο μέγεθος.
Τα γραφικά αναστρέφουν τον πίνακα: για screenshots, λογότυπα και εικόνες UI με επίπεδο χρώμα, ένα PNG με κβαντισμένη παλέτα συνήθως ξεπερνά το JPG τόσο σε μέγεθος όσο και σε ευκρίνεια — η φωτογραφική συμπίεση του JPG θολώνει κοφτερές ακμές. Αυτή η περίπτωση έχει το δικό της εργαλείο παρακάτω.
| Τύπος περιεχομένου | Καλύτερη μορφή | Γιατί |
|---|---|---|
| Φωτογραφίες για web/email/συνομιλία | WebP (ή JPG για συμβατότητα) | Η lossy συμπίεση ταιριάζει σε φωτογραφική λεπτομέρεια· το WebP είναι 25–35% μικρότερο από το JPG σε ίση ποιότητα. |
| Screenshots, λογότυπα, UI επίπεδου χρώματος | PNG | Lossless — η φωτογραφική συμπίεση του JPG θολώνει κείμενο και ακμές. |
| Εικόνες που χρειάζονται διαφάνεια | PNG ή WebP | Το JPG δεν έχει κανάλι άλφα· τα PNG και WebP υποστηρίζουν και τα δύο διαφανή φόντα. |
| Μέγιστη συμβατότητα (παλιό λογισμικό, εκτυπωτές) | JPG | Καθολικά υποστηριζόμενο από τη δεκαετία του 1990· η υποστήριξη WebP είναι νεότερη, αν και τώρα σχεδόν καθολική στους browsers. |
Σημειώσεις απόδοσης
- Αλλάξτε μέγεθος πριν συμπιέσετε πιο έντονα: μειώνοντας τις διαστάσεις από 4000px σε 1920px αφαιρεί ~77% των pixel — κανένα ρυθμιστικό ποιότητας δεν μπορεί να ανταγωνιστεί αυτό.
- Η μαζική επεξεργασία εκτελείται διαδοχικά στην CPU σας· εκατό φωτογραφίες κινητού παίρνουν μερικά λεπτά σε ένα laptop. Τίποτα δεν μπαίνει σε ουρά σε server, οπότε είναι συνήθως πιο γρήγορο από ιστότοπους βασισμένους σε ανέβασμα — και λειτουργεί εκτός σύνδεσης.
- Ο αριθμός −% είναι ο βρόχος ανατροφοδότησής σας: αν δείχνει μονοψήφιο αριθμό, η εικόνα ήταν ήδη βελτιστοποιημένη και περαιτέρω μείωση ποιότητας θα βλάψει την εμφάνιση πριν βοηθήσει το μέγεθος.
- Για δημοσίευση στο web, στοχεύστε σε ≤200 KB για εικόνες περιεχομένου και ≤500 KB για πλήρους πλάτους heroes· αυτοί οι προϋπολογισμοί κρατούν τα Core Web Vitals άνετα σε κινητές συνδέσεις.
Από τις δικές μας δοκιμές
Πριν κυκλοφορήσουμε αυτό το εργαλείο το τρέξαμε έναντι παραγόμενων δοκιμαστικών εικόνων και ελέγξαμε την έξοδο pixel προς pixel, όχι μόνο με το μάτι. Ένα πολύχρωμο PNG 3000×2000 πήγε από 140 KB σε 94 KB (−33%) σε ποιότητα 75% με το όριο 1920px — και επειδή η δοκιμαστική εικόνα ήταν συνθετική, μπορέσαμε να επαληθεύσουμε ότι κανένα pixel δεν απέκλινε περισσότερο από την αναμενόμενη ανοχή του codec JPG. Επιβεβαιώσαμε επίσης ότι η προειδοποίηση ήδη-βελτιστοποιημένου αρχείου ενεργοποιείται σωστά αντί να παράγει σιωπηλά μεγαλύτερο αρχείο: δώστε του ένα σφιχτά συμπιεσμένο JPG και σας λέει να κρατήσετε το πρωτότυπο αντί να προσποιείται ότι βοήθησε.
Πώς χρησιμοποιείται
- Ρίξτε εικόνες στο πλαίσιο (ή κάντε κλικ για να τις επιλέξετε) — υποστηρίζονται JPG, PNG και WebP.
- Ρυθμίστε την ποιότητα: 75% είναι καλή ισορροπία· ρίξτε στο 60% για μέγιστη εξοικονόμηση.
- Επιλέξτε μέγιστο πλάτος — 1920px είναι υπεραρκετό για πλήρη χρήση στο web.
- Επιλέξτε έξοδο JPG (καθολικό) ή WebP (μικρότερο, όλοι οι σύγχρονοι browsers).
- Κάντε κλικ στο Λήψη δίπλα σε κάθε αποτέλεσμα. Το μέγεθος και το ποσοστό εξοικονόμησης εμφανίζονται ανά αρχείο.
Παράδειγμα
- Είσοδος
phone-photo.jpg — 4.20 MB, 4032×3024- Έξοδος
phone-photo-compressed.jpg — 0.48 MB (−89%), 1920×1440
Αλλαγή μεγέθους στο 1920px και επανακωδικοποίηση στο 75% ποιότητα: οπτικά πανομοιότυπη σε οποιαδήποτε οθόνη, 9 φορές μικρότερη.