Η Εξαγωγή Εικόνων σαρώνει οποιαδήποτε ιστοσελίδα και παρουσιάζει κάθε εικόνα σε περιηγήσιμη γκαλερί. Δείτε thumbnails, αρχικές διαστάσεις, μεγέθη αρχείων και URL πηγής για κάθε εικόνα — στη συνέχεια επιλέξτε μεμονωμένες εικόνες ή κατεβάστε τις όλες ταυτόχρονα. Ανιχνεύει εικόνες από img tags, ιδιότητες CSS background-image, στοιχεία picture/source και inline data URIs.
Η αποθήκευση εικόνων από ιστοσελίδα μία προς μία — δεξί κλικ, Αποθήκευση Εικόνας ως, επιλογή φακέλου, επανάληψη — είναι οδυνηρά αργή όταν μια σελίδα έχει δεκάδες εικόνες. Και λειτουργεί μόνο για κανονικά img tags. Οι εικόνες CSS background, τα responsive picture elements και οι εικόνες data URI δεν μπορούν να αποθηκευτούν έτσι καθόλου. Η Εξαγωγή Εικόνων λύνει αυτό σαρώνοντας ολόκληρο το DOM σελίδας και τα υπολογισμένα στυλ, βρίσκοντας κάθε εικόνα ανεξάρτητα από τον τρόπο υλοποίησής της, και παρουσιάζοντάς τες όλες σε καθαρό πίνακα γκαλερί. Κάθε εικόνα δείχνει thumbnail προεπισκόπηση, αρχικές διαστάσεις, μορφή αρχείου, κατά προσέγγιση μέγεθος αρχείου και URL πηγής. Μπορείτε να επιλέξετε μεμονωμένες εικόνες για λήψη ή να χρησιμοποιήσετε το Download All για να πάρετε τα πάντα ταυτόχρονα.
Κάθε εικόνα στη σελίδα εμφανίζεται σε γκαλερί πλέγματος με 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 δωρεάν και ξεκλειδώστε 39+ εργαλεία προγραμματιστή για το πρόγραμμα περιήγησής σας.
