Αλλαγή Μεγέθους Εικόνας
Αλλάξτε μέγεθος εικόνων σε ακριβείς διαστάσεις ή ποσοστά. Επιλέξτε προεπιλογές social media ή προσαρμοσμένα μεγέθη.
Αρχικό Μέγεθος
Νέο Μέγεθος
ΕνημερώθηκεΣχετικά με αυτό το εργαλείο
Η αλλαγή μεγέθους εικόνων είναι μία από τις πιο συνηθισμένες εργασίες στις ροές εργασίας ψηφιακών μέσων, και η σωστή εκτέλεση κάνει τη διαφορά μεταξύ ενός επαγγελματικού αποτελέσματος και ενός θολού χάους pixel. Είτε βελτιστοποιείτε εικόνες για ταχύτερη φόρτωση ιστοσελίδων, πληρείτε τις αυστηρές απαιτήσεις διαστάσεων των πλατφορμών κοινωνικών δικτύων, προετοιμάζετε αρχεία υψηλής ανάλυσης για εκτύπωση, ή συμπιέζετε μεγάλες φωτογραφίες για τα όρια συνημμένων email, η σωστή αλλαγή μεγέθους εξασφαλίζει ότι τα οπτικά σας στοιχεία φαίνονται ευκρινή σε κάθε μέγεθος. Στον πυρήνα της, η αλλαγή μεγέθους τρόποποιεί τις διαστάσεις σε pixel μιας εικόνας — τον αριθμό των μεμονωμένων σημείων χρώματος που συνθέτουν την εικόνα. Μια φωτογραφία 4000 x 3000 pixel περιέχει 12 εκατομμύρια pixel (12 megapixel). Η μείωσή της σε 1200 x 900 απορρίπτει περίπου το 91 τοις εκατό αυτών των pixel, γι' αυτό ο αλγόριθμος επαναδειγματοληψίας έχει τόση σημασία. Ο αλγόριθμος αποφασίζει πώς να αναμίξει ή να επιλέξει τιμές pixel κατά τη διάρκεια αυτού του μετασχηματισμού. Τα DPI (κουκκίδες ανά ίντσα) και PPI (pixel ανά ίντσα) περιγράφουν την πυκνότητα εκτύπωσης και όχι το μέγεθος της εικόνας. Μια εικόνα 3000 x 2000 pixel τυπωμένη στα 300 DPI παράγει εκτύπωση 25,4 x 16,9 cm, ενώ το ίδιο αρχείο στα 72 PPI γεμίζει πολύ μεγαλύτερη περιοχή στην οθόνη. Αυτό το εργαλείο εστιάζει στις διαστάσεις pixel, που είναι αυτό που μετράει για ψηφιακή προβολή, ενώ διατηρεί τα μεταδεδομένα DPI ανέπαφα για ροές εκτύπωσης. Η αναλογία διαστάσεων — η αναλογική σχέση μεταξύ πλάτους και ύψους — είναι κρίσιμη για την αποφυγή παραμόρφωσης. Μια ευρεία εικόνα 16:9 τεντωμένη σε τετράγωνο 1:1 θα φαίνεται συμπιεσμένη. Το κλείδωμα της αναλογίας διαστάσεων εξασφαλίζει ότι η αλλαγή μιας διάστασης προσαρμόζει αυτόματα την άλλη, διατηρώντας τις αρχικές αναλογίες της εικόνας σας. Η έξοδος είναι διαθέσιμη σε PNG (ISO 15948), JPEG (ITU-T T.81) ή WebP (IETF RFC 9649), και όλη η επεξεργασία γίνεται τοπικά — οι εικόνες σας δεν φεύγουν ποτέ από τη συσκευή σας.
Πώς να Χρησιμοποιήσετε
- Ανεβάστε την εικόνα σας σύροντας ή κάνοντας κλικ. Υποστηρίζει όλες τις κοινές μορφές.
- Εισάγετε τις διαστάσεις σε pixels ή ποσοστό. Κλειδώστε την αναλογία για διατήρηση ή ξεκλειδώστε για προσαρμοσμένο.
- Επιλέξτε λειτουργία (προσαρμογή, γέμισμα ή τέντωμα) και κατεβάστε την εικόνα.
Πώς να Χρησιμοποιήσετε
- Ανεβάστε την εικόνα σας σύροντας ή κάνοντας κλικ. Υποστηρίζει όλες τις κοινές μορφές.
- Εισάγετε τις διαστάσεις σε pixels ή ποσοστό. Κλειδώστε την αναλογία για διατήρηση ή ξεκλειδώστε για προσαρμοσμένο.
- Επιλέξτε λειτουργία (προσαρμογή, γέμισμα ή τέντωμα) και κατεβάστε την εικόνα.
Μεθοδολογία
Η αλλαγή μεγέθους εικόνων χρησιμοποιεί το HTML Canvas API με ρυθμιζόμενη ποιότητα παρεμβολής που ελέγχεται από την ιδιότητα imageSmoothingQuality. Κάθε αλγόριθμος επαναδειγματοληψίας εξυπηρετεί διαφορετικό σκοπό. Ο nearest-neighbor αντιγράφει την τιμή του πλησιέστερου pixel χωρίς ανάμειξη, παράγοντας σκληρές ακμές ιδανικές για pixel art και στιγμιότυπα οθόνης. Η bilinear παρεμβολή υπολογίζει τον μέσο όρο μιας γειτονιάς 2x2 pixel, δημιουργώντας ομαλότερες μεταβάσεις με μέτριο υπολογιστικό κόστος. Η bicubic παρεμβολή δειγματοληπτεί ένα πλέγμα 4x4 χρησιμοποιώντας κυβικά πολυώνυμα, αποδίδοντας τις ομαλότερες διαβαθμίσεις και την καλύτερη διατήρηση λεπτομερειών — αυτή είναι η προεπιλογή για φωτογραφικό περιεχόμενο. Η επαναδειγματοληψία Lanczos, που χρησιμοποιείται σε προηγμένο λογισμικό, χρησιμοποιεί συνέλιξη συνάρτησης sinc για ακόμα πιο οξέα αποτελέσματα, αν και το Canvas API προσεγγίζει αυτή τη συμπεριφορά στη ρύθμιση ποιότητας "high". Το εργαλείο αλλάζει μέγεθος μέσω ενός offscreen canvas: η εικόνα πηγής σχεδιάζεται σε ένα στοιχείο canvas στις διαστάσεις-στόχο, επιτρέποντας στη μηχανή απόδοσης του browser να χειριστεί την παρεμβολή subpixel εγγενώς. Για μεγάλες μειώσεις (πάνω από 50%), μια πολυβηματική προσέγγιση σχεδιάζει την εικόνα σε ενδιάμεσα μεγέθη για αποφυγή aliasing. Οι υπολογισμοί αναλογίας χρησιμοποιούν απλά αναλογικά μαθηματικά. Η μαζική επεξεργασία εφαρμόζει τις ίδιες ρυθμίσεις σε πολλές εικόνες διαδοχικά, δημιουργώντας μεμονωμένα αρχεία ή ένα αρχείο ZIP.
Κατανόηση των Αποτελεσμάτων σας
Η μεγέθυνση εικόνων πέρα από το αρχικό τους μέγεθος μειώνει την ποιότητα επειδή κανένας αλγόριθμος δεν μπορεί να δημιουργήσει λεπτομέρειες που δεν καταγράφηκαν ποτέ από τον αισθητήρα της κάμερας. Για καλύτερα αποτελέσματα, ξεκινήστε πάντα με την υψηλότερη διαθέσιμη ανάλυση πηγής. Μια μεγέθυνση 2x (π.χ., από 1000px σε 2000px) εισάγει αισθητή θολούρα, ενώ οτιδήποτε πάνω από 3x θα δείξει εμφανή pixelation ή θόλωμα ανάλογα με τη μέθοδο παρεμβολής. Κατά τη μείωση μεγέθους, το εμφανιζόμενο ποσοστό δείχνει πόσο μικρότερες είναι οι νέες διαστάσεις σε σχέση με τις αρχικές. Μια μείωση 50% σημαίνει μισό πλάτος και μισό ύψος, με αποτέλεσμα το ένα τέταρτο του συνολικού αριθμού pixel. Οι μεγαλύτερες μειώσεις γενικά διατηρούν εξαιρετική οπτική ποιότητα επειδή ο αλγόριθμος έχει περισσότερα δεδομένα πηγής. Η διατήρηση της αναλογίας διαστάσεων αποτρέπει την παραμόρφωση—αν βλέπετε τεντωμένα ή πλακωμένα θέματα, ξεκλειδώστε και κλειδώστε ξανά την αναλογία. Χρησιμοποιήστε nearest-neighbor παρεμβολή ειδικά για pixel art, εικονίδια και στιγμιότυπα οθόνης όπου οι σκληρές ακμές πρέπει να διατηρηθούν. Για φωτογραφίες και φυσικές εικόνες, χρησιμοποιήστε πάντα τη bicubic ρύθμιση (υψηλή ποιότητα) για τις ομαλότερες διαβαθμίσεις και τα πιο φυσικά αποτελέσματα.
Η Επιστήμη της Ανάλυσης Εικόνας
Η ανάλυση εικόνας αφορά θεμελιωδώς την πυκνότητα πληροφορίας—πόσα διακριτά δείγματα χρώματος υπάρχουν ανά μονάδα επιφάνειας. Μια ψηφιακή εικόνα είναι ένα δισδιάστατο πλέγμα pixel, το καθένα αποθηκεύει τιμές χρώματος (τυπικά 8 bit ανά κανάλι για κόκκινο, πράσινο και μπλε, αποδίδοντας 16.7 εκατομμύρια πιθανά χρώματα). Ο συνολικός αριθμός pixel καθορίζει πόση οπτική λεπτομέρεια μπορεί να αναπαραστήσει η εικόνα. Τα DPI (κουκκίδες ανά ίντσα) και PPI (pixel ανά ίντσα) συχνά συγχέονται αλλά εξυπηρετούν διαφορετικά πλαίσια. Το PPI περιγράφει πόσο πυκνά είναι τα pixel όταν μια εικόνα εμφανίζεται σε οθόνη ή εκτυπώνεται. Μια εικόνα 3000x2000 στα 300 PPI τυπώνεται σε 25.4x16.9 cm με φωτογραφική ευκρίνεια. Η ίδια εικόνα στα 72 PPI θα τυπωνόταν σε 105.8x70.6 cm αλλά θα φαινόταν θολή. Η ανάλυση οθόνης προσθέτει μια ακόμα μεταβλητή—μια οθόνη 4K (3840x2160) χωράει περισσότερα pixel ανά ίντσα από μια οθόνη 1080p ίδιου φυσικού μεγέθους. Όταν αλλάζετε μέγεθος, ο αλγόριθμος πρέπει είτε να απορρίψει πληροφορία pixel (μείωση) είτε να εφεύρει νέα δεδομένα μέσω μαθηματικής παρεμβολής (μεγέθυνση). Η bicubic παρεμβολή εξετάζει μια γειτονιά 4x4 pixel και προσαρμόζει κυβικό πολυώνυμο για ομαλές διαβαθμίσεις. Η Lanczos χρησιμοποιεί συνέλιξη sinc για θεωρητικά βέλτιστη ευκρίνεια. Η nearest-neighbor αντιγράφει το πλησιέστερο pixel, διατηρώντας σκληρές ακμές αλλά δημιουργώντας ορατά σκαλοπάτια. Οι σύγχρονες οθόνες περιπλέκουν περαιτέρω τον σχεδιασμό ανάλυσης. Οι οθόνες Apple Retina χρησιμοποιούν πυκνότητα 2x ή 3x, που σημαίνει ότι ένα CSS pixel μπορεί να αντιστοιχεί σε 4 ή 9 φυσικά pixel. Η παροχή εικόνων στο διπλάσιο μέγεθος εμφάνισης εξασφαλίζει ευκρίνεια σε αυτές τις οθόνες υψηλής πυκνότητας.
Πρακτικά Παραδείγματα
Ένας φωτογράφος πρέπει να προετοιμάσει εικόνες για το online portfolio του. Οι αρχικές φωτογραφίες DSLR είναι 6000x4000 pixel (24MP). Τις μικραίνει σε 2400x1600 για τη γκαλερί του portfolio και δημιουργεί thumbnails 300x200 για την προβολή πλέγματος, χρησιμοποιώντας bicubic παρεμβολή και για τα δύο για ομαλή λεπτομέρεια. Ένας διαχειριστής social media προετοιμάζει μια φωτογραφία προϊόντος για πολλαπλές πλατφόρμες: 1080x1080 για Instagram, 1200x630 για κοινοποιήσεις Facebook, και 1280x720 για thumbnails YouTube. Τα κουμπιά presets εξοικονομούν χρόνο και εξασφαλίζουν ότι οι απαιτήσεις κάθε πλατφόρμας πληρούνται ακριβώς. Ένας web developer βελτιστοποιεί hero εικόνες για ένα responsive site. Η desktop έκδοση χρειάζεται 1920x800 pixel, ενώ η mobile απαιτεί 768x400. Η μαζική λειτουργία επεξεργάζεται ολόκληρη τη βιβλιοθήκη εικόνων σε δευτερόλεπτά, παράγοντας αρχεία ομοιόμορφου μεγέθους έτοιμα για ανάπτυξη.
Συμβουλές & Βέλτιστες Πρακτικές
Πάντα κρατάτε ένα αντίγραφο χωρίς τρόποποιήσεις της αρχικής εικόνας πριν αλλάξετε μέγεθος. Μόλις τα pixel απορριφθούν κατά τη μείωση, δεν μπορούν να ανακτηθούν. Εργαστείτε από το μεγαλύτερο διαθέσιμο αρχείο πηγής για μέγιστη ευελιξία. Όταν αλλάζετε μέγεθος για χρήση στο web, στοχεύστε στο πραγματικό μέγεθος εμφάνισης αντί να ανεβάζετε υπερμεγέθεις εικόνες και να βασίζεστε στην κλιμάκωση CSS. Ένα container 600px χρειάζεται μόνο μια εικόνα 600px (ή 1200px για οθόνες Retina). Αυτό μειώνει σημαντικά τους χρόνους φόρτωσης και βελτιώνει την εμπειρία χρήστη. Για μαζικές λειτουργίες, δοκιμάστε τις ρυθμίσεις σε μία εικόνα πρώτα για να επιβεβαιώσετε ότι η έξοδος πληροί τα πρότυπα ποιότητας. Χρησιμοποιήστε τη λειτουργία ποσοστού όταν χρειάζεστε ομοιόμορφή αναλογική μείωση και τη λειτουργία pixel όταν χρειάζεστε ομοιόμορφές διαστάσεις εξόδου ανεξαρτήτως αρχικών μεγεθών.
Όλοι οι υπολογισμοί γίνονται τοπικά στο πρόγραμμα περιήγησής σας. Δεν αποστέλλονται δεδομένα σε κανέναν διακομιστή.