Εισαγωγή
Το "Χωρίς απώλεια ποιότητας" σπάνια σημαίνει διατήρηση κάθε byte. Αυτό σημαίνει ότι κανείς που κοιτάζει την εικόνα όπου καταλήγει δεν μπορεί να καταλάβει κάτι που έχει αλλάξει. Αυτός είναι ένας πολύ πιο εύκολος στόχος και συνήθως μπορείτε να τον πετύχετε με ένα αρχείο ένα κλάσμα του μεγέθους.
Οι περισσότεροι που το ρωτούν αυτό θέλουν ένα από τα παρακάτω πράγματα: μια σελίδα που φορτώνει πιο γρήγορα, ένα συνημμένο κάτω από το όριο email ή ένα στιγμιότυπο οθόνης για τα έγγραφα που δεν είναι 4 MB. Η θεωρία έχει λιγότερη σημασία από έναν τρόπο εργασίας που κάνει το αρχείο μικρό χωρίς να το κάνει άσχημο.
Λοιπόν, δείτε τι πρέπει να αποφασίσετε πριν από τη συμπίεση, γιατί η αλλαγή μεγέθους και η συμπίεση είναι διαφορετικές εργασίες και τι πρέπει να εξετάσετε μετά για να βεβαιωθείτε ότι δεν το έχετε παρακάνει.
Αποφασίστε πρώτα πού θα πάει η εικόνα
Μια κύρια εικόνα σε έναν ιστότοπο, ένα συνημμένο email, μια ανάρτηση σε μέσα κοινωνικής δικτύωσης και ένα στιγμιότυπο οθόνης σε ένα άρθρο βοήθειας θέλουν όλα διαφορετικά πράγματα. Αν απλώς κυνηγήσετε το μικρότερο αρχείο, θα κάνετε λάθος συμβιβασμό για τουλάχιστον μερικά από αυτά.
Μόλις μάθετε τον προορισμό, η επιλογή γίνεται εύκολη. Για μια ιστοσελίδα, αυτό που έχει σημασία είναι πώς φαίνεται η εικόνα στο μέγεθος που εμφανίζεται. Για το email, είναι το όριο των συνημμένων και ο χρόνος που χρειάζεται για να σταλούν. Για την τεκμηρίωση, είναι αν οι χρήστες μπορούν ακόμα να διαβάσουν το κείμενο στο στιγμιότυπο οθόνης.
- Ιστότοποι: επιλέξτε όσο το δυνατόν μικρότερο μέγεθος, ενώ εξακολουθεί να φαίνεται το ίδιο στη σελίδα.
- Email και συνομιλία: μειώστε το όριο, ενώ εξακολουθεί να φαίνεται επαγγελματικό.
- Έγγραφα και στιγμιότυπα οθόνης: διατηρήστε πρώτα το κείμενο ευκρινές και μόνο μετά ανησυχείτε για το μέγεθος.
Η συμπίεση και η αλλαγή μεγέθους είναι διαφορετικές εργασίες
Η συμπίεση μικραίνει το αρχείο και διατηρεί το πλάτος και το ύψος ίδια. Η αλλαγή μεγέθους αλλάζει το πλάτος και το ύψος. Οι άνθρωποι μπερδεύουν τα δύο συνεχώς, γι' αυτό και πολλές συμβουλές σχετικά με τη "βελτιστοποίηση εικόνων" προκαλούν σύγχυση.
Συνήθως θέλετε και τα δύο, με τη σειρά. Εάν μια φωτογραφία 4000 pixel μπαίνει σε μια υποδοχή 800 pixel, αλλάξτε πρώτα το μέγεθός της. Δεν έχει νόημα να συμπιέζετε προσεκτικά τα pixel που κανείς δεν θα δει ποτέ. Στη συνέχεια, συμπιέστε ό,τι έχει απομείνει.
- Συμπιέστε από μόνη της όταν η εικόνα έχει ήδη το μέγεθος που θα εμφανίζεται.
- Αλλάξτε πρώτα το μέγεθος όταν η εικόνα είναι μεγαλύτερη από ό,τι θα εμφανίζεται ποτέ.
- Η αλλαγή μεγέθους και στη συνέχεια η συμπίεση σάς δίνει το μικρότερο αρχείο για τη λιγότερο ορατή αλλαγή.
Γιατί να συμπιέσετε στο πρόγραμμα περιήγησης
Όταν οι εικόνες βρίσκονται ήδη στον υπολογιστή σας, η συμπίεσή τους σε μια καρτέλα προγράμματος περιήγησης είναι απλώς πιο γρήγορη: χωρίς μεταφόρτωση, χωρίς αναμονή σε ουρά, χωρίς σύνδεσμο λήψης για κυνήγι. Σημαίνει επίσης ότι στιγμιότυπα οθόνης εσωτερικών πινάκων ελέγχου, εργασιών πελατών και φωτογραφιών προϊόντων που δεν έχουν κυκλοφορήσει ακόμα παραμένουν στον υπολογιστή σας.
Αυτό το δεύτερο μέρος λαμβάνει λιγότερη προσοχή από όση του αξίζει. Πολλή δουλειά με εικόνες γίνεται πολύ πριν δημοσιοποιηθεί οτιδήποτε, και οι εικόνες που χρειάζονται περισσότερο συρρίκνωση είναι συχνά αυτές που δεν θα θέλατε να βρίσκονται στον διακομιστή κάποιου άλλου.
Ελέγξτε το αποτέλεσμα πριν το χρησιμοποιήσετε
Μην κρίνετε μια συμπιεσμένη εικόνα από το μέγεθος του αρχείου. Κοιτάξτε τα μέρη που σπάνε πρώτα: μικρό κείμενο, αιχμηρές άκρες, ομαλές διαβαθμίσεις όπως ο ουρανός και μικρές λεπτομέρειες στις φωτογραφίες προϊόντων. Εάν αυτά εξακολουθούν να φαίνονται σωστά στο μέγεθος που θα εμφανίζεται η εικόνα, τελειώσατε.
Όταν συμπιέζετε μια δέσμη, αναζητήστε την περιττή. Εννέα εικόνες μπορεί να είναι μια χαρά σε Μέτρια, ενώ η δέκατη, συνήθως αυτή με μεγάλη ομαλή διαβάθμιση, χρειάζεται Lossless.
- Διαβάστε πρώτα το μικρό κείμενο. Εάν είναι θολό, κάντε πίσω.
- Αναζητήστε ζώνες ή μπλοκ σε διαβαθμίσεις και επίπεδα χρώματα.
- Ελέγξτε ότι οι άκρες στα στιγμιότυπα οθόνης και στις φωτογραφίες προϊόντων εξακολουθούν να είναι ευκρινείς.
Κάνοντας το στο ToolBuddy
Ανοίξτε το Image Compressor και αποθέστε τα αρχεία JPG, PNG ή WebP. Επιλέξτε ένα επίπεδο: Το Lossless διατηρεί τα δεδομένα σχεδόν πανομοιότυπα, ενώ το Moderate και το Extreme μειώνουν το μέγεθος. Επιλέξτε επίσης τη μορφή εξόδου. Το WebP είναι η προεπιλεγμένη και μια καλή επιλογή για τον ιστό. Το AVIF συνήθως γίνεται ακόμα μικρότερο εάν το υποστηρίζει ο ιστότοπός σας. Κατεβάστε κάθε εικόνα ή ολόκληρη την παρτίδα ως ZIP.
Αν στα μισά του χρόνου συνειδητοποιήσετε ότι οι εικόνες είναι απλώς πολύ μεγάλες, σταματήστε και εκτελέστε τες πρώτα μέσω του Image Resizer. Στη συνέχεια, επιστρέψτε και συμπιέστε τες. Θα λάβετε ένα μικρότερο αρχείο από αυτό που θα μπορούσε να διαχειριστεί μόνο η συμπίεση.
Γράφτηκε από
Ankit Kumar
Ανώτερος Μηχανικός Λογισμικού & Ιδρυτής στο ToolBuddy
Τεχνολογία βοηθητικών προγραμμάτων για πρώτη φορά στο πρόγραμμα περιήγησης με μηδενικές απαιτήσεις μεταφόρτωσης χρησιμοποιώντας τεχνολογίες WebAssembly, Web Audio και Canvas.