Μετάβαση στο κύριο περιεχόμενο
LibraTool logoLibraTool

Κόφτης Εικόνας δωρεάν

Κόψτε εικόνες με σύρσιμο επιλογής, προαιρετικούς περιορισμούς αναλογίας διαστάσεων (1:1, 16:9, 4:3 κ.λπ.), πλέγμα κανόνα τριτημορίων και εξαγωγή σε πολλαπλές μορφές (JPEG, PNG, WebP).

Λειτουργεί εκτός σύνδεσης μόλις φορτωθεί

Αφήστε ένα αρχείο εδώ ή κάντε κλικ για αναζήτηση

JPG, PNG, WebP, HEIC, HEIF · επεξεργάζεται στη συσκευή σας

ή πατήστε Ctrl+V για επικόλληση από το πρόχειρο

Αναζήτηση αρχείων

Συμβουλή: μπορείτε να επικολλήσετε στιγμιότυπο οθόνης με Ctrl+V

Τα αρχεία σας δεν εγκαταλείπουν ποτέ τη συσκευή σας. Όλη η επεξεργασία γίνεται τοπικά στο πρόγραμμα περιήγησής σας.

Συνηθισμένες χρήσεις

  • Περιγράψτε φωτογραφίες για το InstagramΠεριγράψτε στις προτιμώμενες αναλογίες διαστάσεων του Instagram: 1:1 (τετράγωνο), 4:5 (πορτρέτο) και 1.91:1 (τοπίο).
  • Περιγράψτε φωτογραφίες προφίλ σε τετράγωνοΔημιουργήστε τετράγωνες φωτογραφίες προφίλ για LinkedIn, Twitter, GitHub ή οποιαδήποτε κοινωνική πλατφόρμα.
  • Περιγράψτε μικρογραφίες YouTube και άρθρωνΠεριγράψτε στην αναλογία 16:9 που χρησιμοποιείται από τα βίντεο YouTube και τις περισσότερες φωτογραφίες blog hero.
  • Περιγράψτε φωτογραφίες διαβατηρίου / IDΠεριγράψτε φωτογραφίες στο πρότυπο 2:3 αναλογία πορτρέτου για εφαρμογές διαβατηρίου, βίζας και ID.
  • Περιγράψτε φωτογραφίες προϊόντων ηλεκτρονικής εμπορίαςΤυποποιήστε τις αναλογίες διαστάσεων των φωτογραφιών του προϊόντος για το Amazon, Shopify, Etsy και άλλες αγορές.

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

Η περικοπή γίνεται εξ ολοκλήρου στον browser σας με το HTML5 Canvas API — χωρίς μεταφόρτωση ή διακομιστή. Σύρετε μια περιοχή επιλογής απευθείας σε στοιχείο canvas και, όταν εφαρμόσετε την περικοπή, η ενσωματωμένη μηχανή απόδοσης 2D του browser διαβάζει μόνο τα επιλεγμένα pixels και τα επανακωδικοποιεί σε JPEG, PNG ή WebP.

  1. 1
    Η εικόνα φορτώνεται στη μνήμη
    Το αρχείο σας διαβάζεται με URL.createObjectURL(), που δίνει στον browser ένα τοπικό blob URL. Ένα HTMLImageElement αποκωδικοποιεί το αρχείο εξ ολοκλήρου στην καρτέλα — τα bytes της εικόνας δεν φεύγουν ποτέ από τη συσκευή σας.
  2. 2
    Τα Pointer Events οδηγούν την επιλογή περικοπής
    Το Pointer Events API του browser (που ενοποιεί ποντίκι, αφή και γραφίδα) παρακολουθεί τα συρσίματα σε ένα overlay του canvas. Πάτημα έξω από την επιλογή ξεκινά νέο ορθογώνιο· πάτημα μέσα τη μετακινεί· πάτημα κοντά στην κάτω δεξιά γωνία αλλάζει το μέγεθός της. Προαιρετικές προεπιλογές αναλογίας (1:1, 16:9, 4:3 κ.λπ.) περιορίζουν τη γεωμετρία κατά το σύρσιμο.
  3. 3
    Το Canvas σχεδιάζει τη ζωντανή προεπισκόπηση
    Σε κάθε αλλαγή περικοπής, το Canvas 2D context σχεδιάζει ξανά την εικόνα, εφαρμόζει σκούρο overlay έξω από την επιλογή, καθαρίζει την περιοχή περικοπής για να δείξει την αρχική εικόνα σε πλήρη πιστότητα και επικαλύπτει πλέγμα κανόνα των τρίτων και μια πετρόλ λαβή αλλαγής μεγέθους.
  4. 4
    Το toBlob() κωδικοποιεί και παραδίδει το αποτέλεσμα
    Όταν κάνετε κλικ στην Περικοπή, δημιουργείται νέο canvas εκτός οθόνης με τις ακριβείς διαστάσεις περικοπής. Το ctx.drawImage() αντιγράφει μόνο το επιλεγμένο ορθογώνιο και το canvas.toBlob() κωδικοποιεί το αποτέλεσμα με τον εγγενή κωδικοποιητή JPEG, PNG ή WebP του browser στην ποιότητα που επιλέξατε. Η έξοδος επιστρέφεται ως τοπικό blob URL για λήψη.

Η εικόνα σας ανοίγει ως τοπικό blob URL και επεξεργάζεται εξ ολοκλήρου μέσα στην καρτέλα του browser — τίποτα δεν μεταφορτώνεται σε διακομιστή σε κανένα σημείο.

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

Συχνές ερωτήσεις