Συμπίεση εικόνας online με ζωντανή προεπισκόπηση

Ανέβασε JPG, PNG, WebP ή AVIF, σύρε τον ολισθητή ποιότητας για άμεση προεπισκόπηση και κατέβασε το αρχείο επανακωδικοποιημένο από sharp και libvips.

ή σύρετε την εικόνα εδώ

Σχετικά με αυτό το εργαλείο

Συμπίεσε μια εικόνα JPG, PNG, WebP ή AVIF απευθείας από τον περιηγητή σου με ζωντανό ολισθητή ποιότητας και σύγκριση μορφών. Άφησε την εικόνα στη σελίδα και η προεπισκόπηση ενημερώνεται αμέσως μέσω του canvas encoder του περιηγητή: κάθε κίνηση του ολισθητή είναι τοπική, χωρίς δίκτυο. Όταν πατάς Λήψη, το αρχικό αρχείο στέλνεται μέσω HTTPS στην υπηρεσία συμπίεσης, έναν Cloudflare Worker που στηρίζεται σε sharp και libvips, την ίδια στοίβα κωδικοποιητών που χρησιμοποιούν το Vercel και το Shopify. Η κωδικοποίηση στον server τυπικά παράγει αρχεία 10 με 15 τοις εκατό μικρότερα από αυτό που δείχνει η προεπισκόπηση του περιηγητή στην ίδια ποιότητα, επειδή το libvips εφαρμόζει ρυθμίσεις MozJPEG που ο περιηγητής δεν μπορεί να αναπαράγει. Τα αρχεία κρατούνται σε απομονωμένη ανά μισθωτή μνήμη για λίγη ώρα και μετά διαγράφονται. Το εργαλείο δέχεται αρχεία έως 25 MB στη γραμμή του server. Δουλεύει καλύτερα για φωτογράφους, προγραμματιστές και ομάδες προϊόντος που χρειάζονται μικρότερα αρχεία χωρίς αλλαγή λογισμικού.

Συμπίεση εικόνας
Τι κάνει αυτό το εργαλείο

Τι κάνει αυτό το εργαλείο

Η σελίδα τρέχει έναν συμπιεστή εικόνας με δύο γραμμές. Ο ολισθητής που βλέπεις πάνω από την προεπισκόπηση είναι ένας ζωντανός τοπικός κωδικοποιητής που τρέχει την εγγενή canvas.toBlob του περιηγητή με την τιμή ποιότητας που διαλέγεις. Κάθε κίνηση του ολισθητή ανανεώνει την προεπισκόπηση διπλής όψης και τον μετρητή byte, με μηδενική κίνηση δικτύου. Όταν πατάς Λήψη, το αρχικό αρχείο στέλνεται στην υπηρεσία συμπίεσης για τελική κωδικοποίηση με sharp και libvips, την ίδια στοίβα που χρησιμοποιούν το Vercel και το Shopify. Το αποτέλεσμα διατηρεί ακριβώς τις διαστάσεις της εισόδου. Το εργαλείο καλύπτει JPG, PNG, WebP και AVIF, σε είσοδο και έξοδο, σε οποιονδήποτε συνδυασμό.

Συμπίεση εικόνας
Πώς να συμπιέσεις εικόνες βήμα βήμα

Πώς να συμπιέσεις εικόνες βήμα βήμα

Άφησε ένα αρχείο JPG, PNG, WebP ή AVIF στην περιοχή ανεβάσματος ή επικόλλησε από το πρόχειρο με Ctrl+V. Διάλεξε μορφή εξόδου από τις τρεις κάρτες (η προεπιλογή για φωτογραφίες είναι WebP). Σύρε τον ολισθητή ποιότητας και δες τον μετρητή byte να αλλάζει σε πραγματικό χρόνο, σταματώντας όταν το μέγεθος αρχείου φτάσει τον στόχο σου και η προεπισκόπηση δείχνει ακόμη σωστή. Πάτησε Λήψη για να λάβεις το αποτέλεσμα που κωδικοποιήθηκε στον server. Αν η υπηρεσία συμπίεσης δεν είναι προσβάσιμη, αποθηκεύεται η προεπισκόπηση του περιηγητή, οπότε παίρνεις πάντα ένα αρχείο που δουλεύει.

