Περικοπή

Κυκλική περικοπή Περικοπή εικόνας

Βελτιστοποίηση

Συμπίεση εικόνας Αναβάθμιση Εικόνας AI Αφαίρεση φόντου

Επεξεργασία

Αλλαγή μεγέθους εικόνας

Μετατροπή

Άλλα

Εικόνα σε PDF

Περικοπή Εικόνας Online

Περικόψτε JPG, PNG, WebP ή AVIF σε οποιαδήποτε αναλογία: 1:1, 16:9, 9:16, 4:5, 3:2, 4:3 ή ακριβή pixel.

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

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

Περικόψτε οποιαδήποτε εικόνα σε ορθογώνια περιοχή απευθείας στον browser σας, χρησιμοποιώντας το εργαλείο περικοπής της Araluma που τροφοδοτείται από το cropperjs v2. Αποθέστε ένα αρχείο JPG, PNG, WebP ή AVIF στη σελίδα και ο καμβάς περικοπής ανοίγει αμέσως. Σύρετε τις λαβές για να τοποθετήσετε την επιλογή, κλειδώστε μια αναλογία (1:1, 16:9, 9:16, 4:5, 3:2, 4:3 ή A4), ή πληκτρολογήστε ακριβείς διαστάσεις σε pixel και το πλαίσιο προσαρμόζεται αυτόματα. Η ζωντανή ένδειξη δείχνει το μέγεθος εξόδου σε πραγματικά pixel πηγής πριν κατεβάσετε. Η εικόνα σας παραμένει στη συσκευή σας καθ όλη τη διάρκεια, η καρτέλα Network στο DevTools δείχνει μηδέν εξερχόμενα αιτήματα εικόνας κατά την περικοπή. Οι έξοδοι PNG και WebP διατηρούν τη διαφάνεια από το αρχικό αρχείο, ενώ η έξοδος JPG αντικαθιστά τις διαφανείς περιοχές με λευκό φόντο. Τα μεταδεδομένα EXIF αφαιρούνται από κάθε εξαγωγή. Αυτό το εργαλείο είναι κατάλληλο για όποιον χρειάζεται γρήγορη και ακριβή ορθογώνια περικοπή χωρίς εγκατάσταση λογισμικού, ένα αρχείο τη φορά.

Περικοπή εικόνας
Πώς λειτουργεί το εργαλείο περικοπής στον browser σας

Πώς λειτουργεί το εργαλείο περικοπής στον browser σας

Η εικόνα σας ανοίγει απευθείας από τον browser χρησιμοποιώντας το File API. Δεν υπάρχει μεταφόρτωση σε διακομιστή και δεν αποθηκεύεται προσωρινό αντίγραφο εκτός της συσκευής σας. Σύρετε το πλαίσιο περικοπής στη θέση που χρειάζεστε, αλλάξτε το μέγεθος από τις γωνίες ή τις άκρες, και η ζωντανή ένδειξη pixel ενημερώνεται καθώς σέρνετε. Οι συντεταγμένες βρίσκονται στον χώρο pixel της εικόνας πηγής, οπότε ο αριθμός που εμφανίζεται είναι το κυριολεκτικό μέγεθος του αρχείου εξόδου. Ανοίξτε το DevTools και μεταβείτε στην καρτέλα Network κατά την περικοπή, δεν θα εμφανιστεί κανένα εξερχόμενο αίτημα εικόνας. Το αρχείο που αποθέτετε και το αρχείο που κατεβάζετε παραμένουν εξ ολοκλήρου στη συσκευή σας καθ όλη τη διάρκεια της συνεδρίας.

Περικοπή εικόνας
Κλειδώστε μια αναλογία ή εισάγετε ακριβείς διαστάσεις pixel

Κλειδώστε μια αναλογία ή εισάγετε ακριβείς διαστάσεις pixel

