ავტორისგან: SVG სურათები არ არის ისეთი გავრცელებული, როგორც ჩვენი საყვარელი რასტრული ფორმატები, PNG და JPG, მაგრამ ვექტორული გრაფიკის უპირატესობები სულ უფრო მეტ დიზაინერს იზიდავს. დიზაინერები სულ უფრო ხშირად იყენებენ ვექტორულ გრაფიკას თავიანთ პროექტებში. ადრე ჩვენ გვიწევდა დესკტოპის აპლიკაციების ჩამოტვირთვა, როგორიცაა Adobe Illustrator და Inkscape, მაგრამ 2017 წელს ჩვენ შეგვიძლია შევქმნათ ვექტორული გრაფიკა ბრაუზერის დატოვების გარეშე. თუ თქვენ ეძებდით უფასო SVG რედაქტორს, შეგიძლიათ დაიწყოთ ამ ექვსი უფასო ინსტრუმენტით.

ვექტრ

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

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

შეცდომები შეიძლება მოხდეს Vectr-ში რთული ილუსტრაციების ჩატვირთვისას (რუქები ან დეტალური დიაგრამები). რედაქტორი ყოველთვის არ უმკლავდება რთულ გრაფიკას კარგად. თუმცა, უფრო მარტივი SVG-სთვის (ხატები, ლოგოები და ა.შ.) ეს რედაქტორი საკმარისი იქნება.

JavaScript. სწრაფი დაწყება

თუ ონლაინ ვერსიას არ გააჩნია თქვენთვის საჭირო ფუნქციები, შეგიძლიათ ჩამოტვირთოთ აპლიკაციის დესკტოპის ვერსია. რედაქტორი ხელმისაწვდომია Windows, Mac, Linux და Chromebook-ისთვის.

Vectr-ის ყველაზე მაგარი მახასიათებელია ის, რომ თქვენ შეგიძლიათ დააკავშიროთ და ჩასვათ სურათები პირდაპირ Vectr საიტიდან, რაც მას ეფექტურ SVG ჰოსტად აქცევს. ბევრი სერვისი ბლოკავს SVG ფაილების ჩამოტვირთვას, ასე რომ, ეს სერიოზული პლიუსია. თქვენ შეგიძლიათ აჩვენოთ SVG სურათები Vectr-დან დისტანციურ საიტებზე, როგორიცაა WP, Medium, Tumblr და ა.შ., რომლებიც ბლოკავს SVG პირდაპირ დატვირთვას, მაგრამ იძლევა დისტანციურად ჩვენების საშუალებას.

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

ამ მიზნით, Vectr-მა ახლახან გამოუშვა რედაქტორის ვერსია ფორმაში მოდული WP-სთვის.

RollApp

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

RollApp-ის გამოსაყენებლად გჭირდებათ ანგარიში. შეგიძლიათ დაარეგისტრიროთ ახალი ან შეხვიდეთ Google-ის, Facebook-ის, Amazon-ის გამოყენებით. ძალიან მოსახერხებელია, მეზიზღება ათასობით ახალი ანგარიშის შექმნა მხოლოდ აპის სანახავად.

Inkscape საუკეთესოდ! ეჭვგარეშეა, RollApp არის ყველაზე მდიდარი პროგრამა სიაში. თქვენ სიტყვასიტყვით იყენებთ Inkscape-ს თქვენს ბრაუზერში! მე არ შევადარე ყველა დეტალი, მაგრამ როგორც ჩანს, ამ აპს აქვს Incscape-ის ყველა ფუნქცია, როგორიცაა შრეები, ობიექტები, ტექსტი, ბილიკები, ფილტრები, ეფექტები, გაფართოებები და ა.შ.

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

BoxySVG

თუ დიდი ხანია კითხულობთ SitePoint-ს, უნდა იცოდეთ რედაქტორი BoxySVG, რადგან ბოლო 12 თვის განმავლობაში ჩვენ უკვე ვისაუბრეთ მასზე. მე არ გავაკეთებ დეტალურ მიმოხილვას, რადგან ეს უკვე გაკეთდა ამ სტატიას.

JavaScript. სწრაფი დაწყება

ისწავლეთ JavaScript-ის საფუძვლები ვებ აპლიკაციის შექმნის პრაქტიკული მაგალითით.

მთავარია, რომ Alex-ის მიმოხილვის შემდეგ, BoxySVG-მ დაამატა კოდის ინსპექტორი, რაც მას ერთ-ერთ ყველაზე აქტუალურ SVG ინსტრუმენტად აქცევს ვებ დეველოპერებისთვის.

ჯანვას

ორიოდე წლის წინ ჯანვასიყო ძალიან პოპულარული SVG რედაქტორი. სამწუხაროდ, ეს რედაქტორი არ არის შემუშავებული ცოტა ხნის წინ, მაგრამ მაინც მუშაობს. ქსელი წინ მიიწევს, მაგრამ ჯანვასი სტაგნაციაშია, ამიტომ ინტერესი მის მიმართ გაქრა. ალექსი SitePoint-დან ცოტა მუშაობდა ამ ხელსაწყოთთან 2013-14 წლებში (ფასიანი ვერსიის ჩათვლით) და გარკვეული პერიოდის განმავლობაში პასუხობდა კითხვებსაც კი Google+-ის გვერდზე. ჯანვასი საკმაოდ ძლიერი იარაღი იყო.

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

კარგი ამბავია - ახალი ვერსია გამოვა Chrome-ის აპლიკაციის სახით. ვიმედოვნებთ, რომ ისინი მოაგვარებენ პრობლემებს.

DrawSVG

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

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

SVG-რედაქტირება

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

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

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

დასკვნა

გარდა ამ 6 SVG რედაქტორისა, არის სხვებიც, მაგრამ რამდენიმე გვთავაზობს უფრო მეტ ფუნქციონირებას, ვიდრე ზემოთ ნაჩვენები ხუთი.

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

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

რედაქტორის რეიტინგი:

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

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

1.

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

2.

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

კიდევ ბევრი მახასიათებელია, რომლებიც განსხვავდება სხვადასხვა ელემენტებით, რომლებსაც გამოიყენებთ SVG ფაილის რედაქტირებისას.

3.

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

4.

მეორე ბოლო SVG რედაქტორი სიაში არის . ეს საშუალებას გაძლევთ გახსნათ SVG ფაილი კომპიუტერიდან, ასევე OpenClipart RSS არხის საშუალებით. ფაილის გახსნისას, მარცხენა მხარეს ნახავთ სხვადასხვა ელემენტებს, რომლებიც გამოიყენება SVG ფაილის შესაქმნელად. ფაილის შინაარსის როტაციისა და მასშტაბირების/შემცირების კონტროლი განთავსებულია ზედა მარჯვენა მხარეს. ყველა სხვა პარამეტრზე წვდომა შესაძლებელია ელემენტზე მაუსის მარჯვენა ღილაკით. ეს პარამეტრებია გეომეტრიის რედაქტირება, ტრანსფორმაციის რედაქტირება, ელემენტ(ებ)ის წაშლა და თვისებები.

5.

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

ეს იყო 5 უფასო ონლაინ SVG რედაქტორი, რომელიც შეგიძლიათ გამოიყენოთ SVG ფაილების მარტივად სანახავად და რედაქტირებისთვის. სცადეთ ისინი, რომ ნახოთ რომელი შეესაბამება თქვენს საჭიროებებს საუკეთესოდ.

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

