როგორ შევკუმშოთ SVG ფაილები.

გახსენით SVG კომპრესორი და აირჩიეთ SVG ფაილი ან სცადეთ ნიმუში. ნიმუში არის svg-compressor.svg, 985-ბაიტიანი ორბიტის ნიშანი 512 × 512 viewBox-ით, გრადიენტური შევსებით, სათაურით და აღწერით. გამოიყენეთ ჩასმა SVG, როდესაც მარკირება უკვე რედაქტორში ან ბუფერშია.

ინსტრუმენტი იღებს 20-მდე ფაილს, თითოეული 2 მბ ზომის. ის აანალიზებს სრულ SVG დოკუმენტს და შლის სტანდარტულ SVG დოკუმენტის დეკლარაციებს გარე ფაილების ჩატვირთვის გარეშე. არასწორად ფორმირებული XML, მორგებული ერთეულის დეკლარაციები და შიდა დოკუმენტის ქვეჯგუფები უარყოფილია. ძალიან რთულმა ფაილებმა შეიძლება ასევე მიაღწიონ ელემენტის ან დამუშავების დროის ლიმიტს.

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

ორი გადახედვის პანელი აჩვენებს გასუფთავებულ ორიგინალს და ოპტიმიზებულ შედეგს. ზომები ორიგინალისა და ოპტიმიზებულის გვერდით და ბაიტების შეჯამება ადარებს წყარო ფაილს დასრულებულ გამომავალს. ის აცნობებს ზრდას, როდესაც ოპტიმიზაცია კონკრეტულ ფაილს უფრო დიდს ხდის, ნაცვლად იმისა, რომ ყოველ ჯერზე შემცირებას დაჰპირდეს.

გახსენით პარამეტრები და დააყენეთ ათობითი სიზუსტე 2-ზე მაგალითისთვის. სიზუსტე მერყეობს 1-დან 5-მდე და იწყება 3-ით. დაბალმა მნიშვნელობებმა შეიძლება გაამარტივოს რიცხვითი გეომეტრია, მაგრამ შეიძლება გადაანაცვლოს წვრილი მრუდები, მცირე ხარვეზები ან გასწორებული კიდეები. გაზარდეთ ის, როდესაც გადახედვა კარგავს მნიშვნელოვან დეტალებს.

ეს ნიმუში იყენებს მარტივ გეომეტრიას, ამიტომ 2 სიზუსტე ინარჩუნებს მის ცნობად ფორმას. სხვა SVG-ები რთული ათობითი კოორდინატებით შეიძლება უფრო მეტად შეიცვალოს. ოპტიმიზებული SVG მარკირების ნახვა აჩვენებს რეალურ ტექსტს, რომელიც ჩამოიტვირთება; ეს არ არის ორიგინალის ცალკე წარმოდგენა.

დატოვეთ „ხელმისაწვდომი სათაურებისა და აღწერილობების შენარჩუნება“ ჩართული სამუშაო მაგალითისთვის. ეს ინარჩუნებს SVG სათაურს და აღწერას, ხოლო შლის ზედმეტ რედაქტორის მეტამონაცემებს და ამარტივებს შესაბამის მარკირებას. ეს არის ინფორმაციის სხვადასხვა სახეობა და არ უნდა იქნას განხილული როგორც ურთიერთშემცვლელი.

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

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

აირჩიეთ დაწყება, შემდეგ გადმოწერა. დამუშავებული გამომავალი არის 635 ბაიტი 985-ბაიტიან წყაროსთან შედარებით: 35.5%-იანი შემცირება. მისი სათაური და აღწერა რჩება, ხოლო ნაჩვენები შედარება რენდერდება ნამდვილი წყაროდან და გადმოწერილი SVG-დან.

სტატია ორივე ვექტორს 1,024 პიქსელზე გამოსახავს შედეგის მკაფიო ილუსტრაციისთვის; მათი ლოგიკური კოორდინატების ზომა რჩება 512 × 512. უფრო დიდი გადახედვა არ ამატებს რასტრულ შიგთავსს შენახულ SVG-ს. შეამოწმეთ რეალური ვექტორი თქვენს დანიშნულების გვერდზე არსებული პროდუქციის აქტივის ჩანაცვლებამდე.

ერთი ფაილი ჩამოიტვირთება როგორც SVG თავისი ორიგინალი სახელით. პარტია ჩამოიტვირთება როგორც ერთი ZIP ფაილი, დუბლიკატი ფაილების სახელებისთვის დანომრილი სუფიქსებით. დამუშავება ხდება ბრაუზერში. შეინახეთ ორიგინალი წყარო, თუ მოგვიანებით ოპტიმიზაციის სხვადასხვა პარამეტრების მოსინჯვა გსურთ.