স্কেলেবল ভেক্টর গ্রাফিক্স

স্কেলেবল ভেক্টর গ্রাফিক্স (সংক্ষেপে এসভিজি) হল দ্বি-মাত্রিক চিত্র (গ্রাফিক্স) উপস্থাপনের জন্য এক এক্সএমএল-ভিত্তিক ভেক্টর ইমেজ ফরম্যাট যা ইন্টারএক্টিভিটি এবং অ্যানিমেশনের জন্যও কার্যকরী। এটি ওয়ার্ল্ড ওয়াইড ওয়েব কন্‌সর্টিয়াম দ্বারা উদ্ভাবিত, 1999 থেকে প্রচলিত এক মুক্ত মান।

স্কেলেবল ভেক্টর গ্রাফিক্স

ফাইলনাম এক্সটেনশনs	.svg   .svgz
ইন্টারনেট মাধ্যমের ধরন	image/svg+xml
ইউটিআই	public.svg-image
নির্মাণে	W3C
প্রাথমিক মুক্তি	৪ সেপ্টেম্বর ২০০১ (২২ বছর আগে) (2001-09-04)
সর্বশেষ প্রকাশ	1.1 (Second Edition) (১৬ আগস্ট ২০১১; ১২ বছর আগে (2011-08-16))
বিন্যাসের ধরন	Vector graphics
প্রসারিত হয়েছে	XML
মানদণ্ড	W3C SVG
মুক্ত বিন্যাস?	Yes
ওয়েবসাইট	www.w3.org/Graphics/SVG/

SVG চিত্র এবং তার আচরণসমূহ সংজ্ঞাত থাকে XML টেক্স্‌ট ফাইলে। ফলে এদের অনুসন্ধান করা, সূচনাবদ্ধ করা, স্ক্রীপ্ট দ্বারা প্রকাশ করা সম্ভব হয়। XML ফাইল হিসাবে, SVG চিত্র কোনো টেক্স্‌ট সম্পাদনাকারী সফ্‌টওয়্যার(text editor) কিম্বা কোনো চিত্রাঙ্কন-সফ্‌টওয়্যার উভইয়ের দ্বারাই তৈরি এবং সম্পাদনা করা যায়।

মোজিলা ফায়ারফক্স্‌, ইন্টারনেট এক্সপ্লোরার, গুগ্‌ল ক্রোম, অপেরা, সাফারি, মাইক্রোসফ্‌ট এজ প্রভৃতি সকল আধুনিক ওয়েব ব্রাউজার-এই SVG চিত্র ফুটিয়ে তলার ব্যবস্থা থাকে।

প্রাথমিক ধারণা

এই চিত্র বিটম্যাপ এবং ভেক্টর চিত্র-রূপদান পদ্ধতির মধ্যে পার্থক্য নির্দেশ করছে। বিটম্যাপ চিত্রটি কতকগুলি নির্দিষ্ট বিন্দু (পিক্সেল)-র সমন্বয়ে গঠিত, যেখানে, ভেক্টর চিত্রটি কতকগুলি নির্দিষ্ট আকার-এর সমন্বয়ে গঠিত। চিত্রে, বিটম্যাপ-কে বিবর্ধিত করতে গেলে চিত্র-বিন্দুগুলি প্রকাশ হয়ে পড়ে, যদিও, ভেক্টরের ক্ষেত্রে আকারগুলি অক্ষুণ্ণ থাকে।

ওয়ার্ল্ড ওয়াইড ওয়েব কন্‌সর্টিয়াম-এ ১৯৯৮ সাল নাগাদ ভেক্টর গ্রাফিক্স্‌ উপস্থাপনার জন্য ছয়টি প্রতিদ্বন্দ্বি প্রস্তাবনা জমা পড়ে। এরপর SVG নির্মানের পর্যায় চলেছে 1999 থেকেই। প্রাথমিক SVG কর্মসমিতি জমা পড়া কোনো বাণিজ্যিক প্রস্তাবনা ভিত্তিক রূপায়ন না ক'রে, তাদের তথ্যগুলির সাহায্যে নতুন এক মার্কআপ ভাষা উদ্ভাবন করার সিদ্ধান্ত নেয়।^[1]

