Η Εξαγωγή Εικόνων σαρώνει οποιαδήποτε ιστοσελίδα και παρουσιάζει κάθε εικόνα σε περιηγήσιμη γκαλερί. Δείτε thumbnails, αρχικές διαστάσεις, μεγέθη αρχείων και URL πηγής για κάθε εικόνα — στη συνέχεια επιλέξτε μεμονωμένες εικόνες ή κατεβάστε τις όλες ταυτόχρονα. Ανιχνεύει εικόνες από img tags, ιδιότητες CSS background-image, στοιχεία picture/source και inline data URIs.
Η αποθήκευση εικόνων από μια ιστοσελίδα μία-μία — δεξί κλικ, «Αποθήκευση εικόνας ως», επιλογή φακέλου, επανάληψη — είναι εξοντωτικά αργή όταν μια σελίδα έχει δεκάδες εικόνες. Επιπλέον, λειτουργεί μόνο για κανονικά img tags. Τα background images του CSS, τα responsive picture elements και οι εικόνες με data URI δεν μπορούν καθόλου να αποθηκευτούν με αυτόν τον τρόπο. Το Extract Images λύνει το πρόβλημα σαρώνοντας ολόκληρο το DOM της σελίδας και τα computed styles, εντοπίζοντας κάθε εικόνα ανεξάρτητα από τον τρόπο υλοποίησής της.
Κάθε εικόνα εμφανίζει μια προεπισκόπηση thumbnail, τις αρχικές διαστάσεις της (πλάτος × ύψος), τη μορφή αρχείου, το κατά προσέγγιση μέγεθος αρχείου, και το URL προέλευσης. Μπορείτε να επιλέξετε μεμονωμένες εικόνες για λήψη, ή να χρησιμοποιήσετε το «Download All» για να τις κατεβάσετε όλες μαζί. Ένα φίλτρο μεγέθους σάς επιτρέπει να παραλείπετε μικροσκοπικά tracking pixels και favicons, ώστε να βλέπετε μόνο εικόνες σχετικές με το περιεχόμενο.
Οι lazy-loaded εικόνες εντοπίζονται ακόμα και πριν φορτωθούν — το εργαλείο διαβάζει τα συνηθισμένα attributes lazy-load (data-src, data-srcset, loading="lazy") επιπλέον του src που έχει επιλυθεί, οπότε εικόνες πιο κάτω σε μια μεγάλη σελίδα εμφανίζονται στη συλλογή χωρίς να χρειάζεται να κάνετε πρώτα κύλιση μέχρι εκεί. Σύγχρονες μορφές όπως τα WebP και AVIF αναγνωρίζονται και επισημαίνονται σωστά, αντί να ομαδοποιούνται όλες μαζί ως γενικός τύπος 'image', κάτι που έχει σημασία όταν ψάχνετε συγκεκριμένα για ένα PNG ή SVG μέσα σε μια σελίδα γεμάτη βελτιστοποιημένα WebP assets.
Κάθε εικόνα στη σελίδα εμφανίζεται σε γκαλερί πλέγματος με thumbnail προεπισκοπήσεις. Δείτε 8, 20 ή 100+ εικόνες με μια ματιά — κυλήστε για να βρείτε ακριβώς αυτό που χρειάζεστε. Κάθε thumbnail είναι αρκετά μεγάλο για αναγνώριση περιεχομένου εικόνας.
Κάθε εικόνα δείχνει τις αρχικές διαστάσεις (π.χ. 1920×1080), μορφή αρχείου (PNG, JPG, WebP, SVG), κατά προσέγγιση μέγεθος αρχείου (π.χ. 245 KB) και το URL πηγής ή ιδιότητα CSS από την οποία προήλθε. Χωρίς εικασίες για ποιότητα ή μέγεθος εικόνας.
Ορίστε κατώφλι ελάχιστης διάστασης (π.χ. 100×100) για φιλτράρισμα μικρών εικόνων όπως tracking pixels, spacer GIFs και favicons. Εστιάστε στις εικόνες περιεχομένου που έχουν πραγματικά σημασία.
Κάντε κλικ σε μεμονωμένες εικόνες για επιλογή (εμφανίζεται μωβ checkmark), στη συνέχεια κατεβάστε μόνο τις επιλεγμένες. Ή κάντε κλικ στο Download All για αποθήκευση κάθε εικόνας στη σελίδα στη συσκευή σας με μία ενέργεια.
Βρίσκει εικόνες από όλες τις πηγές: τυπικά img tags, ιδιότητες CSS background-image, responsive στοιχεία picture/source, inline SVGs αποδοσμένα ως εικόνες και εικόνες κωδικοποιημένες ως data URI. Τίποτα δεν χάνεται.
Μια γραμμή κατάστασης δείχνει πόσες εικόνες έχουν επιλεγεί και το συνολικό μέγεθος αρχείου της επιλογής. Ξέρετε ακριβώς πόσο πρόκειται να κατεβάσετε πριν πατήσετε το κουμπί λήψης.
Χρειάζεστε όλες τις εικόνες προϊόντων από σελίδα καταλόγου; Η Εξαγωγή Εικόνων τις βρίσκει και τις κατεβάζει όλες ταυτόχρονα — συμπεριλαμβανομένων responsive παραλλαγών και εικόνων hero CSS background που δεν μπορείτε να αποθηκεύσετε με δεξί κλικ.
Κατασκευάζετε mood board ή συλλέγετε οπτικές αναφορές από ιστότοπους σχεδιαστικής έμπνευσης; Περιηγηθείτε στη γκαλερί εικόνων, επιλέξτε αυτές που θέλετε και κατεβάστε τες μαζικά αντί να αποθηκεύετε μία-μία.
Ελέγξτε όλες τις εικόνες στη σελίδα σας για υπερβολικά μεγάλα αρχεία, ελλείπουσες εναλλακτικές WebP ή αχρησιμοποίητες εικόνες background. Οι διαστάσεις και τα μεγέθη αρχείων βοηθούν στον εντοπισμό εικόνων που χρειάζονται βελτιστοποίηση.
Αποθηκεύετε σελίδα για offline αναφορά; Εξάγετε όλες τις εικόνες ώστε να έχετε πλήρες οπτικό περιεχόμενο μαζί με το HTML. Χρήσιμο για αρχειοθέτηση τεκμηρίωσης, σχεδιαστικών αναφορών ή σελίδων που μπορεί να αλλάξουν ή να βγουν εκτός σύνδεσης.
Πολλοί σύγχρονοι ιστότοποι χρησιμοποιούν CSS background-image για ενότητες hero, φόντα καρτών και διακοσμητικά στοιχεία. Αυτές οι εικόνες δεν μπορούν να αποθηκευτούν μέσω δεξιού κλικ. Η Εξαγωγή Εικόνων τις ανιχνεύει και τις κατεβάζει μαζί με τα κανονικά img elements.
Ανοίξτε το floating dock του DevSuite Pro και κάντε κλικ στο εικονίδιο Εξαγωγής Εικόνων. Το εργαλείο σαρώνει το DOM σελίδας και τα υπολογισμένα στυλ για εύρεση κάθε εικόνας.
Ένας πίνακας γκαλερί εμφανίζει όλες τις εικόνες που βρέθηκαν ως πλέγμα thumbnails. Κάθε εικόνα δείχνει το όνομα αρχείου, διαστάσεις και μέγεθος αρχείου. Κυλήστε για περιήγηση σε όλες τις εικόνες της σελίδας.
Χρησιμοποιήστε το φίλτρο ελάχιστου μεγέθους για απόκρυψη μικρών εικόνων όπως εικονίδια και tracking pixels. Ορίστε σε 100×100 για εμφάνιση μόνο εικόνων περιεχομένου.
Κάντε κλικ σε μεμονωμένες εικόνες για επιλογή — εμφανίζεται μωβ checkmark. Η γραμμή κατάστασης ενημερώνεται με τον αριθμό και το συνολικό μέγεθος της επιλογής σας.
Κάντε κλικ στο Download Selected για αποθήκευση των επιλεγμένων εικόνων, ή στο Download All για να πάρετε κάθε εικόνα στη σελίδα. Τα αρχεία αποθηκεύονται στον φάκελο downloads της συσκευής σας.
Εγκαταστήστε το DevSuite Pro δωρεάν και ξεκλειδώστε 64+ εργαλεία προγραμματιστή για το πρόγραμμα περιήγησής σας.
