სურათის ზომის შემცვლელი უფასოდ

როგორ მუშაობს

ზომის შეცვლა მთლიანად თქვენს ბრაუზერში ხდება Canvas API-ის გამოყენებით — იგივე რენდერის ძრავით, რომელიც Chrome-შია, Firefox-სა და Safari-შია ჩაშენებული. თქვენი სურათი იხატება ეკრანს გარეთ არსებულ canvas-ზე ახალი ზომებით და ლოკალურად ხელახლა კოდირდება; არაფერი ტოვებს თქვენს მოწყობილობას.

1. 1
   სურათი დეკოდირებულია ბრაუზერის მიერ

   ფაილის ჩაგდებისას ან არჩევისას, ბრაუზერი დეკოდირებს სურათს (JPEG, PNG, WebP, AVIF ან GIF) დაუმუშავებელ პიქსელურ მონაცემებად, HTMLImageElement-ის მეშვეობით. ორიგინალი პიქსელური განზომილებები იკითხება და გამოიყენება სიგანისა და სიმაღლის ველების წინასწარ-შესავსებად.
2. 2
   Canvas ხელახლა ხატავს ახალ ზომაზე

   „ზომის შეცვლაზე“ დაწკაპუნება აყენებს ეკრანს-მიღმა HTMLCanvasElement-ს თქვენ მიერ არჩეულ სიგანესა და სიმაღლეზე, შემდეგ იძახებს ctx.drawImage()-ს, ყოველი პიქსელის ახალ განზომილებებზე მასშტაბირებისა და შეღებვისთვის. JPEG გამომავალისთვის, ჯერ თეთრი ფონის შევსება გამოიყენება, რომ გამჭვირვალე უბნები შავად არ გახდეს.
3. 3
   canvas.toBlob() ჰკოდირებს გამომავალს

   ბრაუზერის ჩაშენებული canvas.toBlob() მეთოდი პიქსელურ მონაცემებს ჰკოდირებს JPEG, PNG ან WebP-ად, თქვენ მიერ დაყენებულ ხარისხის დონეზე. თუ სამიზნე ფაილის ზომას მიუთითეთ, 7-იტერაციული ორობითი ძებნა ავტომატურად არეგულირებს ხარისხის პარამეტრს, სანამ გამომავალი ამ ზომას არ დაეტევა.
4. 4
   შედეგი გადაიხედება და ლოკალურად ჩამოიტვირთება

   კოდირებული Blob-ი ობიექტის URL-ად იქცევა გადახედვის პანელისთვის — სერვერთან ურთიერთქმედების გარეშე. „ჩამოტვირთვაზე“ დაწკაპუნება იწყებს ლოკალურ შენახვას, ფაილის სახელით, რომელიც საბოლოო პიქსელურ განზომილებებს შეიცავს.

დაკავშირებული ინსტრუმენტები