SVG থেকে PNG কনভার্টার

স্কেলযোগ্য SVG ভেক্টরকে ব্যবহারযোগ্য PNG ছবিতে পরিণত করুন

একটি SVG ফাইল হলো নির্দেশনার একটি সেট, কোনো সম্পূর্ণ ছবি নয়। একটি টেক্সট এডিটরে এটি খুললে আপনি পাথ, শেপ, ফিল ও কার্ভ বর্ণনা করা XML দেখতে পাবেন — একটি রেসিপি যা ব্রাউজার আপনার চাওয়া যেকোনো আকারে শিল্পকর্ম নতুন করে আঁকতে অনুসরণ করে। একটি PNG এর বিপরীত: একটি নির্দিষ্ট প্রস্থ ও উচ্চতায় জমে থাকা রঙিন পিক্সেলের একটি গ্রিড। একটিকে অন্যটিতে রূপান্তর করাকে বলা হয় র‍্যাস্টারাইজেশন, আর এই টুলটি এটি সম্পূর্ণভাবে আপনার ব্রাউজারের ভেতরেই করে। আপনি একটি আউটপুট আকার বেছে নেন, SVG একটি HTML ক্যানভাসে আঁকা হয়, এবং একটি PNG ফিরে আসে — কোনো ফাইলই কখনো আপনার ডিভাইস ছেড়ে যায় না।

ভেক্টর বনাম র‍্যাস্টার, সহজ কথায়

মূল পার্থক্য হলো রেজোলিউশন কীভাবে সামলানো হয়। যেহেতু SVG পিক্সেলের বদলে গণিত সংরক্ষণ করে, এটি রেজোলিউশন-স্বাধীন: একটি লোগোকে ফেভিকন থেকে বিলবোর্ড পর্যন্ত স্কেল করুন আর প্রতিটি প্রান্ত গাণিতিকভাবে স্পষ্ট থাকতে পুনরায় গণনা করা হয়। একটি PNG-র এমন স্বাধীনতা নেই। এর পিক্সেল বেক করা থাকে, তাই এর মূল আকারের বাইরে বড় করলে দর্শককে বিদ্যমান বিন্দুগুলো প্রসারিত করতে বাধ্য করা হয়, আর আপনি সেই ঝাপসাভাব ও সিঁড়ির-ধাপের মতো প্রান্ত দেখতে শুরু করেন যা র‍্যাস্টার ছবিকে চিনিয়ে দেয়।

এই বিনিময় দুই দিকেই কাটে। পরিষ্কার আকৃতি দিয়ে তৈরি লোগো, আইকন ও সমতল চিত্রের জন্য ভেক্টর অপরাজেয়, আর ফাইলগুলো সাধারণত ছোট হয়। PNG-র মতো র‍্যাস্টার ফরম্যাট গ্র্যাডিয়েন্ট, নরম ছায়া ও ফটোগ্রাফিক খুঁটিনাটি আরও স্বাভাবিকভাবে সামলায়, এবং — গুরুত্বপূর্ণভাবে — প্রায় সবকিছুই এগুলো বোঝে। যখন আপনি র‍্যাস্টারাইজ করেন, তখন আপনি একটি নির্বাচিত আকারে PNG-র সার্বজনীন সামঞ্জস্যের বিনিময়ে SVG-র অসীম স্কেলযোগ্যতা ছেড়ে দিচ্ছেন।

কেন একটি SVG র‍্যাস্টারাইজ করবেন

SVG যদি এত সুন্দরভাবে স্কেল হয়, তাহলে কেন রূপান্তর করবেন? সামঞ্জস্যই সাধারণ উত্তর। অনেক জায়গা সহজে SVG গ্রহণ করে না: অনেক ইমেইল ক্লায়েন্ট এটি সরিয়ে দেয় বা রেন্ডার করতে অস্বীকার করে, ডকুমেন্ট এডিটর ও প্রেজেন্টেশন সফটওয়্যার প্রায়ই একটি সমতল ছবি চায়, মার্কেটপ্লেস ও অ্যাড নেটওয়ার্ক PNG বা JPG দাবি করে, এবং বেশিরভাগ সোশ্যাল প্ল্যাটফর্ম ভেক্টর আপলোড সম্পূর্ণভাবে উপেক্ষা করে। কিছু কন্টেন্ট সিস্টেম নিরাপত্তার কারণেও SVG সরাসরি ব্লক করে, কারণ ফরম্যাটটি স্ক্রিপ্ট এমবেড করতে পারে।