Πατήστε ένα chip αναλογίας (1:1 για τετράγωνο, 16:9 για ευρεία οθόνη, 9:16 για κατακόρυφο, 4:5, 3:2, 4:3 ή A4) και το πλαίσιο επιλογής κλειδώνει σε αυτή την αναλογία. Σύρετέ το οπουδήποτε στην εικόνα για να επιλέξετε ποιο μέρος να κρατήσετε. Για να χτυπήσετε έναν συγκεκριμένο στόχο pixel, πληκτρολογήστε το πλάτος και το ύψος στα πεδία διαστάσεων και το πλαίσιο περικοπής αλλάζει μέγεθος για να ταιριάξει. Η έξοδος ισούται πάντα με το μέγεθος της επιλογής σε pixel πηγής. Αυτό το εργαλείο δεν μεγεθύνει, αν η επιλογή σας είναι 600 pixel πλάτος, το αρχείο εξόδου είναι επίσης 600 pixel πλάτος.

Περικοπή εικόνας
Η έξοδος JPG αντικαθιστά τη διαφάνεια με λευκό

Η έξοδος JPG αντικαθιστά τη διαφάνεια με λευκό

Αν το αρχείο πηγής σας έχει διαφανείς περιοχές (PNG, WebP με alpha ή AVIF με alpha) και επιλέξετε JPG ως μορφή εξόδου, αυτά τα διαφανή pixel γεμίζονται με λευκό. Το JPG δεν έχει κανάλι alpha, οπότε δεν υπάρχει που να αποθηκευτεί η διαφάνεια. Για να διατηρήσετε τη διαφάνεια, επιλέξτε PNG, WebP ή AVIF στον επιλογέα μορφής στην οθόνη ολοκλήρωσης. Οι έξοδοι PNG και WebP μεταφέρουν το αρχικό κανάλι alpha χωρίς αλλαγές. Το AVIF υποστηρίζει επίσης alpha. Ο επιλογέας μορφής επισημαίνει κάθε επιλογή ώστε η αντιστάθμιση να είναι ορατή πριν την λήψη.

Περικοπή εικόνας
Μετακινήστε την επιλογή με ακρίβεια από το πληκτρολόγιο

Μετακινήστε την επιλογή με ακρίβεια από το πληκτρολόγιο

Πατήστε Tab για να μεταβείτε στο πλαίσιο περικοπής, στη συνέχεια χρησιμοποιήστε τα πλήκτρα βέλους για να μετακινήσετε την επιλογή ένα pixel τη φορά. Κρατήστε Shift με ένα βέλος και το βήμα αυξάνεται σε δέκα pixel. Αυτή η πλοήγηση πληκτρολογίου είναι ενσωματωμένη στο cropperjs v2 ως εγγενής λειτουργικότητα, όχι ξεχωριστό στρώμα προσβασιμότητας. Είναι χρήσιμη όταν χρειάζεστε οπτική ευθυγράμμιση υπο-pixel που το trackpad δεν μπορεί να παραδώσει, ή όταν εργάζεστε σε ρύθμιση μόνο με πληκτρολόγιο. Η επιλογή ανταποκρίνεται επίσης στην αφή στο κινητό, τσιμπήστε για ζουμ καμβά, στη συνέχεια σύρετε τις γωνίες επιλογής για επανατοποθέτηση. Σε καμία από τις δύο περιπτώσεις δεν απαιτείται ενεργοποίηση πρόσθετης λειτουργίας.

Περικοπή εικόνας
Μορφές εξόδου: PNG, JPG, WebP και AVIF

Μορφές εξόδου: PNG, JPG, WebP και AVIF

Μετά την περικοπή, επιλέξτε τη μορφή λήψης στην οθόνη ολοκλήρωσης. Το PNG είναι χωρίς απώλειες και διατηρεί τη διαφάνεια. Το JPG εφαρμόζει συμπίεση με απώλειες σε ποιότητα 0.9 από προεπιλογή, η οποία είναι οπτικά αδιάκριτη από την πηγή στις περισσότερες φωτογραφίες. Το WebP εξισορροπεί τις λειτουργίες χωρίς απώλειες και με απώλειες και υποστηρίζει επίσης τη διαφάνεια. Το AVIF κωδικοποιείται μέσω της βιβλιοθήκης @jsquash/avif σε ποιότητα 0.9. Παράγει το μικρότερο αρχείο σε ισοδύναμη οπτική ποιότητα, αλλά η πρώτη κωδικοποίηση AVIF σε μια συνεδρία απαιτεί μια εφάπαξ λήψη ενότητας WASM 870 KB. Η προεπιλεγμένη μορφή εξόδου ταιριάζει με την είσοδό σας, η είσοδος PNG προεπιλέγει την έξοδο PNG, η είσοδος JPG προεπιλέγει JPG. Μπορείτε να την αλλάξετε ανά πάσα στιγμή στην οθόνη ολοκλήρωσης.