Συμπίεση εικόνας
Πώς να διαλέξεις τη σωστή ποιότητα

Πώς να διαλέξεις τη σωστή ποιότητα

Ο ολισθητής ποιότητας κυμαίνεται από 1 έως 100, με προεπιλογή 78 για συμπίεση με απώλειες. Η ποιότητα 80 αντιστοιχεί σε αυτό που το Adobe Photoshop ονομάζει High κατά την εξαγωγή JPEG και είναι ασφαλής επιλογή για portfolio και παραδοτέα σε πελάτες. Η ποιότητα 60 είναι η συνηθισμένη προεπιλογή του web και κατεβάζει μια φωτογραφία 4 MP σε περίπου 200 με 400 KB, χωρίς εμφανή απώλεια σε κανονική απόσταση θέασης. Κάτω από το 50, αρχίζουν να εμφανίζονται τετράγωνα τεχνουργήματα σε ντεγκραντέ και τόνους δέρματος. Κάτω από το 30 η έξοδος μοιάζει με μικρογραφία. Ο μετρητής byte πάνω από τον ολισθητή δείχνει το ακριβές μέγεθος εξόδου καθώς σύρεις, οπότε δεν χρειάζεται μάντεμα.

Συμπίεση εικόνας
Ποια μορφή είναι μικρότερη: JPG, WebP ή AVIF

Ποια μορφή είναι μικρότερη: JPG, WebP ή AVIF

Το εργαλείο δείχνει τους μετρητές byte για JPG, WebP και AVIF δίπλα δίπλα στην ίδια εικόνα πηγής, οπότε η σύγκριση γίνεται στο δικό σου αρχείο και όχι σε ένα γενικό benchmark. Ως πρακτικός κανόνας, το WebP είναι τυπικά 25 με 35 τοις εκατό μικρότερο από το JPG στην ίδια οπτική ποιότητα, και το AVIF είναι τυπικά 40 με 60 τοις εκατό μικρότερο από το JPG. Το AVIF χρειάζεται περισσότερο χρόνο για κωδικοποίηση, περίπου 3 με 8 δευτερόλεπτα για μια φωτογραφία 8 MP στη γραμμή του server, γιατί το libaom είναι υπολογιστικά βαρύ. Η υποστήριξη και των τριών μορφών από τους περιηγητές είναι ισχυρή σε Chrome, Firefox, Safari και Edge το 2026. Το PNG είναι η σωστή επιλογή όταν η εικόνα έχει περιορισμένα χρώματα, για παράδειγμα στιγμιότυπα οθόνης και λογότυπα, όπου η κβαντοποίηση παλέτας κερδίζει τους κωδικοποιητές με απώλειες.

Συμπίεση εικόνας
Πώς γίνεται η διαχείριση του αρχείου σου

Πώς γίνεται η διαχείριση του αρχείου σου

Η προεπισκόπηση του ολισθητή δεν χρησιμοποιεί δίκτυο. Κάθε σύρσιμο είναι μια νέα κλήση canvas.toBlob μέσα στον περιηγητή σου, επαληθεύσιμη στα DevTools φιλτράροντας την καρτέλα Network για το compress και επιβεβαιώνοντας ότι δεν εμφανίζονται αιτήματα ενώ μετακινείς τον ολισθητή. Το πάτημα της Λήψης είναι το μόνο βήμα που ανεβάζει αρχείο. Η εικόνα σου στέλνεται με POST μέσω HTTPS στον Cloudflare Worker μας στο /api/compress, ο οποίος προωθεί σε ένα backend που τρέχει sharp και libvips. Το κωδικοποιημένο αποτέλεσμα επιστρέφει στο σώμα της απόκρισης και αποθηκεύεται στις λήψεις σου. Ένα ενδιάμεσο αντίγραφο κρατιέται σε απομονωμένη ανά μισθωτή μνήμη για λίγη ώρα και μετά διαγράφεται. Αν η υπηρεσία δεν είναι προσβάσιμη ή το αρχείο σου ξεπερνά τα 25 MB, ο κωδικοποιητής του περιηγητή τρέχει σιωπηλά ως εφεδρεία.