ადრე, SVG სურათებთან მუშაობისთვის, თქვენ უნდა დააინსტალიროთ ერთ-ერთი სპეციალიზებული დესკტოპის გადაწყვეტა, როგორიცაა Adobe Illustrator ან Inkscape თქვენს კომპიუტერში. ახლა მსგავსი ინსტრუმენტები ხელმისაწვდომია ონლაინ რეჟიმში, ჩამოტვირთვის გარეშე.

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

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

მეთოდი 1: ვექტრ

გააზრებული ვექტორული რედაქტორი ნაცნობი Pixlr სერვისის შემქმნელებისგან. ეს ინსტრუმენტი სასარგებლო იქნება როგორც დამწყებთათვის, ასევე გამოცდილი მომხმარებლებისთვის SVG-თან მუშაობისას.

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

ექსპორტის შესაძლებლობები ასევე მოიცავს Vectr-ის ერთ-ერთ ყველაზე გამორჩეულ მახასიათებელს: რედაქტორში SVG პროექტის პირდაპირი ბმულების მხარდაჭერას. ბევრი რესურსი არ გაძლევთ საშუალებას პირდაპირ გადმოწეროთ ვექტორული სურათები, მაგრამ მაინც დაუშვით მათი დისტანციური ჩვენება. ამ შემთხვევაში, Vectr შეიძლება გამოყენებულ იქნას როგორც ნამდვილი SVG ჰოსტინგი, რომელსაც სხვა სერვისები არ დაუშვებს.

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

მეთოდი 2: Sketchpad

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

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

მეთოდი 3: მეთოდის გათამაშება

ეს ვებ აპლიკაცია შექმნილია ვექტორული ფაილებით ძირითადი ოპერაციებისთვის. გარეგნულად, ინსტრუმენტი წააგავს დესკტოპის Adobe Illustrator-ს, მაგრამ ფუნქციონალური თვალსაზრისით, აქ ყველაფერი ბევრად უფრო მარტივია. თუმცა, Method Draw-საც აქვს გარკვეული მახასიათებლები.

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

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

მეთოდი 4: Gravit Designer

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

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

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

მთელი ეს მრავალფეროვნება "შეფუთულია" თანამედროვე და ინტუიციურ ინტერფეისში, ისე, რომ ნებისმიერი ინსტრუმენტი ხელმისაწვდომია მხოლოდ რამდენიმე დაწკაპუნებით.

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

მეთოდი 5: იანვასი

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

გამოცდილი ხელებით, ეს რედაქტორი მართლაც ძლიერი ინსტრუმენტია, ხოლო დამწყები, ყველა სახის ფუნქციის სიმრავლის გამო, სავარაუდოდ, უბრალოდ ვერ გაიგებს რა არის.

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

მეთოდი 6: DrawSVG

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

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

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

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

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

მაგრამ კითხვა არ ეხება მხოლოდ ზომასა და ხარისხს - ვებ გვერდის დიზაინის შემუშავება აღმოჩნდება საკითხი, რომელიც მოითხოვს დიზაინერს იცოდეს მრავალფეროვანი ტექნოლოგიებისა და პროგრამული პროდუქტების ფართო სპექტრი, რადგან სხვადასხვა ტიპის გრაფიკული ინფორმაციისთვის აუცილებელია. გამოიყენონ სხვადასხვა ფაილის ფორმატები და სხვადასხვა ტექნოლოგიები მათი შესაქმნელად. სტატიკური გრაფიკისთვის გამოიყენება GIF, JPG ან PNG ფორმატები, რომლებიც შეიძლება შეიქმნას სხვადასხვა გრაფიკულ პაკეტებში. ანიმაციური ობიექტებისთვის გამოიყენება ანიმაციის GIF და Flash ფორმატები და ასეთი ობიექტები განვითარებულია სპეციალიზებულ პროგრამულ აპლიკაციებში (სპეციფიკური თითოეული ამ ტიპის ფორმატებისთვის). ინტერაქტიული ელემენტები (გადაბრუნება, ImageMap ბმულები და ა.შ.) ასევე, როგორც წესი, იქმნება სპეციალიზებულ აპლიკაციებში და წარმოადგენს გრაფიკული სურათების ერთობლიობას, რომელთა შორის კავშირი იქმნება ფაილში HTML კოდით, რომელიც ავსებს მათ.

ამ პრობლემების წარმატებული გადაწყვეტა შეიძლება იყოს SVG (Scalable Vector Graphics scalable vector graphics) გრაფიკულ ფორმატზე გადასვლა, რომელიც დაფუძნებულია XML ენაზე, რომლის წყალობითაც ნებისმიერი SVG გამოსახულება შეიძლება იყოს წარმოდგენილი ბრძანების ხაზების ნაკრებით (ნახ. 1). და თავად SVG ფაილის გახსნა შესაძლებელია ნებისმიერ ტექსტურ რედაქტორში, მათ შორის Notepad-ში. ეს შედარებით ახალი ტექნოლოგია თავდაპირველად შეიქმნა Adobe-ის მიერ სპეციალურად ვებისთვის, დღეს კი დიდ ინტერესს იწვევს მობილური მოწყობილობებისთვის, რაც უზრუნველყოფს მაღალი ხარისხის სტატიკური, ანიმაციური და ინტერაქტიული გრაფიკის შექმნას. ამიტომ, გასაკვირი არ არის, რომ მას აქტიურად უჭერს მხარს W3C კონსორციუმი (http://www.w3.org/Graphics/SVG) 2003 წელს, SVG 1.1 სტანდარტი მიღებული იქნა W3C-ის მიერ რეკომენდაციის სახით, და სპეციფიკაცია არის ამჟამად ვითარდება SVG 1.2 (http://www.w3.org/TR/SVG12/).

შესაბამისი სურათით

SVG ტექნოლოგია საშუალებას გაძლევთ დააკავშიროთ ტექსტი, გრაფიკა, ანიმაცია და ინტერაქტიული კომპონენტები ერთ ფორმატში და დაფუძნებულია სამ ტიპის გრაფიკულ სურათზე: ვექტორული ფორმები, სურათები და ტექსტი. ფორმები, როგორც ჩვეულებრივ ვექტორულ გრაფიკაშია, წარმოდგენილია ან მართკუთხა და მრუდი კონტურებით, ან გრაფიკული პრიმიტივით (მართკუთხედები, ელიფსები და ა.შ.), ხოლო ნახატები არის იმპორტირებული რასტრული გამოსახულებები. გარდა ამისა, SVG ფორმატი მხარს უჭერს სხვადასხვა ტიპის ანიმაციურ (გახსოვთ GIF და Flash ანიმაციას) და ინტერაქტიულ ობიექტებს, როგორიცაა გადახვევები, ბმული რუქები და ნავიგაციის სხვა ელემენტები. და რადგან ეს სტანდარტი დაფუძნებულია XML ენაზე, SVG ფაილი ვიზუალური ჩვენებისთვის განკუთვნილ ელემენტებთან ერთად ასევე შეიძლება შეიცავდეს სხვადასხვა მეტამონაცემებს.

SVG ფორმატის გამოყენების დადებითი და უარყოფითი მხარეები

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

• სურათების მაღალი ხარისხი, მიუხედავად მათი ზომისა, რაც აიხსნება SVG ფორმატის ვექტორული ბუნებით. გამოსახულება შეიძლება განუსაზღვრელი ვადით შემცირდეს ან გადიდდეს ხარისხის დაკარგვის გარეშე (ნახ. 2) დისპლეის ზომის შესაბამისად, რაც საშუალებას გაძლევთ მიიღოთ გრაფიკული ინფორმაციის მაღალი ხარისხის სურათები სხვადასხვა ტიპის მოწყობილობებზე (დესკტოპები, ჯიბის კომპიუტერები და ა.შ.). ), და ასევე შესაძლებელს ხდის უფრო ფრთხილად შეისწავლოს ცალკეული დეტალები, რაც მნიშვნელოვანია, მაგალითად, ტექნიკურ ნახაზებთან მუშაობისას;
• ფაილის გაცილებით მცირე ზომა GIF, JPG, PNG და ანიმაციური GIF ფორმატებთან შედარებით და მით უმეტეს Flash ფორმატთან შედარებით. მაგალითად, თუ LZW შეკუმშვის რეჟიმში შეკუმშული სტატიისთვის შემოწმებული GIF ფაილი იყო 26 კბ, მაშინ შესაბამისი SVG ფაილის ზომა აიღო 1220 ბაიტი, ხოლო SVGZ ფორმატში შეკუმშვისას მხოლოდ 685 ბაიტი.

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

