Πώς να συμπιέσετε εύκολα μία ή περισσότερες εικόνες ταυτόχρονα

Μία από τις πρώτες προκλήσεις που αντιμετώπισα ως webmaster αυτού του ιστολογίου αφορούσε τις εικόνες. Χρειάστηκε να συμπιέσω εικόνες (JPG, PNG, GIF) με πολύ υψηλό επίπεδο ζήτησης εάν ήθελα να βελτιστοποιήσω τους πόρους του διακομιστή και επίσης να φορτώσω γρήγορα.

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

Πώς να συμπιέσετε μία ή περισσότερες εικόνες ταυτόχρονα με τον απλούστερο δυνατό τρόπο

Αυτό που πολλοί άνθρωποι συνιστούν να συμπιέζουν εικόνες είναι να χρησιμοποιούν προγράμματα όπως το Photoshop ή άλλα προγράμματα επεξεργασίας πολυμέσων του στυλ. Κάτι που είναι πολύ καλό, αλλά αυτοί οι τύποι εφαρμογών δεν είναι συνήθως φθηνοί ακριβώς και φέρνουν επίσης πολλές επαγγελματικές λειτουργίες που έχω προσωπικά πολλές - απλά θέλω να κάνω μερικές τροποποιήσεις και να συμπιέσω μερικές φωτογραφίες, όχι να δημιουργήσω μια σύντομη κίνηση 8 λεπτά-

Πώς να επεξεργαστείτε και να συμπιέσετε μια εικόνα χωρίς να εγκαταστήσετε καμία εφαρμογή

Όταν το μόνο που χρειάζεται να κάνω είναι να συμπιέσω μια εικόνα και να προσαρμόσω τα περιθώρια και το μέγεθός της , χρησιμοποιώ ένα εργαλείο ιστού που ονομάζεται Pixlr Express . Πρόκειται για μια διαδικτυακή εφαρμογή που είδε το φως του χεριού της Autodesk πριν από χρόνια - το ίδιο του Autocad- και που έχει πλέον αποκτήσει μια άλλη εταιρεία (123RF). Αλλά ας φτάσουμε στο σημείο ...

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

Για να συμπιέσουμε μια εικόνα με το Pixlr Express πρέπει απλώς να φορτώσουμε την εικόνα στον επεξεργαστή και να κάνουμε κλικ στο " Αποθήκευση " . Κατά την αποθήκευσή του, το εργαλείο θα μας επιτρέψει να εφαρμόσουμε το επιθυμητό επίπεδο συμπίεσης (από 0% έως 100%).

Τη στιγμή της αποθήκευσης είναι όταν μας επιτρέπει να συμπιέσουμε την εικόνα

Φυσικά, η ποιότητα της εικόνας θα είναι σύμφωνη με το επίπεδο συμπίεσης που εφαρμόζουμε. Ως προσωπική σύσταση, θα σας συνιστούσα να εφαρμόσετε ένα επίπεδο συμπίεσης 65% σε σύγκριση με το πρωτότυπο . Είναι εκείνο το σημείο όπου η εικόνα εξακολουθεί να φαίνεται καλή και το βάρος της μειώνεται δραστικά.

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

Εάν έχουμε αρκετές εικόνες που δουλεύουν με το Pixlr μπορεί να είναι λίγο κουραστική. Για αυτές τις περιπτώσεις, χρησιμοποιώ ένα δωρεάν πρόγραμμα που ονομάζεται RIOT (Radical Image Optimization Tool), ειδικά σχεδιασμένο για τη συμπίεση εικόνων JPG, GIF και PNG.

Το RIOT μας επιτρέπει να φορτώσουμε μια εικόνα, να προσαρμόσουμε το επίπεδο συμπίεσης και να δούμε μια προεπισκόπηση του πώς θα φαίνεται μετά την εφαρμογή της συμπίεσης. Αυτό είναι υπέροχο για εμάς να το προσαρμόσουμε όσο το δυνατόν περισσότερο και να φαίνεται ακόμα καλό.

Αλλά η πραγματική μαγεία του RIOT βρίσκεται στο χαρακτηριστικό «Batch». Από εδώ μπορούμε να φορτώσουμε πολλές εικόνες ταυτόχρονα (για παράδειγμα, όλες οι εικόνες που περιέχονται σε ένα φάκελο ή υποφακέλους) και να τις συμπιέσουμε σε σειρά . Για να το κάνουμε αυτό, απλώς πρέπει να κάνουμε κλικ στο εικονίδιο " Batch ", επιλέξτε το φάκελο προορισμού ( φάκελος εξόδου ) και τον φάκελο προέλευσης ( Προσθήκη εικόνων -> Προσθήκη όλων των εικόνων από το φάκελο ). Μόλις θέλουμε τα πάντα, απλά κάντε κλικ στο " Έναρξη " για να εκτελέσετε μαζική συμπίεση για όλες τις επιλεγμένες εικόνες.

Αυτό είναι ωραίο, ακούτε ...

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

Το τέλειο επίπεδο συμπίεσης για εικόνες σε ιστολόγιο ή ιστότοπο

Όπως ανέφερα λίγο παραπάνω, το τέλειο επίπεδο συμπίεσης είναι 65% για ιστοσελίδες. Αλλά αυτή είναι μόνο μια προσωπική πρόταση ...

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

Για αυτές τις περιπτώσεις, η Google διαθέτει τη γνωστή σελίδα για webmaster Pagespeed Insights. Αυτό το εργαλείο, εκτός από το ότι μας λέει την ταχύτητα φόρτωσης του ιστότοπού μας και μας δίνει κάποιες άλλες συμβουλές, μας επιτρέπει επίσης να κατεβάσουμε ένα αντίγραφο όλων των εικόνων που περιέχει μια συγκεκριμένη διεύθυνση URL. Αυτά τα αντίγραφα των εικόνων θα βελτιστοποιηθούν 100%.

Για να κατεβάσετε τις εικόνες πρέπει να εισαγάγουμε τη διεύθυνση URL όπου κρέμονται και να κάνουμε κλικ στο κουμπί " Ανάλυση ". Μόλις ολοκληρωθεί η ανάλυση, από την καρτέλα " Υπολογιστής " μεταβαίνουμε σχεδόν στο τέλος και κάνουμε κλικ στον σύνδεσμο " Λήψη πόρων εικόνας, βελτιστοποίηση JavaScript και CSS για αυτήν τη σελίδα ". Θα λάβουμε αυτόματα ένα αρχείο ZIP με αυτούς τους πόρους που έχουν ήδη βελτιστοποιηθεί.

Είναι λίγο κρυμμένο, αλλά είναι μια λειτουργία με μια βάναυση χρησιμότητα

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

PS: Δημοσίευση αφιερωμένη στο "εγώ" από το παρελθόν. Ας δούμε αν μάθετε, παιδί!

Έχετε εγκαταστήσει το Telegram ; Λάβετε την καλύτερη ανάρτηση κάθε μέρα στο κανάλι μας . Ή αν προτιμάτε, μάθετε τα πάντα από τη σελίδα μας στο Facebook .