দ্বিতীয় কারণ হলো আপনি কখনো কখনো একটি নির্দিষ্ট আকারের সম্পদ চান। অ্যাপ আইকন, থাম্বনেইল, Open Graph প্রিভিউ ছবি এবং মুদ্রিত সামগ্রী সবই সঠিক পিক্সেল মাত্রা আশা করে। একটি PNG শিল্পকর্মকে সেই লক্ষ্যে আটকে রাখে যাতে এটি সর্বত্র অভিন্নভাবে রেন্ডার হয়, কোনো ভিউয়ার ভেক্টরকে ভিন্নভাবে ব্যাখ্যা করার বিস্ময় ছাড়াই। আপনার উৎস SVG-কে একটি প্ল্যাটফর্মের প্রয়োজনীয় সঠিক আকারে রূপান্তর করা প্রায়ই একটি সামঞ্জস্যপূর্ণ ফলাফলের সবচেয়ে পরিষ্কার পথ।

সঠিক এক্সপোর্ট রেজোলিউশন বাছাই

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

স্ট্যান্ডার্ড স্ক্রিনগুলো 1x-এ ঠিক আছে — শিল্পকর্মের নামমাত্র আকার। উচ্চ-DPI ও রেটিনা ডিসপ্লে একই জায়গায় প্রায় দ্বিগুণ পিক্সেল ঠাসে, তাই একটি 2x এক্সপোর্ট আইকন ও গ্রাফিক্স ঝাপসার বদলে স্পষ্ট রাখে। প্রিন্ট, পোস্টার বা খুব বড় ডিসপ্লের জন্য, 3x বা 4x আপনাকে জায়গা দেয়। যেহেতু উৎসটি একটি ভেক্টর, বড় এক্সপোর্ট করলে গুণমানে কোনো খরচ হয় না — কার্ভগুলো সমতল করার আগে শুধু উচ্চতর পিক্সেল সংখ্যায় পুনরায় গণনা করা হয়। সন্দেহ হলে, উদার আকারে রেন্ডার করুন; আপনি সবসময় একটি বড় PNG ছোট করতে পারেন, কিন্তু একটি ছোট PNG বড় করে কখনো খুঁটিনাটি ফিরে পেতে পারেন না।

স্বচ্ছতা সাথে করেই আসে

PNG একটি সম্পূর্ণ আলফা চ্যানেল সমর্থন করে, যার মানে স্বচ্ছতা রূপান্তরে টিকে থাকে। আপনার SVG-তে কোনো পটভূমি ফিল না থাকলে, ফলাফল PNG সেই অংশগুলো স্বচ্ছ রাখে, তাই একটি লোগো বা আইকন একটি কুৎসিত সাদা বাক্স ছাড়াই যেকোনো রঙের উপর পরিষ্কারভাবে বসে যায়। আপনার বদলে একটি নিরেট পটভূমি প্রয়োজন হলে, রূপান্তরের আগে SVG-কে একটি দিন। যাই হোক না কেন, ভেক্টরে আপনি যা দেখেন তাই PNG সংরক্ষণ করবে, এটিই ঠিক কারণ কেন PNG — JPG নয় — আইকন, ব্যাজ এবং ওভারলের স্বাভাবিক লক্ষ্য।

সবকিছু আপনার ডিভাইসে থাকে

এই কনভার্টার ক্যানভাস API ব্যবহার করে আপনার ব্রাউজারে স্থানীয় কোড হিসেবে চলে। আপনার SVG পড়া, আঁকা এবং এক্সপোর্ট করা হয় কখনো সার্ভারে না পাঠিয়েই, তাই কোনো আপলোড নেই, কোনো সারি নেই এবং অন্য কারও স্টোরেজে আপনার শিল্পকর্মের কোনো কপি বসে থাকে না। এটি আপনার জন্য দ্রুততর আর তৃতীয় পক্ষের হাতে তুলে দিতে চান না এমন যেকোনো কিছুর জন্য নিরাপদ, অপ্রকাশিত ব্র্যান্ডিং থেকে অভ্যন্তরীণ ডায়াগ্রাম পর্যন্ত। এখানে শেষ হলে, আমাদের বাকি ইমেজ টুল অন্বেষণ করুন — আপনি যদি একটি উইন্ডোজ বা ফেভিকন সম্পদ তৈরি করছেন, তাহলে PNG থেকে ICO কনভার্টার একটি স্বাভাবিক পরবর্তী ধাপ।

প্রায়শই জিজ্ঞাসিত প্রশ্ন