ასე რომ, დეველოპერებისთვის მნიშვნელოვანი უპირატესობებია:

• სტატიკური, ანიმაციური და ინტერაქტიული ელემენტების ერთ ფორმატში გაერთიანების შესაძლებლობა, ასევე ვექტორული და რასტრული ობიექტების კომბინაცია;
• გაუმჯობესებული ტექსტის დამუშავება, მათ შორის kerning, curved ტექსტი და შეუზღუდავი შრიფტის გამოყენება;
• ფერის სიზუსტის უფრო ეფექტური კონტროლი და ვებ სურათებში მაღალი გარჩევადობის გრადიენტური შევსების, ჩრდილების, ფილტრების და ა.შ. გამოყენების ფართო შესაძლებლობები;
• SVG ფორმატის ტექსტური ხასიათი და კასკადური სტილის ფურცლების მხარდაჭერა, რაც მნიშვნელოვნად ამარტივებს ვებსაიტის განახლების პროცესს და საჭიროების შემთხვევაში საშუალებას აძლევს მასში ცვლილებები შეიტანოს სპეციალური პროგრამების გამოყენების გარეშე;
• XML (Extensible Markup Language) და CSS (Cascading Style Sheets) სტანდარტებზე აგებულ მონაცემთა ბაზებთან ინტეგრაცია, რაც საშუალებას გაძლევთ შეინახოთ SVG სურათები მონაცემთა ბაზაში და შექმნათ დინამიური ვებ გვერდები მათი გამოყენებით - განსხვავებული სხვადასხვა პლატფორმისთვის, პერსონალური პარამეტრებისთვის და ა.შ. დ. ;
• ინდექსირების პრობლემები არ არის SVG ფაილები ინდექსირებულია ნებისმიერი საძიებო სისტემით (განსხვავებით, მაგალითად, SWF ფაილებისგან).

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

თუმცა, როგორც ყოველთვის, უპირატესობებთან ერთად, SVG ტექნოლოგიას ასევე აქვს უარყოფითი მხარეები და ძალიან სერიოზული.

• SVG სურათებს ინტერნეტ ბრაუზერის მწარმოებლები ცუდად უჭერენ მხარს. შედეგად, ბრაუზერიდან SVG გრაფიკის სანახავად, მომხმარებლები იძულებულნი არიან დამატებით დააინსტალირონ მესამე მხარის მოდული, რომელიც უზრუნველყოფს ამ შესაძლებლობას, მაგალითად SVG Viewer Adobe-დან. თეორიულად, ეს არ არის რთული შესაბამისი დანამატები არის მარტივი ინსტალაცია, უფასო, მცირე ზომის და მათი სწრაფად ჩამოტვირთვა შესაძლებელია ინტერნეტიდან. პრაქტიკაში, ყველაფერი გაცილებით რთულია, რადგან ინტერნეტის მომხმარებელთა უმეტესობამ არ იცის ამ შესაძლებლობების არსებობის შესახებ და, შესაბამისად, არ შეუძლია ამ ტიპის გრაფიკის ნახვა, ის უბრალოდ არ ჩანს. თუმცა, სიტუაცია თანდათან იცვლება და გასულ წელს ორმა წამყვანმა ვებ ბრაუზერის დეველოპერმა შემოიღო SVG ფორმატის მხარდაჭერა. გაზაფხულზე Opera Software-მა გამოუშვა Opera ბრაუზერის მე-8 ვერსია, რომელიც მხარს უჭერს SVG 1.0 Tiny-ს; Opera 9.0 ვერსიაში, რომელიც ცოტა მოგვიანებით გამოჩნდა, განხორციელდა SVG 1.0 Basic ფორმატის ნაწილობრივი მხარდაჭერა. მეორე დეველოპერი, რომელიც მოიცავს SVG-ს მხარდაჭერას, იყო Mozilla-ს ორგანიზაცია Mozilla SVG პროექტის მოდული, რომელიც უზრუნველყოფს 1.1 სპეციფიკაციის SVG გრაფიკის ნახვას, შედის მის Firefox 1.5 ბრაუზერში. გარდა ამისა, 2005 წლის შუა რიცხვებში, Safari ბრაუზერის დეველოპერებმა, რომლებიც მუშაობენ Mac OS X-ზე მომუშავე კომპიუტერებზე, დაიწყეს აქტიური მუშაობა SVG 1.1-ის მხარდაჭერის დანერგვის მიზნით;
• სხვა გრაფიკულ ფორმატებთან შედარებით, SVG ფორმატი ჯერ კიდევ ცუდად არის მხარდაჭერილი გრაფიკული პროგრამული უზრუნველყოფის შემქმნელების მიერ, თუმცა წამყვანი გრაფიკული პაკეტები, როგორიცაა Adobe Illustrator, Corel DRAW და ა.შ. გაძლევთ საშუალებას გრაფიკის ექსპორტი SVG ფაილებში. რა თქმა უნდა, SVG ფაილების შექმნა შესაძლებელია ნებისმიერ ტექსტურ რედაქტორში, მაგრამ ეს არ არის პრაქტიკული განვითარების სიჩქარისა და ღირებულების თვალსაზრისით. საჭიროების შემთხვევაში მოსახერხებელია ფაილის რედაქტირება ტექსტურ რედაქტორში (რაც, სხვათა შორის, შესაძლებელია მხოლოდ იმ შემთხვევაში, თუ თქვენ გაქვთ ღრმა ცოდნა XML ტექნოლოგიის შესახებ), მაგრამ მისი ნულიდან შექმნა უგუნურია, რადგან ეს მოითხოვს ზედმეტ დროს და ძალისხმევას. ამისათვის ჩვენ გვჭირდება მარტივი და მოსახერხებელი ხელსაწყოები გრაფიკის სწრაფი ვიზუალური განვითარებისთვის Scalable Vector Graphics ფორმატში, იმავე გარემოში გამოსახულების შესაბამისი პროგრამის კოდის რედაქტირების შესაძლებლობით, მაგრამ ასეთი პროდუქტები ძალიან ცოტაა და ისინი არ არიან. კარგად ცნობილი.

