Αλλαγή μεγέθους εικόνων δωρεάν

Πώς λειτουργεί

Η αλλαγή μεγέθους γίνεται εξ ολοκλήρου στον browser σας με το Canvas API — την ίδια μηχανή απόδοσης που είναι ενσωματωμένη σε Chrome, Firefox και Safari. Η εικόνα σας σχεδιάζεται σε canvas εκτός οθόνης με τις νέες διαστάσεις και επανακωδικοποιείται τοπικά· τίποτα δεν φεύγει από τη συσκευή σας.

1. 1
   Ο browser αποκωδικοποιεί την εικόνα

   Όταν αφήνετε ή επιλέγετε αρχείο, ο browser αποκωδικοποιεί την εικόνα (JPEG, PNG, WebP, AVIF ή GIF) σε ακατέργαστα δεδομένα pixels μέσω HTMLImageElement. Οι αρχικές διαστάσεις σε pixels διαβάζονται και συμπληρώνουν τα πεδία πλάτους και ύψους.
2. 2
   Το Canvas σχεδιάζει ξανά στο νέο μέγεθος

   Το κλικ στην Αλλαγή μεγέθους ορίζει ένα HTMLCanvasElement εκτός οθόνης στο πλάτος και ύψος που επιλέξατε και καλεί ctx.drawImage() για να κλιμακώσει και να ζωγραφίσει κάθε pixel στις νέες διαστάσεις. Για έξοδο JPEG, εφαρμόζεται πρώτα λευκό φόντο ώστε οι διαφανείς περιοχές να μη γίνουν μαύρες.
3. 3
   Το canvas.toBlob() κωδικοποιεί την έξοδο

   Η ενσωματωμένη μέθοδος canvas.toBlob() του browser κωδικοποιεί τα δεδομένα pixels σε JPEG, PNG ή WebP στο επίπεδο ποιότητας που ορίσατε. Αν ορίσατε μέγεθος αρχείου-στόχο, μια δυαδική αναζήτηση 7 επαναλήψεων προσαρμόζει αυτόματα την παράμετρο ποιότητας μέχρι η έξοδος να χωρά σε αυτό το μέγεθος ή λιγότερο.
4. 4
   Προεπισκόπηση και τοπική λήψη του αποτελέσματος

   Το κωδικοποιημένο Blob μετατρέπεται σε object URL για το πλαίσιο προεπισκόπησης — χωρίς επικοινωνία με διακομιστή. Το κλικ στη λήψη ενεργοποιεί τοπική αποθήκευση με όνομα αρχείου που περιλαμβάνει τις τελικές διαστάσεις σε pixels.

Σχετικά εργαλεία