Περικοπή εικόνας
Πότε να χρησιμοποιήσετε διαφορετικό εργαλείο περικοπής

Πότε να χρησιμοποιήσετε διαφορετικό εργαλείο περικοπής

Αυτό το εργαλείο περικόπτει μόνο ορθογώνια, τετράγωνα, αναλογίες τοπίου, αναλογίες πορτρέτου και προσαρμοσμένες διαστάσεις pixel. Για κυκλική περικοπή, φωτογραφία προφίλ με διαφανείς γωνίες, χρησιμοποιήστε το Circle Crop. Μοιράζεται την ίδια επεξεργασία από την πλευρά του browser αλλά παράγει στρογγυλό PNG. Για προρυθμίσεις συγκεκριμένες ανά πλατφόρμα με ήδη ορισμένες διαστάσεις (Instagram 1080×1080, μικρογραφία YouTube 1280×720, εξώφυλλο Facebook 1200×630), οι σελίδες προρυθμίσεων περικοπής στην οικογένεια Crop ανοίγουν με αυτές τις διαστάσεις προφορτωμένες, οπότε δεν χρειάζεται να υπολογίσετε τίποτα. Αν η εικόνα σας χρειάζεται να αλλάξει μορφή χωρίς περικοπή πρώτα, χρησιμοποιήστε το εργαλείο Convert για να καταλήξει σε PNG, JPG, WebP ή AVIF.

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

  1. Αποθέστε την εικόνα σας

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

  2. Επιλέξτε αναλογία ή μέγεθος pixel

    Πατήστε ένα chip αναλογίας (1:1, 16:9, 9:16, 4:5, 3:2, 4:3 ή A4) ή πληκτρολογήστε ακριβείς διαστάσεις pixel στα πεδία πλάτους και ύψους για να ορίσετε το πλαίσιο περικοπής.

  3. Τοποθετήστε το πλαίσιο

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

  4. Περικόψτε και κατεβάστε

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

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

Πώς περικόπτω μια εικόνα online;

Αποθέστε την εικόνα σας στο εργαλείο περικοπής, επιλέξτε αναλογία ή πληκτρολογήστε διαστάσεις pixel, σύρετε το πλαίσιο επιλογής στην περιοχή που θέλετε να κρατήσετε, στη συνέχεια κάντε κλικ στο Περικοπή και κατεβάστε. Όλη η διαδικασία τρέχει στον browser σας. Μια τυπική περικοπή από μεταφόρτωση σε λήψη διαρκεί λιγότερο από δέκα δευτερόλεπτα σε σύγχρονη συσκευή.

Πώς μπορώ να περικόψω εικόνες PNG online;

Μεταφορτώστε το PNG στο εργαλείο περικοπής, ορίστε την αναλογία ή τις διαστάσεις, τοποθετήστε το πλαίσιο περικοπής και κάντε κλικ στο Περικοπή. Στην οθόνη ολοκλήρωσης, επιλέξτε PNG ως μορφή εξόδου για να κρατήσετε άθικτο το κανάλι alpha. Αν επιλέξετε JPG αντί αυτού, οι διαφανείς περιοχές αντικαθίστανται με λευκό φόντο. Η έξοδος PNG είναι χωρίς απώλειες, οπότε δεν χάνεται καμία ποιότητα pixel κατά την περικοπή.

Πώς περικόπτω φωτογραφίες για το Instagram χωρίς εφαρμογή;

Ανοίξτε το εργαλείο περικοπής στον browser σας, μεταφορτώστε τη φωτογραφία σας και πατήστε το chip 1:1 για τετράγωνη ανάρτηση Instagram ή το chip 4:5 για κατακόρυφη ανάρτηση. Σύρετε το πλαίσιο για να πλαισιώσετε το θέμα σας, κάντε κλικ στο Περικοπή και κατεβάστε. Η έξοδος έχει μέγεθος pixel πηγής της επιλογής. Για Story ή Reel Instagram, χρησιμοποιήστε την αναλογία 9:16.