SVG তিন ধরনের চিত্র-বস্তু নিয়ে কাজ করতে পারে: ভেক্টর গ্রাফিক আকার, যেমন সঞ্চারপথ- সরল ও বক্র রেখা সমন্বিত সীমা, বিটম্যাপ চিত্র এবং টেক্স্‌ট (লেখা)। গ্রাফিক বস্তুসমূহের শ্রেনীবিন্যাস করা যায়, সৌন্দর্যায়ন করা যায়, রূপান্তর করা যায় ও পূর্বনির্ধারিত বস্তুতে রূপদান করা যায়। মূল সুবিধাগুলির মধ্যে রয়েছে ট্রান্সফরমেশন, ক্লিপিং পাথ, আলফা মাস্ক্‌স, ফিল্টার এফেক্টস এবং টেম্‌প্লেট অবজেক্টস। SVG চিত্র ক্রিয়াশীল হতে পারে আর তাতে অ্যানিমেশন থাকতে পারে, যা হতে পারে SVG XML উপাদান দ্বারা, কিম্বা SVG ডিওএম ভিত্তিক স্ক্রীপ্টিংয়ের সাহায্যে। SVG দৃশ্য রূপায়ন করতে ব্যবহার করে সিএসএস এবং লিপিকরণের জন্য ব্যবহার করে জাভাস্ক্রীপ্ট। আন্তর্জাতিকিকরণ ও স্থানীয়করন সহ, টেক্স্‌ট সাধারণ লেখা হিসাবে SVG DOM-এর মধ্যে ব্যবহার হওয়ার ফলে, SVG চিত্রণের গ্রহনযোগ্যতা বৃদ্ধি পায়।^[2]

SVG সংজ্ঞা 1.1 সংস্করণে পরিণতি পায় ২০১১ সালে। অপেক্ষাকৃত কম গণনা শক্তি এবং চিত্রণ শক্তির মোবাইল যন্ত্রসমূহের জন্য দু' ধরনের মোবাইল SVG প্রোফাইল ('Mobile SVG Profiles') হয়, ক্ষুদ্র-SVG (SVG Tiny) আর সাধারণ SVG (SVG Basic)।^[3] স্কেলেবল ভেক্টর গ্রাফিক্স 2, ১৫-ই সেপ্টেম্বর ২০১৬ তে এক W3 প্রার্থী সুপারিশ (W3C Candidate Recommendation) হয়েছিল। SVG 2 তে SVG 1.1 এবং SVG Tiny 1.2-এর অতিরিক্ত বহু নতুন সুবিধা যুক্ত হয়।^[4]

মুদ্রণ

যদিও SVG সংজ্ঞা প্রাথমিক ভাবে গুরুত্ব প্রদান করে ভেক্টর গ্রাফিক্স মার্কআপ ভাষা-কেই, এর গঠনের মধ্যে অ্যাডোবের পিডিএফ এর মতো পৃষ্ঠা বর্ণনা ভাষার ক্ষমতা রয়েছে। এতে সমৃদ্ধ গ্রাফিক্স-এর ব্যবস্থা রেছে, আর দৃশ্যসজ্জার জন্য এটি CSS-এর সাথে মানানসই। মুদ্রিত পৃষ্ঠায় প্রতিটি গ্রাফিক চিহ্ন এবং চিত্রকে নির্দিষ্ট অভিষ্ট স্থানে স্থাপন করার উপযুক্ত তথ্য ব্যবস্থা SVG-র আছে।^[5] SVG-র একটি মুদ্রণ-প্রধান অধিঃশ্রেনী (SVG Print, সত্ত্বাধিকারী Canon, HP, Adobe and Corel) বর্তমানে একটি ডব্লিউ৩সি কার্যকরী খসড়া।^[6]

লিপিকরণ এবং অ্যানিমেশন

SVG চিত্র গতিশীল ও ক্রিয়শীল হতে পারে। উপাদানসমূহের সময়-ভিত্তিক পরিবর্তন বর্ণিত হতে পারে SMIL দ্বারা, অথবা নির্ধারিত হতে পারে কোনো লিপিকরণ ভাষায় (scripting language, যেমন ইসিএমএস্ক্রিপ্ট ভা জাভাস্ক্রিপ্ট)। W3C স্পষ্ট ভাবে SMIL কে SVG অ্যানিমেশনের প্রামান্য হিসাবে সুপারিশ করে।^[7] তবে আগস্ট 2015 নাগাদ SMIL কে তীব্র ভাবে খারিজ করা হয় গুগ্‌ল ক্রোম।

onmouseover, onclick প্রভৃতি বহুসংখ্যক ঘটনা পরিচালক অরোপিত করা যায় SVG চিত্র-বস্তু সমূহের উপর।

তথ্যসূত্র

1. "Secret Origin of SVG - SVG" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০২-০৮।
2. "Scalable Vector Graphics (SVG) 1.1 (Second Edition)"। সংগ্রহের তারিখ ২০১৭-০২-১০।
3. "Mobile SVG Profiles: SVG Tiny and SVG Basic" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০২-১০।
4. "Scalable Vector Graphics (SVG) 2" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০২-১০।
5. "SVG.Open/Carto.net 2002, Zurich, SVG as a Page Description Language" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০২-১০।
6. "SVG Print 1.2, Part 2: Language" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০২-১০।
7. "W3C releases scripting standard, caveat"। CNET (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০২-১০।