ভেক্টর গ্রাফিক্স হল তাদের রেন্ডারিং প্রসঙ্গে বিভিন্ন আকার, স্থানাঙ্ক এবং পথের সাথে যোগাযোগ করার একটি পদ্ধতি। এগুলি একটি চিত্র কীভাবে আঁকতে হবে তার জন্য নির্দেশাবলীর একটি সেট। যখন সেই চিত্রটিকে উপরে বা নীচে স্কেল করা হয়, তখন চিত্রটি যে পয়েন্ট এবং লাইনগুলিকে উপস্থাপন করে তা আবার স্কেলে আঁকা হয়। দুটি বিন্দুর মধ্যে একটি মসৃণ বক্ররেখা যে কোনো আকারে ঠিক একইভাবে মসৃণভাবে পুনরায় আঁকা হবে—যেভাবে একটি HTML এলিমেন্টে একটি CSS-সংজ্ঞায়িত সীমানা ভিউপোর্টে স্কেল করার সময় পুনরায় আঁকা হয়।
স্কেলেবল ভেক্টর গ্রাফিক্স (SVG) হল একটি XML-ভিত্তিক মার্কআপ ভাষা যা W3C দ্বারা তৈরি করা হয়েছে। এটি একটি ভেক্টর ইমেজ ফরম্যাট যা আধুনিক ওয়েবের জন্য ডিজাইন করা হয়েছে।
ভেক্টর আর্টওয়ার্ক সম্পাদনা করার জন্য নিবেদিত যেকোন ডিজাইন সফ্টওয়্যার আপনাকে SVG হিসাবে একটি চিত্র রপ্তানি করার অনুমতি দেবে। কিন্তু একটি প্রমিত, মানব-পঠনযোগ্য মার্কআপ ভাষা হওয়ার কারণে, SVG যেকোন টেক্সট এডিটিং সফ্টওয়্যার দিয়ে তৈরি এবং সম্পাদনা করা যেতে পারে, এটি তৈরি করতে ব্যবহৃত সফ্টওয়্যার নির্বিশেষে, যদিও এটি যেকোন বাস্তব জটিলতার চিত্রের জন্য দ্রুত অবাস্তব হয়ে ওঠে। SVG সিএসএস দিয়ে স্টাইল করা যেতে পারে, বা জাভাস্ক্রিপ্ট ধারণ করতে পারে যা চিত্রগুলির মধ্যে আচরণ এবং মিথস্ক্রিয়া তৈরি করে।
এমনকি ডিজাইনার এবং ডেভেলপারদের জন্য সুস্পষ্ট আবেদনের বাইরেও, শেষ ব্যবহারকারীর অভিজ্ঞতার পরিপ্রেক্ষিতে SVG একটি অবিশ্বাস্যভাবে শক্তিশালী ফর্ম্যাট। একটি SVG উৎসের মধ্যে থাকা বর্ণনামূলক তথ্য প্রায়শই রাস্টার ইমেজ ফরম্যাটগুলির আরও প্রেসক্রিপটিভ পিক্সেল-গ্রিড-ভিত্তিক তথ্যের তুলনায় অত্যন্ত সংক্ষিপ্ত হয়, সাধারণ আকারের ক্ষেত্রে-কিছুটা অতি সরল করার জন্য, ব্রাউজারকে বলার মধ্যে পার্থক্য "একটি 1px লাল রেখা আঁকুন" 1x1 এবং 1x5" এবং "1x1 একটি লাল পিক্সেল। 1x2 একটি লাল পিক্সেল। 1x3 একটি লাল পিক্সেল। 1x4 একটি লাল পিক্সেল। 1x5 একটি লাল পিক্সেল।" উল্টো দিকটি হল যে SVG-এর বর্ণনামূলক প্রকৃতির জন্য ব্রাউজার থেকে আরও বেশি ব্যাখ্যা-আরও "চিন্তা" প্রয়োজন। এই কারণে, জটিল SVG রেন্ডার করার জন্য আরো করদায়ক হতে পারে। একই শিরায়, একটি অত্যন্ত জটিল চিত্রের অর্থ হতে পারে নির্দেশাবলীর একটি ভার্বোস সেট এবং একটি বড় স্থানান্তর আকার।
প্রচলিত রাস্টার ফরম্যাটের পরিবর্তে SVG দ্বারা ভাল পরিবেশিত হিসাবে আপনি অবিলম্বে কোনও চিত্র উত্স প্রার্থীকে চিনতে সক্ষম হওয়ার আগে এটি কিছুটা পরীক্ষা এবং ত্রুটি নিতে পারে। যদিও কিছু নির্দেশিকা রয়েছে: আইকনগুলির মতো ইন্টারফেস উপাদানগুলি প্রায় সর্বদা SVG দ্বারা ভালভাবে পরিবেশিত হয়। তীক্ষ্ণ রেখা, কঠিন রং এবং স্পষ্টভাবে সংজ্ঞায়িত আকৃতি সহ শিল্পকর্ম SVG-এর জন্য একটি শক্তিশালী প্রার্থী হতে পারে।
SVG হল একটি বিশাল বিষয়: অনন্য স্টাইলিং বিকল্প এবং ক্ষমতা সহ HTML এর পাশাপাশি সহাবস্থানের জন্য তৈরি একটি সম্পূর্ণ মার্কআপ ভাষা। SVG-এর আরও বিস্তারিত ভূমিকার জন্য MDN SVG টিউটোরিয়াল দেখুন।