Ποιες είναι οι καλύτερες αναλογίες για περικοπή εικόνων σε social media;

Χρησιμοποιήστε 1:1 για τετράγωνη ανάρτηση Instagram, 4:5 για κατακόρυφη ανάρτηση που γεμίζει περισσότερο το feed, 9:16 για Story ή Reel, και 16:9 για μικρογραφία YouTube ή κεφαλίδα Twitter. Τα εξώφυλλα Facebook λειτουργούν καλύτερα στο μέγεθος 1200×630 pixel, που είναι κοντά σε αναλογία 2:1. Το εργαλείο περικοπής έχει chip για 1:1, 16:9, 9:16, 4:5, 3:2 και 4:3, συν προσαρμοσμένη είσοδο pixel.

Μπορώ να περικόψω μια εικόνα σε κύκλο με αυτό το εργαλείο;

Όχι, αυτό το εργαλείο περικόπτει μόνο ορθογώνια, τετράγωνα, τοπία, πορτρέτα και προσαρμοσμένες διαστάσεις. Για κυκλική περικοπή με διαφανές φόντο, χρησιμοποιήστε το εργαλείο Circle Crop. Χρησιμοποιεί την ίδια επεξεργασία βασισμένη στον browser ώστε η εικόνα σας να παραμείνει στη συσκευή, αλλά παράγει στρογγυλό PNG με διαφανείς γωνίες αντί για ορθογώνιο.

Πώς περικόπτω μια εικόνα σε ακριβές μέγεθος pixel;

Πληκτρολογήστε το πλάτος και το ύψος στόχου στα πεδία διαστάσεων στον καμβά περικοπής. Το πλαίσιο περικοπής αλλάζει μέγεθος για να ταιριάξει και η ζωντανή ένδειξη επιβεβαιώνει το μέγεθος εξόδου σε pixel πηγής. Η έξοδος ισούται πάντα με τις διαστάσεις pixel πηγής της επιλογής. Το εργαλείο δεν μεγεθύνει, αν η επιλογή είναι μικρότερη από τον στόχο σας, η έξοδος θα είναι επίσης μικρότερη.

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

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