შედეგად, წარმოიქმნება ძალიან სამწუხარო სიტუაცია: ბევრ მომხმარებელს ჯერ არ შეუძლია ნახოს SVG გრაფიკა ვებ ბრაუზერებში სათანადო დონეზე მხარდაჭერის არარსებობის გამო, ვებ დეველოპერები პრაქტიკულად არ ავითარებენ SVG გრაფიკას, რაც არ უნდა მიმზიდველი იყოს ისინი. და პროგრამული უზრუნველყოფის შემქმნელები არ აინტერესებენ ვებ დიზაინერებს სხვადასხვა აპლიკაციებით, რომლებიც სპეციალურად SVG-ზეა ორიენტირებული. შედეგი არის მოჯადოებული წრე: ”თუ არ არის კონტენტი, მაშინ ხალხს არ სჭირდება SVG დანერგვა და თუ არ არის დანერგვა, მაშინ არ არის შინაარსი” ზუსტად ასე აღწერეს სიტუაცია ერთ-ერთ W3C კონსორციუმში. შეხვედრები.

მაგრამ თქვენ შეგიძლიათ შეხედოთ სიტუაციას მეორე მხრიდან: ორი პოპულარული ინტერნეტ ბრაუზერის მიერ SVG-ის მხარდაჭერა (თუმცა ჯერ არ არის სრულად), ისევე როგორც ცნობილი დეველოპერების ტექნოლოგიისადმი ინტერესი, ვარაუდობს, რომ "ყინული გატეხილია" და რომ SVG-ს აქვს რეალური შანსი გახდეს ვებ ინფორმაციის წარმოდგენის ერთ-ერთი პოპულარული ფორმატი. ეს შანსი იზრდება SVG ტექნოლოგიისადმი მზარდი ინტერესის გამო მობილურ მოწყობილობებთან მიმართებაში, სადაც სურათის ზომისა და ხარისხის მოთხოვნები გაცილებით მაღალია. Opera Software, მაგალითად, გეგმავს ჯერ დანერგოს SVG ფორმატის სრული მხარდაჭერა დესკტოპებზე და მხოლოდ ამის შემდეგ გადაიტანოს იგი მობილურ პლატფორმებზე. ამიტომ, დროა ვებ დიზაინერებმა იფიქრონ SVG-ის გამოყენებაზე, წინააღმდეგ შემთხვევაში ისინი რისკავს დარჩენას უახლოეს მომავალში.

დანამატები SVG გრაფიკის სანახავად

როგორც უკვე აღვნიშნეთ, ახლა მომხმარებელთა უმეტესობას მოუწევს გამოიყენოს ერთ-ერთი შესაფერისი დანამატი SVG გრაფიკის სრულად სანახავად ინტერნეტ ბრაუზერის ფანჯარაში, რომელთაგან ყველაზე ცნობილია უფასო Adobe SVG Viewer და Corel SVG Viewer მოდულები. პირველი მათგანი, Adobe SVG Viewer, გამოდის ცალკე აპლიკაციის სახით, არის კომპაქტური და მოსახერხებელი, მუშაობს სხვადასხვა პლატფორმაზე, მხარს უჭერს ინტერნეტ ბრაუზერების დიდ რაოდენობას და, შესაბამისად, ბევრად უფრო პოპულარულია მომხმარებლებს შორის. Corel SVG Viewer აპლიკაცია შედის Corel Smart Graphics Studio პაკეტში, მაგრამ ასევე ხელმისაწვდომია უფასოდ.