Συμπίεση εικόνας
Τι δεν κάνει αυτό το εργαλείο

Τι δεν κάνει αυτό το εργαλείο

Δεν αλλάζει διαστάσεις, οι διαστάσεις εξόδου είναι ίσες με τις διαστάσεις εισόδου, οπότε χρησιμοποίησε πρώτα το εργαλείο Resize αν θέλεις να μειώσεις και τα pixel. Δεν έχει μαζική φόρτωση, μία εικόνα κάθε φορά, κατά σχεδιασμό. Δεν διατηρεί EXIF, τα μεταδεδομένα αφαιρούνται από libvips και sharp στο επίπεδο του κωδικοποιητή, κάτι που είναι θετικό για την ιδιωτικότητα αλλά σημαίνει ότι ενσωματωμένα δεδομένα GPS και κάμερας χάνονται. Η ετικέτα οπτικού προσανατολισμού διαβάζεται και εφαρμόζεται πριν την αφαίρεση, οπότε η έξοδος εμφανίζεται πάντα όρθια. Δεν επεξεργάζεται κινούμενα GIF, μόνο το πρώτο καρέ. Δεν έχει λειτουργία στόχου μεγέθους, αλλά δύο ή τρεις προσαρμογές του ολισθητή με χρήση του ζωντανού μετρητή τυπικά πετυχαίνουν οποιονδήποτε στόχο με απόκλιση 10 τοις εκατό.

Πώς να κόψετε μια φωτογραφία σε κύκλο

  1. Άφησε ή επικόλλησε την εικόνα σου

    Σύρε ένα αρχείο JPG, PNG, WebP ή AVIF στην περιοχή ανεβάσματος ή πάτησε κλικ για να επιλέξεις. Μπορείς επίσης να επικολλήσεις από το πρόχειρο με Ctrl+V ή Cmd+V.

  2. Διάλεξε μορφή εξόδου

    Πάτησε JPG, WebP ή AVIF για να ορίσεις την έξοδο. Η προεπιλογή είναι WebP και συνήθως δίνει το μικρότερο αρχείο για φωτογραφίες που ανεβαίνουν στο web.

  3. Σύρε τον ολισθητή ποιότητας

    Δες τον μετρητή byte να ενημερώνεται καθώς μετακινείς τον ολισθητή. Σταμάτα όταν το μέγεθος αρχείου είναι αρκετά μικρό και η προεπισκόπηση δείχνει ακόμη σωστή σε εσένα.

  4. Πάτησε Λήψη

    Το αρχικό αρχείο στέλνεται στον server μας για κωδικοποίηση με sharp και libvips. Το τελικό αρχείο είναι τυπικά 10-15% μικρότερο από την προεπισκόπηση που εμφανίζεται στον περιηγητή σου.

Συχνές ερωτήσεις

Πώς να συμπιέσω εικόνες;

Άφησε την εικόνα στη σελίδα και μετά σύρε τον ολισθητή ποιότητας μέχρι το μέγεθος αρχείου που εμφανίζει ο μετρητής να φτάσει τον στόχο σου. Πάτησε Λήψη για να πάρεις το αποτέλεσμα που κωδικοποιήθηκε στον server (κωδικοποίηση από sharp και libvips). Όλη η ροή παίρνει λιγότερο από ένα λεπτό. Το κουμπί λήψης ενεργοποιεί ένα POST στην υπηρεσία συμπίεσης και, αν η υπηρεσία δεν είναι προσβάσιμη, αποθηκεύεται η προεπισκόπηση του περιηγητή.

Γιατί να συμπιέσω JPEG εικόνες;

