Რატომ უნდა გამოიყენოთ SVG ფაილები JPG- ის ნაცვლად

SVG- ის უპირატესობები

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

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

SVG არის ვექტორული ტექნოლოგია

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

SVG არის ტექსტი-დაფუძნებული

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

SVG არის XML და მუშაობს სხვა ენებზე

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

SVG ადვილად რედაქტირებულია

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

JPG სურათები შეიძლება იყოს მძიმე

თუ გსურთ თქვენი სურათი გაიზარდოს ფიზიკური ზომა, ის გაიზრდება ფაილის ზომაში. ერთად SVG, ფუნტი ჯერ კიდევ ფუნტი მიუხედავად იმისა, თუ რამდენად დიდი თქვენ მას. მოედანზე, რომელიც 2 inches ფართო იქნება წონა იგივე როგორც მოედანზე, რომელიც 100 inches ფართო. ფაილის ზომა არ იცვლება, რაც შესანიშნავია გვერდზე შესრულების თვალსაზრისით!

რომელია უკეთესი?

რა არის უკეთესი ფორმატი - SVG ან JPG? ეს დამოკიდებულია სურათზე. ეს ჰგავს ითხოვს "რა არის უკეთესი, ჩაქუჩით ან screwdriver?" ეს დამოკიდებულია იმაზე, თუ რა უნდა შეასრულოს! იგივე შეიძლება ითქვას ამ გამოსახულებებზე. თუ ფოტო უნდა გამოაჩინოთ, მაშინ JPG საუკეთესო არჩევანია თქვენთვის. თუ თქვენ დაამატებთ ხატი, მაშინ SVG სავარაუდოდ უკეთესი არჩევანია. შეგიძლიათ უფრო მეტი გაიგოთ, თუ როდის არის SVG ფაილების გამოყენება .

ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია Jeremy Girard on 6/6/17