არსებობს სხვა ვარიანტები SVG გრაფიკის სანახავად, შეგიძლიათ გამოიყენოთ შესაბამისი მოდულები Amaya-დან (http://www.w3.org/Amaya/), Apache Batik (http://xml.apache.org/); batik) პაკეტები, KDE KSVG (http://www.kde.org) და ა.შ. აპლიკაციების სრული სია, რომლებიც უზრუნველყოფენ SVG სურათების ნახვას, მოცემულია აქ: http://wiki.svg.org/Viewer_Implementations.

Adobe SVG Viewer

შემქმნელი: Adobe Systems, Inc.

განაწილების ზომა: 2.25 მბ

განაწილების მეთოდი:უფასო პროგრამა (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)

ფასი:უფასოდ

მუშაობა კონტროლის ქვეშ: Windows 95/98/Me/NT/2000/XP, Mac OS 8.6/9/X, Linux, Solaris

ბრაუზერის მხარდაჭერა: Internet Explorer 4.0 ან უფრო მაღალი, Netscape Navigator ან Communicator 4.5-დან 4.78-მდე (გარდა 6.x)

Corel SVG Viewer

შემქმნელი: Corel Corp

განაწილების ზომა: 4.9 მბ

განაწილების მეთოდი:უფასო პროგრამა (მოდულის ჩამოტვირთვა შესაძლებელია: http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)

ფასი:უფასოდ

მუშაობა კონტროლის ქვეშ: Windows 98/NT/2000/Me/XP

ბრაუზერის მხარდაჭერა: Microsoft Internet Explorer 5.5 და უფრო მაღალი, Netscape Navigator ან Communicator ვერსიები 4.79, 7.02

პროგრამები SVG გრაფიკის შესაქმნელად

SVG გრაფიკის შესაქმნელად ყველა პროგრამა შეიძლება დაიყოს სამ დიდ ჯგუფად. პირველი მოიცავს პოპულარულ ორგანზომილებიან გრაფიკულ პაკეტებს, რომლებიც ორიენტირებულია ვექტორულ გრაფიკასთან მუშაობაზე და ამავდროულად საშუალებას გაძლევთ გადაიტანოთ სურათები SVG ფორმატში. მათგან ყველაზე პოპულარულია Adobe Illustrator და CorelDRAW; გარდა ამისა, ასეთი ექსპორტი ამა თუ იმ ხარისხით მხარს უჭერს ბევრ სხვა აპლიკაციას: AutoCAD, Microsoft Visio და ა.შ. აპლიკაციების ამ ჯგუფის მთავარი უპირატესობა ის არის, რომ მათ აქვთ მოწინავე ინსტრუმენტები ვექტორული სურათების შესაქმნელად და საშუალებას გაძლევთ მიაღწიოთ უნიკალურ ეფექტებს გამოყენების გზით. გამჭვირვალობის, გრადიენტური შევსების, სხვადასხვა ფილტრების და ა.შ. მაგრამ ეს აპლიკაციები საჭიროებს სერიოზულ სპეციალურ მომზადებას და ამიტომ ძირითადად შექმნილია პროფესიონალი დიზაინერებისთვის. გარდა ამისა, ისინი ძირითადად არ არიან ორიენტირებულნი SVG დიზაინზე (თუმცა ისინი საშუალებას გაძლევთ მიიღოთ გრაფიკა Scalable Vector Graphics ფორმატში) და უზრუნველყოფენ გამოსახულების მოსახერხებელ ვიზუალურ შექმნას და ჩვენებას, ეს აპლიკაციები არ იძლევა მათ ტექსტის კორექტირებას. დონე, რომელიც აქტუალურია SVG- გრაფიკისთვის. ასევე მნიშვნელოვანია, რომ Scalable Vector Graphics ფორმატის მხარდაჭერა მათში სრულად არ არის დანერგილი, რის შედეგადაც ყველა ვექტორული გამოსახულების ელემენტის ექსპორტი შეუძლებელია SVG-ში შეცდომების გარეშე.

პროგრამული პროდუქტების მეორე ჯგუფი შედგება პაკეტებისგან, რომლებიც შექმნილია ექსკლუზიურად SVG გრაფიკის შესაქმნელად. მათ გაცილებით ნაკლები შესაძლებლობები აქვთ ვექტორული გამოსახულების ვიზუალური განვითარების კუთხით, თუმცა მოიცავს ყველა საჭირო ინსტრუმენტს. მაგრამ ისინი უზრუნველყოფენ მოსახერხებელ ინსტრუმენტებს წყაროს კოდის რედაქტირებისთვის და საშუალებას გაძლევთ პარალელურად იმუშაოთ SVG ობიექტებთან, როგორც ვიზუალურად, ასევე კოდის დონეზე, და შეგიძლიათ მარტივად გადახვიდეთ ამ ვარიანტებს შორის ინფორმაციის წარმოდგენისთვის. ამ ჯგუფის ყველა აპლიკაცია ძალიან მარტივი და ხელმისაწვდომია და არ საჭიროებს დიდ დროს სწავლას. გარდა ამისა, მათ აქვთ შედარებით მცირე დისტრიბუცია (პირველი ჯგუფის აპლიკაციებთან შედარებით), ამიტომ მათი შეძენა ინტერნეტის საშუალებით უპრობლემოდ არის შესაძლებელი. თუმცა, ასეთი შესაძლებლობების მქონე პროგრამა ძალიან ცოტაა და ქვემოთ დეტალურად განვიხილავთ მხოლოდ ოთხს, რომლებიც ყველაზე დიდ ინტერესს იწვევს და განკუთვნილია სხვადასხვა კატეგორიის მომხმარებლებისთვის. SVG გრაფიკის შესაქმნელად ხელმისაწვდომი აპლიკაციების სრული სია შეგიძლიათ იხილოთ: http://wiki.svg.org/Design_Tools.

და ბოლოს, მესამე ჯგუფში შეიძლება შევიდეს ნებისმიერი ტექსტური რედაქტორი, მათ შორის ჩვეულებრივი რვეული. როგორც ზემოთ აღინიშნა, Scalable Vector Graphics ფორმატი დაფუძნებულია XML ენაზე, რომელიც საშუალებას გაძლევთ შექმნათ და დაარედაქტიროთ SVG ფაილები ტექსტის დონეზე, საჭიროების შემთხვევაში, ტექსტურ რედაქტორში.

სრული ფუნქციური გრაფიკული აპლიკაციები, რომლებიც საშუალებას გაძლევთ შექმნათ SVG გრაფიკა

Adobe Illustrator CS2

შემქმნელი: Adobe Systems, Inc.

განაწილების ზომა: Macintosh ვერსია 428.9 MB, Windows ვერსია 398.6 MB

განაწილების მეთოდი: shareware (პაკეტის 30-დღიანი დემო ვერსია ხელმისაწვდომია: http://www.adobe.com/products/tryadobe/main.jsp#product=27)

ფასი:$665

მუშაობა კონტროლის ქვეშ: Windows 2000 Service Pack 3-ით ან Windows XP-ით, Mac OS X ვერსიებით 10.2.4-დან 10.2.7-მდე, Java Runtime Environment 1.4.1

მე-9 ვერსიიდან დაწყებული, Adobe Illustrator-მა (ნახ. 3) განახორციელა SVG ფაილების იმპორტი და ექსპორტი და ბევრად უფრო მაღალ დონეზე მსგავს გრაფიკულ აპლიკაციებთან შედარებით. პაკეტი მხარს უჭერს ყველა არსებულ SVG სპეციფიკაციას, ISO 8859-1, UTF-8 და UTF-16 დაშიფვრებს, ტექსტის ექსპორტის სხვადასხვა ვარიანტებს და საშუალებას გაძლევთ ექსპორტის სურათები როგორც ჩვეულებრივი SVG, ასევე შეკუმშული SVGZ ფორმატებში.

მის გარემოში შექმნილ SVG გრაფიკაში შეგიძლიათ გამოიყენოთ გრადიენტები, გამჭვირვალობა, ასევე სპეციალურად შექმნილი SVG ეფექტების მთელი სერია (Effect=>SVG ფილტრები) სხვადასხვა ჩრდილების, ბუნდოვანების და ა.შ. ასეთი ეფექტების მქონე სურათები რჩება. გასუფთავება, როდესაც იხილავთ ვებ ბრაუზერში ნებისმიერი გადიდებით. სტატიკური გრაფიკის გარდა, Illustrator ასევე საშუალებას გაძლევთ შექმნათ ინტერაქტიული გრაფიკა SVG ფორმატში, მოწოდებულია სპეციალური SVG Interactivity პალიტრა (ის შეიძლება გაიხსნას Window=>SVG Interactivity მენიუდან), რომელშიც მოქმედებებია ინტერაქტიული ობიექტებისთვის; მითითებულია. აღსანიშნავია, რომ Illustrator-ში ინტერაქტიულ SVG ელემენტებზე მუშაობა მოითხოვს Java Script-ის ცოდნას და ობიექტზე ორიენტირებული პროგრამირების ძირითადი პრინციპების გააზრებას. გარდა ამისა, ამ პროგრამაში Scalable Vector Graphics ფორმატის გამოყენებით, შეგიძლიათ შექმნათ Dynamic Data-Driven Graphics.

CorelDRAW Graphics Suite 12

შემქმნელი: Corel Corp.

განაწილების ზომატივა: 200 მბ

განაწილების მეთოდი: shareware (დემო ვერსია შეგიძლიათ ჩამოტვირთოთ ონლაინ მაღაზიის საიტებიდან, მაგალითად: http://allsoft.ru/Download.php?ver=17605)

ფასი:$290 (Allsoft.ru)

მუშაობა კონტროლის ქვეშ: Windows NT/2000/XP

პროფესიონალური ვექტორული გრაფიკის შემუშავების ცნობილი აპლიკაცია CorelDRAW (ნახ. 4), რომელიც შედის CorelDRAW Graphics Suite 12-ში, უზრუნველყოფს იმპორტს და ექსპორტს SVG და SVGZ ფორმატებში საბაზისო დონეზე და, შესაბამისად, შეიძლება გამოყენებულ იქნას სტატიკური და ინტერაქტიული შესაქმნელად. SVG გრაფიკა.

SVG ფაილზე CorelDRAW-ში

აპლიკაცია უზრუნველყოფს არაღიარებული მონაცემების, ატრიბუტებისა და მეტამონაცემების მხარდაჭერას და ასევე იძლევა SVG ფაილების გადახედვის შესაძლებლობას ბრაუზერში ექსპორტამდე. გარდა ამისა, Unicode კოდირება შესაძლებელია UTF-8 და UTF-16 კოდირების მეთოდებისთვის და სხვადასხვა ვარიანტებისთვის ტექსტისა და ბიტმაპის სურათების ექსპორტისთვის. უახლესმა ვერსიამ მნიშვნელოვნად გააუმჯობესა სიმბოლოების, ტექსტის, ჩრდილების, კონტურების, ფენების, ჩაშენებული ორობითი სურათების ექსპორტის მხარდაჭერა და ა.შ.

მაიურას გათამაშება 4.3

შემქმნელი:მაიურას პროგრამული უზრუნველყოფა

განაწილების ზომა: 1.3 მბ

განაწილების მეთოდი: shareware (დემო ვერსია http://www.mayuradraw.com/mdraw.zip)

ფასი:$39

მუშაობა კონტროლის ქვეშ: Windows 95/98/Me/NT/2000/XP

Mayura Draw (ნახ. 5) არის ძალიან მარტივი და იაფი ვექტორული გრაფიკის შექმნის პროგრამა, რომელიც შექმნილია ზოგადი მომხმარებლისთვის. მიღებული ვექტორული სურათების ექსპორტი შესაძლებელია SVG ფორმატში, თუ სასურველია, და ამიტომ Mayura Draw შეიძლება იყოს შესაძლო გამოსავალი სტატიკური SVG გრაფიკის შესაქმნელად. პროგრამა მხარს უჭერს ვექტორული გრაფიკის ყველა ძირითად ხელსაწყოს და საშუალებას გაძლევთ მიიღოთ ვექტორული გამოსახულება გრაფიკული პრიმიტივების, ხაზოვანი და მრუდი კონტურების და ტექსტის საფუძველზე. მისი შესაძლებლობების ჩამონათვალში შედის ობიექტების გასწორების, განაწილებისა და ორგანიზების მოსახერხებელი საშუალებები, გამჭვირვალობის მართვა, სახელმძღვანელოების და სახაზავების გამოყენება ობიექტების ზუსტი განთავსებისთვის და სხვადასხვა გარდაქმნების მიზნით.

სპეციალიზებული პაკეტები SVG გრაფიკის შესაქმნელად

EvolGrafiX XStudio 6.1

შემქმნელი: EvolGrafiX

განაწილების ზომა: 7.25 მბ

განაწილების მეთოდი: http://www.evolgrafix.de/htDocs/files/trials/xstudio6x/XStudio6-Trial.exe)

ფასი:$449 კომერციული ლიცენზია, $249 აკადემიური ლიცენზია

მუშაობა კონტროლის ქვეშ: Windows 2000/XP

პროფესიონალური პაკეტი XStudio (ნახ. 6) არის მოსახერხებელი ინსტრუმენტი ვებ და მობილური მოწყობილობებისთვის მრავალფეროვანი SVG გრაფიკის შესაქმნელად და უზრუნველყოფს სრულ კონტროლს როგორც SVG პროექტზე, როგორც მთლიანზე, ასევე ვექტორულ სურათებზე, ანიმაციაზე, სკრიპტებზე და ა.შ. მოსახერხებელი, აქვს ინტუიციური და ადვილად კონფიგურირებადი მომხმარებლის ინტერფეისი, უზრუნველყოფს ინსტრუმენტების ფართო სპექტრს, არის სწრაფი, გაძლევთ საშუალებას შექმნათ SVG გრაფიკა ყველა არსებული სპეციფიკაციით და მხარს უჭერს ყველა Scalable Vector Graphics სტილს. ეს ყველაფერი, პროფესიონალური პაკეტის შედარებით დაბალ ფასთან ერთად, გვაძლევს საშუალებას მივიჩნიოთ ის საუკეთესო პროფესიონალურ გადაწყვეტად. XStudio მოყვება დეტალური დოკუმენტაცია, მხარდაჭერილი გაკვეთილების სერიით და ადვილი შესასწავლია.

ბრინჯი. 6. ვიზუალური გამოსახულების შექმნის კომბინაცია წყაროს კოდის რედაქტირებასთან
EvolGrafiX XStudio-ში

აპლიკაციას აქვს ყველა საჭირო შესაძლებლობა ვექტორული სურათების შესაქმნელად და დამუშავებისთვის და ამ მხრივ ძალიან ჰგავს Adobe Illustrator პაკეტს. ამავდროულად, XStudio ორიენტირებულია უშუალოდ სტატიკური, ინტერაქტიული და ანიმაციური SVG გრაფიკის მომზადებაზე და ამიტომ, ვექტორულ ობიექტებთან მუშაობის კლასიკურ ინსტრუმენტებთან ერთად, მას ავსებს სპეციფიკური SVG შესაძლებლობები. ჩაშენებული Document Object Model (DOM) ხელსაწყოთა პანელი უზრუნველყოფს SVG ობიექტების იერარქიულ წარმოდგენას, მოსახერხებელი XML რედაქტორი საშუალებას გაძლევთ შეასწოროთ საწყისი კოდი ტექსტის დონეზე და სკრიპტის რედაქტორი საშუალებას გაძლევთ შეავსოთ იგი Java სკრიპტებით. კოდთან მუშაობა ძალიან მოხერხებულად არის ორგანიზებული: არჩეული ობიექტის კოდის ფრაგმენტები ავტომატურად მონიშნულია, შესაძლებელია ტექსტის ძიება და სანიშნეების დაყენება და ა.შ. კოდის ნებისმიერი ცვლილება მყისიერად აისახება ვიზუალური ნახვის ფანჯარაში, ხოლო ვიზუალური ცვლილებები აისახება რედაქტორის ფანჯარა.

Inkscape

დეველოპერი: IOSN (International Open Source Network International Open Source Network)

განაწილების ზომა: 8.7 მბ

ფასი:უფასოდ

მუშაობა კონტროლის ქვეშ: Windows 9x/NT/2000/XP, Mac OS X, Linux

Inkscape (ნახ. 7) არის ყველაზე პერსპექტიული ვექტორული რედაქტორი, რომელიც დაფუძნებულია ღია კოდის მოდელზე, რომელიც არის მრავალპლატფორმული და წარმოადგენს მძლავრ ინსტრუმენტს გრაფიკის განვითარებისთვის Scalable Vector Graphics სტანდარტის შესაბამისად. ვექტორულ სურათებთან მუშაობის ფუნქციონალობით, ისევე როგორც ინტერფეისით, Inkscape ძალიან ჰგავს CorelDRAW-ს. იგი მხარს უჭერს ალფა არხებს, ფენებთან მუშაობას, მიედინება ტექსტის გამოყენებას, სანახაობრივი გრადიენტის შევსებას, ფილტრების და ეფექტების დიდ რაოდენობას, სხვადასხვა ტრანსფორმაციას, ბილიკებთან და ობიექტებთან მოსახერხებელ მუშაობას, ობიექტების დაჯგუფებას და მრავალი სხვა. შეგიძლიათ JPEG, PNG და TIFF ფაილებიდან მონაცემების იმპორტი და SVG სურათებში ჩასმა.

ჩაშენებული Inkscape რედაქტორი

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

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

Corel WebDraw

შემქმნელი: Corel Corp

განაწილების ზომა: 15.6 მბ

განაწილების მეთოდი: shareware (30-დღიანი დემო ვერსია http://www5.jasc.com/pub/wdw102ev.exe)

ფასი: 179$ ჩამოტვირთვის ვერსია, 199$ CD ვერსია

მუშაობა კონტროლის ქვეშ: Windows 98/NT4/2000/Me/XP

Corel WebDraw (სურათი 8), უფრო ცნობილი როგორც Jasc WebDraw, არის ყოვლისმომცველი გადაწყვეტა მაღალი ხარისხის SVG გრაფიკისა და ანიმაციების შესაქმნელად, რომელიც მიმართულია პროფესიონალ დიზაინერებზე. და პროგრამის ინტუიციური ინტერფეისი მას მიმზიდველს ხდის მომხმარებელთა ფართო სპექტრისთვის.

აპლიკაცია გთავაზობთ სტანდარტული გრაფიკული ხელსაწყოების ფართო კომპლექტს, რომელიც დამახასიათებელია სრულფასოვანი ვექტორული გრაფიკული აპლიკაციისთვის: ძირითადი ფორმები (ელიფსი, ოთხკუთხედი, ვარსკვლავი და ა.შ.), კალამი, პოლიგონი, პოლიხაზი, ტექსტი და ა.შ. ვექტორულ ობიექტებთან ერთად, WebDraw საშუალებას გაძლევთ შეავსოთ SVG ობიექტები გარე რასტრული სურათებით. გარდა რეგულარული შევსებისა და მზა სტილის გადაფარვისა, შეგიძლიათ გამოიყენოთ რთული გრადიენტები, შევსება, მათ შორის თქვენ მიერ შექმნილი შაბლონები. უფრო ეფექტური სურათების მისაღებად, შეგიძლიათ გამოიყენოთ ფილტრები, როგორც საკმაოდ მარტივი (დაბინდვა და დაჩრდილვა), ასევე რთული (ტექსტურირება და განათება). ბადეები, სახელმძღვანელოები და სახაზავები გეხმარებათ ობიექტების ზუსტად განთავსებაში, ხოლო ჩაშენებული Document Object Model (DOM) ხელსაწყოთა პანელი წარმოგიდგენთ SVG ობიექტებს იერარქიულ ხეში მარტივი მართვისთვის.

WebDraw აღჭურვილია უნივერსალური ანიმაციური სცენარის ხაზით, Animation Timeline, რომელიც აგებულია SVG DOM-ის (დოკუმენტის ობიექტის მოდელის) საფუძველზე, რომელიც საშუალებას გაძლევთ აირჩიოთ და ანიმაციური ნებისმიერი ტიპის ობიექტის თითქმის ნებისმიერი ატრიბუტი ან თვისება. დრო. გადაათრიეთ და ჩამოაგდეთ მექანიზმი საშუალებას გაძლევთ შეცვალოთ ანიმაციის საწყისი და დასასრული წერტილები, ასევე ანიმაციის თითოეული ეტაპის ხანგრძლივობა პირდაპირ ვადებში. იმის გამო, რომ ანიმაციის საკვანძო დროები ჩასმულია ყოველ ჯერზე, როდესაც თქვენ დააყენებთ ანიმაციის პარამეტრებს ობიექტის ატრიბუტისთვის ან თვისებისთვის, ისინი შეიძლება გადავიდეს სცენარის სხვა უბნებზე, რათა ავტომატურად დაარეგულიროთ ანიმაციური ეფექტების განაწილება დროთა განმავლობაში.

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

Sketsa SVG რედაქტორი 3.2.3

შემქმნელი:კიიუტი

განაწილების ზომა: 5.99 მბ

განაწილების მეთოდი: shareware (დემო ვერსია, რომელიც ამატებს ტეგს სურათს, http://www.kuyut.com/products/sketsa/sketsa.zip)

ფასი:$49

მუშაობა კონტროლის ქვეშ: Windows 2000/XP, Java VM (JRE) 1.5 და უფრო მაღალი (http://www.java.com/getjava), UNIX და Linux

Sketsa აპლიკაცია (ნახ. 9) არის ერთ-ერთი ყველაზე პოპულარული SVG რედაქტორი და გაძლევთ საშუალებას შექმნათ პროფესიონალური SVG გრაფიკა, მათ შორის ოპტიმიზაცია SVGZ ფორმატში. პაკეტი წარმატებით აერთიანებს სიმარტივეს და მარტივად გამოყენების ფუნქციების ფართო სპექტრს და თავსებადია Windows, Mac და Linux სისტემებთან.

Sketsa მხარს უჭერს ინსტრუმენტების კლასიკურ კომპლექტს, რომელიც დამახასიათებელია ნებისმიერი ვექტორული აპლიკაციისთვის, რაც საშუალებას გაძლევთ შექმნათ და გარდაქმნათ ნებისმიერი ვექტორული ობიექტი, როგორც კონტურების, ასევე გრაფიკული პრიმიტივებისა და ტექსტის საფუძველზე, რომელიც, სურვილის შემთხვევაში, მარტივად შეიძლება დაემატოს რასტრულ გამოსახულებებს. თქვენ შეგიძლიათ აკონტროლოთ გამჭვირვალობა, გამოიყენოთ გრადიენტური შევსება და ფილტრები. ამ ყველაფერს წარმატებით ავსებს სპეციალიზებული SVG შესაძლებლობები, რომლის წყალობითაც ნებისმიერი სურათის რედაქტირება შესაძლებელია არა მხოლოდ ვიზუალურად, არამედ ტექსტის რეჟიმშიც. SVG კოდის რედაქტირებისთვის, პაკეტი უზრუნველყოფს ჩაშენებულ XML ტექსტურ რედაქტორს. ობიექტების მართვის სიმარტივისთვის, არის ჩაშენებული Document Object Model (DOM) ხელსაწყოთა პანელი, რომელიც არის იერარქიული ხის მსგავსი ობიექტების ნაკრები SVG დოკუმენტში, რომელიც საშუალებას გაძლევთ აირჩიოთ ნებისმიერი დოკუმენტის ობიექტი მისი თვისებების შესაცვლელად.

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

როგორ გავხსნათ SVG ნახაზი?

SVG არის ფორმატი, რომელიც შექმნილია სპეციალურად ინტერნეტისთვის ვებ გვერდზე ვექტორული პრიმიტივების აღსაწერად. რა თქმა უნდა, SVG მაყურებლის პროგრამებს შორის, ფლაგმანები არიან თანამედროვე ბრაუზერები (Opera, Firefox, Chrome, ისევე როგორც IE 9 ვერსიების უახლესი ვერსიები). ბრაუზერები მხარს უჭერენ თითქმის ყველა SVG ელემენტს (ანიმაციისა და ECMAScript-ის ჩათვლით), ხოლო Opera აღწევს 100%-იან მხარდაჭერას.

ცხრილი, რომელიც აჩვენებს SVG მხარდაჭერის დონეს სხვადასხვა ბრაუზერის მიხედვით 2010 წლის ივლისისთვის:

ბრაუზერი	მხარდაჭერის დონე
ოპერა 10.53	95 %
Chrome 4	82 %
Safari 4.0.5	82 %
Firefox 3.6	62 %
Internet Explorer 9 წინა 3	52.55 %

ამ მონაცემებიდან გამომდინარეობს, რომ უმჯობესია გახსნათ SVG ოპერის ბრაუზერის უახლესი ვერსიით. ამ ბრაუზერს აქვს ვერსიები როგორც Windows-ისთვის, ასევე Linux-ისთვის, ამიტომ არავის არ უნდა ჰქონდეს პრობლემა.

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

როგორ დაარედაქტირო SVG სურათი?

SVG არსებობს 1999 წლიდან, მაგრამ დაიწყო აქტიური განვითარება მისი შექმნიდან მხოლოდ მრავალი წლის შემდეგ, მსოფლიოში უმსხვილესი IT კომპანიების მხარდაჭერის წყალობით. ფორმატი შორს არის სიახლისგან, ამიტომ მასთან მუშაობისთვის ნებისმიერი თავმოყვარე პროგრამა უბრალოდ ვალდებულია მხარი დაუჭიროს ამ ფორმატს.

ცხრილი ვექტორული გრაფიკის პროგრამული უზრუნველყოფის სიით, სიის მრავალი ელემენტი მხარს უჭერს SVG-ს:

სახელი	დეველოპერი	ფასი
ავტომატური კვალი	მარტინ ვებერი	უფასო
მარტივი კვალი	Easy Trace Group	1500 €, 750 € განახლება
თავისუფალი ხელი	მაკრომედია	$399, $99 განახლება
ილუსტრატორი	Adobe Systems	$499, $169 განახლება
MagicTracer	ელგორითმები MagicTracer	$59
MST Viewer	MS ტექნიკა	მხოლოდ კომერციული გამოყენება
PhotoLine	Computerinsel GmbH	59 €
პოტრასი	პიტერ სელინჯერი	უფასო
R2V ინსტრუმენტარიუმის	ალგოლაბი	$99
Ras2Vec	დავიდე ლიბენზი	უფასო
Image2XAML	რომან კალაჩიკი	უფასო
რასტერი ვექტორამდე	რასტერი ვექტორამდე	$99
რასტერვექტი	რასტერვექტი	$79
RaveGrid	RaveGrid	უფასო პირადი სარგებლობისთვის (ხელმისაწვდომია კომერციული ვერსია)
Scan2CAD Pro	რბილი საფარი Intn"l	$469, $190 განახლება
Silhouette Pro	უფასო Soft S.A.	$359
Adobe Streamline	Adobe Systems	?
ვექტორული მაგია	ვექტორული მაგია	7,95$/თვეში, 295$/ლიკ, ჟეტონები
ვექსტრაქტორი	VextraSoft	$99
VPHybridCAD	softlec	$1400
WinTopo უფასოდ	რბილი რბილი	უფასო
WiseImage	თანმიმდევრული პროგრამული უზრუნველყოფა	$1400
რასვექტორი	დანიელ ლუ	GPL
Xara Xtreme	შპს Xara Group.	79$ Windows ვერსია, Linux ვერსია უფასო
XTrace	რონი შუცი	$25 Amiga-სთვის (დემო ხელმისაწვდომია)
VectorNow	AutoDWG	$120.00
დიზაინის პრეზენტაცია	დიზაინის პრეზენტაცია	გადახდა ერთ გამოყენებაზე

ქვემოთ მოცემულია ყველაზე პოპულარული პროგრამების სია, რომლებიც საშუალებას გაძლევთ შექმნათ და დაარედაქტიროთ SVG.

Inkscape

Inkscape არის პროგრამა ვექტორული სურათების შესაქმნელად და რედაქტირებისთვის, აპლიკაციის ძირითადი სფეროა ტექნიკური ილუსტრაციებისა და დიაგრამების შექმნა. დაწერილია C++ და GTK+. შეუძლია შექმნილი სურათების შენახვა SVG 1.1 ფორმატში. Inscape გამოშვებულია მრავალი პლატფორმისთვის (Windows, Linux, Mac OS), მიეკუთვნება უფასო პროგრამული უზრუნველყოფის კატეგორიას, რომელიც ნაწილდება GNU General Public ლიცენზიით.

პროგრამა საშუალებას გაძლევთ გამოიყენოთ დიზაინერისთვის საჭირო ყველა ფილტრი და ხელსაწყო: გეომეტრიული პრიმიტივები (პოლიგონები, წრეები, ხაზები, მოსახვევები, კუბურები და ა.შ.), ფუნჯები, შევსება, საშლელი. გარდა ვიზუალური რედაქტორისა, არსებობს ტექსტური რედაქტორიც, რომელიც საშუალებას გაძლევთ ნათლად ნახოთ და დაარედაქტიროთ XML ელემენტების ხე.

Inkscape აქტიურად ვითარდება მრავალი წლის განმავლობაში, დეველოპერები დაუკავშირდნენ და ცვლიან გამოცდილებას Gimp-ისა და Scribus-ის კოლეგებთან.

შეგიძლიათ ჩამოტვირთოთ Inkscape უფასოდ ნებისმიერი OS-ისთვის ოფიციალურ ვებსაიტზე inkscape.org.

გამოსახულების მაგია

კონსოლის უტილიტის თითქმის მთელი ფუნქციონალობა გრაფიკულ Image Magick-თან მუშაობისთვის ვრცელდება SVG-ზე. Image Magick უფასოა და ბევრ აპლიკაციას აქვს ბიბლიოთეკები, რომლებიც საშუალებას გაძლევთ დაუკავშირდეთ ამ პროგრამას საკუთარი ინტერფეისის საშუალებით. მაგალითად - Imagick PHP-ში.

ფასიანი პროგრამები SVG-თან მუშაობისთვის

Adobe Illustrator CS2

შემუშავებული Adobe Systems, Inc. Adobe Illustrator CS2 აქვს საკმაოდ ძლიერი SVG რედაქტირების ხელსაწყოები. პროგრამა არ არის უფასო და სულაც არ არის იაფი, ის 600 დოლარზე მეტი ღირს, მაგრამ აქვს უფასო დემო ვერსია, რომელიც შემოიფარგლება 30 დღით. ერთი შეხედვით, მას არ აქვს რაიმე განსაკუთრებული უპირატესობა SVG-თან მუშაობის სფეროში Inkscape-თან შედარებით, გარდა იმისა, რომ Photoshop-ის მოყვარულებს მოეწონებათ ორ პროგრამას შორის მსგავსების დონე. უდავოდ, Adobe-მა შექმნა ყველაზე მოსახერხებელი ინტერფეისი დიზაინერებისთვის თავისი ხანგრძლივი ისტორიის მანძილზე.

CorelDRAW Graphics Suite

SVG-ის განვითარებით, Corel Corp. ვერ გაჩერდა განზე. CorelDRAW Graphics Suite მოიცავს მასშტაბირებადი ვექტორული გრაფიკის მხარდაჭერას. ღირებულება თითქმის $300, მაგრამ არსებობს დემო ვერსია. ხელმისაწვდომია მხოლოდ Windows-ისთვის.

Corel ასევე გთავაზობთ ყიდვას Corel WebDraw (Jasc WebDraw), უფრო ვექტორზე ორიენტირებული ვებ გრაფიკული პროგრამა პროფესიონალი ვებ დიზაინერებისთვის. ღირებულება - 180 დოლარი.

Sketsa SVG რედაქტორი

პროგრამა მთლიანად Java-ზეა დაწერილი და მუშაობს Windows, Linux, Mac OS-ზე. ზოგადად ვექტორული გრაფიკის სხვა პროგრამებისგან განსხვავებით, Sketsa მკაცრად არის ორიენტირებული SVG-ზე. მას აქვს საკმაოდ ლამაზი და მოსახერხებელი ინტერფეისი. თუმცა, ის თითქმის $90 ღირს.

მაიურას გათამაშება 4.3

ასევე არსებობს უფრო მარტივი ფასიანი გადაწყვეტილებები. მაგალითად - Mayura Draw 39 დოლარად, განაწილების ზომა მხოლოდ 1.3 მბ. პროგრამა მხარს უჭერს SVG გრაფიკის რედაქტირების ყველა ძირითად ინსტრუმენტს, არის მსუბუქი და შედარებით სწრაფი.

ონლაინ SVG რედაქტორი

თარიღი: 2010.05.27 14:20:46

გთხოვთ, მასალის კოპირებისას დადეთ სტატიის აქტიური ბმული.