Η βιβλιοθήκη cropperjs v2 και τι άλλαξε από την v1
Αυτό το εργαλείο είναι χτισμένο στην cropperjs έκδοση 2.1.1, μια πλήρης επανεγγραφή της αρχικής βιβλιοθήκης cropperjs. Η έκδοση v2 αντικαθιστά το παλιό API βασισμένο σε constructor (new Cropper(img, { aspectRatio: 1 })) με αρχιτεκτονική Web Components. Ο καμβάς περικοπής, η επικάλυψη επιλογής και το στοιχείο εικόνας είναι όλα προσαρμοσμένα στοιχεία HTML που έχουν καταχωρηθεί μέσω του CustomElementRegistry του browser. Αυτό σημαίνει ότι το Shadow DOM χειρίζεται όλα τα εσωτερικά στυλ, δεν υπάρχει ξεχωριστό αρχείο cropper.css για εισαγωγή, κάτι που εξαλείφει ένα αίτημα πόρου Vite σε σύγκριση με την v1. Το κλείδωμα αναλογίας τώρα ορίζεται απευθείας στο στοιχείο επιλογής (cropperSelection.aspectRatio = 1) αντί στον constructor, οπότε η αναλογία μπορεί να αλλάξει κατά την εκτέλεση χωρίς επανεκκίνηση ολόκληρης της διεπαφής περικοπής. Η βιβλιοθήκη ζυγίζει 41 960 byte ακατέργαστα και 12 175 byte gzip, μετρημένα απευθείας από την κεφαλίδα content-length του CDN jsDelivr. Αυτά τα 12 KB πληρώνονται μία φορά ανά συνεδρία και επαναχρησιμοποιούνται σε όλες τις διαδρομές προρυθμίσεων περικοπής μέσω διαχωρισμού chunk του Vite.
Πώς υπολογίζονται οι διαστάσεις pixel εξόδου χωρίς μεγέθυνση
Όταν σύρετε την επιλογή περικοπής στην οθόνη, οι συντεταγμένες που βλέπετε βρίσκονται στον χώρο pixel της εικόνας πηγής, όχι στον χώρο pixel CSS. Αυτή η διάκριση είναι σημαντική για οθόνες υψηλής πυκνότητας pixel, ένα τηλέφωνο με αναλογία pixel συσκευής 3× εμφανίζει μια εικόνα πλάτους 300 pixel CSS ως 900 πραγματικά pixel, αλλά οι συντεταγμένες επιλογής αντικατοπτρίζουν 900 πραγματικά pixel, όχι 300 CSS. Το αρχείο εξόδου που κατεβάζετε περιέχει ακριβώς τον αριθμό pixel που το ορθογώνιο επιλογής αντιπροσωπεύει στην εικόνα πηγής. Η λειτουργία περικοπής καλεί την selection.toCanvas() από το API cropperjs v2, μια ασύγχρονη μέθοδο που επιστρέφει ένα νέο HTMLCanvasElement μεγέθους των διαστάσεων pixel της επιλογής. Αυτός ο καμβάς στη συνέχεια περνά στην canvas.toBlob() για PNG, JPG ή WebP, ή στον κωδικοποιητή @jsquash/avif για AVIF. Δεν εισάγεται κανένα βήμα μεγέθυνσης. Αν η επιλογή σας είναι 800 pixel πλάτος, η έξοδος είναι 800 pixel πλάτος.
Αφαίρεση μεταδεδομένων EXIF και τι χάνεται
Κάθε εξαγωγή αφαιρεί δεδομένα EXIF, IPTC, XMP και προφίλ ICC. Αυτό συμβαίνει στο επίπεδο pipeline του καμβά, ο browser σχεδιάζει τα αποκωδικοποιημένα pixel εικόνας πάνω στο HTMLCanvasElement και ο καμβάς κωδικοποιεί σε νέο αρχείο. Ο καμβάς δεν έχει έννοια κοντέινερ μεταδεδομένων, αποθηκεύει μόνο τιμές pixel και παραμέτρους κωδικοποίησης. Αυτό που αφαιρείται περιλαμβάνει συντεταγμένες GPS, μάρκα και μοντέλο κάμερας, εστιακή απόσταση φακού, ρυθμίσεις έκθεσης, πεδία πνευματικών δικαιωμάτων και ετικέτες προφίλ χρώματος. Το προφίλ χρώματος sRGB είναι ουσιαστικά η υπόθεση που κάνει ο καμβάς, τα χρώματα αποδίδονται μέσω του pipeline εμφάνισης του browser και κωδικοποιούνται ξανά χωρίς συνημμένο προφίλ. Για τις περισσότερες δημοσιεύσεις στο web και χρήσεις στα social media, το αφαιρεμένο EXIF προτιμάται επειδή τα δεδομένα GPS μπορούν να εκθέσουν πληροφορίες τοποθεσίας που ο χρήστης δεν είχε σκοπό να μοιραστεί. Για επαγγελματικές ροές εργασίας φωτογραφίας όπου η ακρίβεια προφίλ χρώματος έχει σημασία, χρησιμοποιήστε ένα εργαλείο εξαγωγής με διαχείριση χρώματος.
Τι συμβαίνει όταν περικόπτετε ένα κινούμενο GIF
Όταν αποθέτετε ένα κινούμενο GIF στο εργαλείο περικοπής, ο browser αποκωδικοποιεί μόνο το πρώτο καρέ στο στοιχείο εικόνας που χρησιμοποιείται από τον καμβά περικοπής. Αυτή είναι συμπεριφορά του browser, όχι περιορισμός του cropperjs, το HTMLImageElement δεν εκθέτει μεμονωμένα καρέ ενός κινούμενου GIF στο JavaScript με τρόπο που το API καμβά να μπορεί να επαναλάβει. Το αποτέλεσμα είναι ότι μόνο το πρώτο καρέ είναι διαθέσιμο για την επιλογή περικοπής και η τελική έξοδος είναι μια στατική εικόνα σε όποια μορφή επιλέξετε στην οθόνη ολοκλήρωσης. Αν η είσοδος είναι GIF και επιλέξετε GIF ως έξοδο, η υλοποίηση canvas.toBlob του browser δεν περιλαμβάνει κωδικοποιητή GIF, οπότε η έξοδος υποβαθμίζεται σιωπηλά σε PNG. Το εργαλείο απορρίπτει ρητά το GIF ως επιλογή μορφής εξόδου για να αποφύγει αυτή τη σιωπηλή υποβάθμιση. Αν χρειάζεται να περικόψετε όλα τα καρέ μιας κινούμενης εικόνας, χρειάζεστε ένα εργαλείο που λειτουργεί καρέ προς καρέ, κάτι που αυτό το εργαλείο δεν υποστηρίζει.
Πλοήγηση πληκτρολογίου και προσβασιμότητα
Το στοιχείο επιλογής cropperjs v2 υλοποιεί την πλοήγηση πληκτρολογίου ως μέρος της προδιαγραφής Web Component του. Μόλις κάνετε Tab στην επιλογή περικοπής, τα πλήκτρα βέλους μετακινούν το πλαίσιο ένα pixel στην πατημένη κατεύθυνση. Shift συν πλήκτρο βέλους μετακινεί το πλαίσιο δέκα pixel. Αυτό είναι εγγενώς προσβάσιμο χωρίς λύση αναγνώστη οθόνης ή προσαρμοσμένο επίπεδο JavaScript, ο χειριστής πληκτρολογίου ζει μέσα στο shadow root του στοιχείου επιλογής και ενεργοποιείται στο keydown. Αυτό είναι σημαντικό για χρήστες που βασίζονται στην πλοήγηση μόνο με πληκτρολόγιο, συμπεριλαμβανομένων κάποιων ρυθμίσεων υποστηρικτικής τεχνολογίας, συσκευών κινητικής προσβασιμότητας και ροών εργασίας ακριβείας όπου το trackpad δεν μπορεί να επιτύχει αξιόπιστα την υπο-pixel ευθυγράμμιση. Η ζωντανή ένδειξη pixel που προσαρτάται στην επιλογή ενημερώνεται επίσης με κάθε πάτημα πλήκτρου, ώστε οι χρήστες αναγνωστών οθόνης με περιοχές aria-live στην ένδειξη μπορούν να ακούσουν τις τρέχουσες διαστάσεις να αλλάζουν. Η προσβασιμότητα πληκτρολογίου είναι μια περιοχή όπου αυτό το εργαλείο είναι μπροστά από iLoveIMG και img2go.
Αντισταθμίσεις επιλογής μορφής μετά την περικοπή
Ο επιλογέας μορφής στην οθόνη ολοκλήρωσης δίνει τέσσερις επιλογές. Το PNG είναι χωρίς απώλειες, κάθε pixel στην περιοχή περικοπής αποθηκεύεται ακριβώς όπως αποκωδικοποιήθηκε από την πηγή. Το μέγεθος αρχείου είναι μεγαλύτερο από το JPG για το ίδιο περιεχόμενο, τυπικά τρεις έως πέντε φορές μεγαλύτερο για μια φωτογραφία. Το JPG εφαρμόζει συμπίεση με απώλειες σε ποιότητα 0.9 (σε κλίμακα 0 έως 1), που αντιστοιχεί χονδρικά στην προεπιλογή υψηλής ποιότητας στους περισσότερους επιτραπέζιους επεξεργαστές. Στο q0.9 η διαφορά μεταξύ του πρωτότυπου και της εξόδου γενικά δεν είναι ορατή σε μια τυπική οθόνη αλλά το αρχείο είναι σημαντικά μικρότερο. Το WebP στην ίδια ρύθμιση ποιότητας παράγει αρχείο περίπου 25 έως 35 τοις εκατό μικρότερο από το JPG στις δοκιμές κωδικοποίησής μας, με την ίδια αντιληπτική ποιότητα στις φωτογραφίες. Το WebP υποστηρίζει επίσης τη λειτουργία χωρίς απώλειες και διατηρεί τη διαφάνεια. Το AVIF σε ποιότητα 0.9 μέσω της βιβλιοθήκης @jsquash/avif παράγει τη μικρότερη έξοδο από τις τέσσερις μορφές, αλλά η πρώτη κωδικοποίηση σε μια συνεδρία απαιτεί λήψη ενότητας WASM 870 KB.