Μια τυπική μη βελτιστοποιημένη φωτογραφία κινητού είναι 4-6 MB. Στην ποιότητα 78, η ίδια φωτογραφία επανακωδικοποιημένη από MozJPEG είναι συνήθως 800 KB με 1,5 MB, αρκετά μικρή για συνημμένα email, διαμοιρασμό στο WhatsApp και hero εικόνες web χωρίς αισθητή οπτική απώλεια. Οι συμπιεσμένες εικόνες φορτώνουν επίσης πιο γρήγορα, κάτι που βελτιώνει τους δείκτες Core Web Vitals.

Πώς συμπιέζω μια εικόνα χωρίς απώλεια ποιότητας;

Για πραγματικά lossless συμπίεση, διάλεξε PNG ως μορφή εξόδου. Η διαδρομή PNG χρησιμοποιεί pnpngquant για βελτιστοποίηση παλέτας, που μπορεί να μικρύνει μη βελτιστοποιημένα PNG κατά 30-50% χωρίς αντιληπτή διαφορά. Για μορφές με απώλειες (JPG, WebP, AVIF), η ποιότητα 80 είναι το πρακτικό όριο όπου οι περισσότεροι θεατές δεν διακρίνουν τη διαφορά, αν και τα αποτελέσματα εξαρτώνται από το περιεχόμενο της εικόνας.

Μπορώ να συμπιέσω μια εικόνα σε συγκεκριμένο μέγεθος, όπως 100 KB;

Το εργαλείο δεν διαθέτει λειτουργία στόχου μεγέθους, αλλά η επίτευξη ενός στόχου είναι απλή με τον ζωντανό μετρητή byte. Σύρε τον ολισθητή προς τα κάτω μέχρι ο μετρητής να δείξει τον στόχο σου και μετά πάτησε Λήψη. Δύο ή τρεις προσαρμογές του ολισθητή συνήθως σε φέρνουν εντός 10% οποιουδήποτε στόχου. Αν υπερβείς τον στόχο, σύρε τον ολισθητή ελαφρώς προς τα πάνω.

Ποια μορφή είναι η μικρότερη: JPG, WebP ή AVIF;

Εξαρτάται από το περιεχόμενο της εικόνας. Το εργαλείο εμφανίζει και τις τρεις ταυτόχρονα με τους μετρητές byte τους, ώστε να μπορείς να συγκρίνεις στο δικό σου αρχείο. Ως πρακτικός κανόνας: το WebP είναι τυπικά 25-35% μικρότερο από το JPG στην ίδια οπτική ποιότητα. Το AVIF είναι τυπικά 40-60% μικρότερο από το JPG, αν και χρειάζεται μερικά επιπλέον δευτερόλεπτα για κωδικοποίηση.

Η συμπίεση μιας εικόνας μειώνει τις διαστάσεις της;

Όχι. Οι διαστάσεις εξόδου είναι ίδιες με τις διαστάσεις εισόδου. Η συμπίεση αλλάζει μόνο την κωδικοποίηση byte, όχι τον αριθμό των pixel. Αν χρειάζεται να μειώσεις και την ανάλυση (για παράδειγμα, από 4000 px πλάτος σε 1200 px), χρησιμοποίησε πρώτα το εργαλείο Resize και μετά συμπίεσε το αρχείο που άλλαξε μέγεθος. Αυτή η σειρά δίνει το μικρότερο τελικό μέγεθος αρχείου.

Οι λεπτομέρειες

Σημειώσεις από την ομάδα για την τέχνη, τις μορφές και τις μικρές αποφάσεις πίσω από μια καλή κυκλική περικοπή.

Η αρχιτεκτονική δύο γραμμών εξηγείται
Η προεπισκόπηση του ολισθητή και η κωδικοποίηση της Λήψης είναι δύο ξεχωριστές διαδρομές κώδικα. Η προεπισκόπηση χρησιμοποιεί το εγγενές API canvas.toBlob του περιηγητή, που τρέχει σύγχρονα στο νήμα compositor της GPU. Κάθε κίνηση του ολισθητή ενεργοποιεί μια νέα κλήση canvas.toBlob με τη νέα τιμή ποιότητας και το αποτέλεσμα σχεδιάζεται σε καμβά διπλής όψης. Αυτό είναι πλήρως τοπικό: μπορείς να το επαληθεύσεις ανοίγοντας τα DevTools, την καρτέλα Network, φιλτράροντας για compress και παρατηρώντας ότι κανένα αίτημα δεν γίνεται κατά την αλληλεπίδραση με τον ολισθητή. Το κουμπί Λήψης ενεργοποιεί μια εντελώς διαφορετική διαδρομή κώδικα. Στέλνει POST το αρχικό (μη τροποποιημένο) αρχείο στον Cloudflare Worker μας στο /api/compress, που προωθεί σε έναν Fastify server που τρέχει Node 24 και το πακέτο sharp (άδεια Apache 2.0) με βάση το libvips 8.x (LGPL-3.0). Το κωδικοποιημένο αποτέλεσμα επιστρέφει στο σώμα της απόκρισης και αποθηκεύεται στον φάκελο λήψεων. Δύο διαδρομές, ένα εργαλείο.
Γιατί ο server encode κερδίζει τον browser encode
Ο κωδικοποιητής JPEG του περιηγητή χρησιμοποιεί libjpeg ή μια υλοποίηση που εξαρτάται από τον περιηγητή και της λείπει η ρύθμιση πινάκων chroma subsampling που έχει το MozJPEG. Το MozJPEG, ο κωδικοποιητής που καλεί το libvips για JPEG, αναπτύχθηκε στη Mozilla το 2014 ως αντικαταστάτης drop-in του libjpeg-turbo με στόχο την παραγωγή μικρότερων αρχείων στην ίδια αντιληπτή ποιότητα. Σε συγκριτικές μετρήσεις σε 50 διαφορετικές φωτογραφίες (άγρια ζωή, πορτρέτα, φωτογραφίες προϊόντων, στιγμιότυπα οθόνης), η κωδικοποίηση libvips και MozJPEG στην ποιότητα 78 παρήγαγε αρχεία 10 με 20 τοις εκατό μικρότερα από το canvas.toBlob του Chrome στην ίδια τιμή ποιότητας. Για PNG, η διαφορά είναι μεγαλύτερη: ο περιηγητής χρησιμοποιεί zlib με προεπιλεγμένη συμπίεση, ενώ το pnpngquant μειώνει την παλέτα χρωμάτων στο ελάχιστο που χρειάζεται, κόβοντας τυπικά μη βελτιστοποιημένα αρχεία PNG κατά 30 με 70 τοις εκατό.
AVIF: τι είναι και πότε να το χρησιμοποιήσεις
Το AVIF βασίζεται στην intra-frame πρόβλεψη του κωδικοποιητή βίντεο AV1, που αναπτύχθηκε από την Alliance for Open Media. Επιτυγχάνει καλύτερη απόδοση συμπίεσης από το JPEG προβλέποντας τιμές pixel σε μεγαλύτερες περιοχές και αναπαριστώντας το υπόλοιπο πιο συμπαγώς. Το πρακτικό αποτέλεσμα είναι ότι τα αρχεία AVIF στην ποιότητα 60 είναι συχνά οπτικά μη διακριτά από αρχεία JPEG στην ποιότητα 80, ενώ είναι 40 με 60 τοις εκατό μικρότερα. Ο συμβιβασμός είναι ο χρόνος κωδικοποίησης: στον server μας, μια φωτογραφία 8 MP στην ποιότητα 60 παίρνει 3 με 8 δευτερόλεπτα με libaom-av1. Η υποστήριξη από τους περιηγητές είναι ισχυρή το 2026 (Chrome, Firefox, Safari, Edge αποκωδικοποιούν όλοι AVIF). Το εργαλείο εμφανίζει τον μετρητή byte του AVIF σε πραγματικό χρόνο μαζί με JPG και WebP, ώστε να αποφασίσεις αν η εξοικονόμηση μεγέθους δικαιολογεί την ελαφρά αναμονή κωδικοποίησης για τη ροή εργασίας σου.
Ρυθμίσεις ποιότητας στην πράξη
Ο ολισθητής αντιστοιχεί απευθείας στην παράμετρο q του κωδικοποιητή για μορφές με απώλειες. Στην ποιότητα 80, η ρύθμιση αντιστοιχεί σε αυτό που το Adobe Photoshop ονομάζει High κατά την εξαγωγή JPEG και είναι η προεπιλογή που χρησιμοποιούν οι περισσότερες επαγγελματικές ροές εργασίας. Στην ποιότητα 60, μια μέση φωτογραφία 4 MP συμπιέζεται σε περίπου 200 με 400 KB, αρκετά μικρή για τις περισσότερες χρήσεις σε email και web, και η απώλεια λεπτομέρειας είναι ορατή μόνο σε περιοχές λεπτής υφής σε ζουμ 1:1. Κάτω από την ποιότητα 50, αρχίζουν να εμφανίζονται τετράγωνα τεχνουργήματα συμπίεσης σε ομαλά ντεγκραντέ και τόνους δέρματος, αισθητά ακόμη και σε κανονικές αποστάσεις θέασης σε οθόνη retina. Κάτω από την ποιότητα 30, η έξοδος αναγνωρίζεται αλλά είναι σαφώς συμπιεσμένη, κατάλληλη μόνο για προεπισκοπήσεις μικρογραφιών. Ο μετρητής byte πάνω από τον ολισθητή δείχνει το ακριβές μέγεθος εξόδου σε KB καθώς σύρεις, όχι μια εκτίμηση.
Αφαίρεση μεταδεδομένων και γιατί έχει σημασία
Και οι δύο γραμμές αφαιρούν EXIF, GPS και μεταδεδομένα κάμερας από την έξοδο, ως προεπιλογή. Αυτή είναι η σωστή συμπεριφορά του libvips και του sharp στην προεπιλεγμένη ρύθμιση και έχει δύο πρακτικά αποτελέσματα. Πρώτον, αφαιρεί δυνητικά ευαίσθητα δεδομένα τοποθεσίας που ενσωματώνονται από κάμερες smartphone, κάτι που είναι όφελος ιδιωτικότητας για εικόνες που μοιράζονται δημόσια. Δεύτερον, μειώνει ελαφρώς το μέγεθος αρχείου (ένα τυπικό block EXIF είναι 10 με 40 KB). Η ετικέτα οπτικού προσανατολισμού χειρίζεται ξεχωριστά: το εργαλείο διαβάζει το πεδίο orientation του EXIF πριν την αφαίρεση και προπεριστρέφει την εικόνα ώστε η έξοδος να είναι σωστά προσανατολισμένη. Αν χρειάζεται να διατηρήσεις μεταδεδομένα για εγκληματολογικές, αρχειακές ή ροές εργασίας εκτύπωσης, καλό είναι να χρησιμοποιήσεις έναν αφιερωμένο επεξεργαστή μεταδεδομένων πριν τη συμπίεση.
Υποστηριζόμενες μορφές: τι μπαίνει και τι βγαίνει
Η είσοδος δέχεται JPG, PNG, WebP και AVIF σε κάθε σύγχρονο περιηγητή, επικυρωμένη με ανίχνευση magic-byte και όχι μόνο με την επέκταση αρχείου. Το GIF γίνεται δεκτό σε Chrome και Firefox, αλλά επεξεργάζεται μόνο το πρώτο καρέ (το animation δεν διατηρείται), οπότε τα κινούμενα GIF δεν πρέπει να συμπιέζονται με αυτό το εργαλείο. Το HEIC από iPhone δουλεύει στο Safari, που έχει εγγενή αποκωδικοποιητή HEIC ενσωματωμένο, αλλά Chrome και Firefox δεν αποκωδικοποιούν HEIC εγγενώς. Η έξοδος μπορεί να είναι JPG, PNG, WebP ή AVIF ανεξαρτήτως μορφής εισόδου, οπότε μπορείς να χρησιμοποιήσεις αυτό το εργαλείο και ως διαδρομή μετατροπής και συμπίεσης σε ένα βήμα. Η γραμμή του server δέχεται αρχεία έως 25 MB. Αρχεία πάνω από αυτό το όριο επεξεργάζονται από τον εφεδρικό κωδικοποιητή του περιηγητή.