SVG থেকে PNG রূপান্তর Scalable Vector Graphics ↔ Portable Network Graphics বিনামূল্যে অনলাইন নিরাপদ
SVG ছবি নয়, ছবি আঁকার নির্দেশ। এখানে সেই নির্দেশ একবার চালানো হয়, আপনার বেছে নেওয়া মাপে, আর ফল PNG হিসেবে সংরক্ষিত হয়। আঁকা হয় এমন একটি ঘেরের ভিতরে যেখানে ফাইলের কিছুই চলতে পারে না, আর কিছুই আপলোড হয় না।
আপনার ফাইল রূপান্তর করুন
এখানে একটি SVG ছাড়ুন, বা একটি বেছে নিন।
আপনার ফাইল এই যন্ত্র ছেড়ে যায় না। সবটাই আপনার ব্রাউজারে চলে।
কিছুই আপলোড হয় না
ভেক্টর কোথায় আলাদা
SVG কোনো ছবি নয়; তা ছবি আঁকার নির্দেশের একটি সমষ্টি — এখানে এত ব্যাসার্ধের একটি বৃত্ত, এখান থেকে ওখানে একটি রেখা, এই আকৃতিটি ওই রঙে ভরা। তা ২০০১ সালে ওয়েবের মান হয়ে ওঠে, আর যেহেতু তা ফল নয়, আঁকাটিকেই জমা রাখে, সেহেতু যে ফাইল ষোলো পিক্সেলের একটি আইকন আঁকে, সেই একই ফাইল থেকে বিজ্ঞাপনের বড় ফলকও ছাপা যায়। PNG বা JPEG জমা রাখে ঠিক উল্টোটি: রঙিন বিন্দুর একটি সম্পূর্ণ জাল, কে তাদের এঁকেছিল তার কোনো স্মৃতি ছাড়াই। এই অসমতাই এই পাতার সবকিছু ঠিক করে দেয়। ভেক্টর থেকে র্যাস্টারে যাওয়া মানে নির্দেশগুলিকে বেছে নেওয়া মাপে এঁকে ফেলা; উল্টো দিকে যাওয়া মানে ছাঁদ-নকশা করা — একটি প্রোগ্রাম বিন্দুর জালের দিকে তাকিয়ে আন্দাজ করে কোন আকৃতিগুলি তা তৈরি করে থাকতে পারে।
কোথায় এদের দেখা পাবেন
লোগো, আইকন, মানচিত্র, নকশা আর লেখচিত্র বেঁচে থাকে SVG হয়ে, কারণ তাদের সব মাপে পাঠযোগ্য থাকতে হয় এবং প্রায়ই রং বদলাতে হয়। ফ্যাভিকন আর অ্যাপের আইকন এদের থেকেই বানানো হয়। উল্টো দিকটি সেই মুহূর্তের জন্য, যখন একটি ভেক্টরকে সমতল ছবি হতে হয়: এমন মেল প্রোগ্রাম যা SVG দেখায় না, সামাজিক মাধ্যমের পূর্বদর্শন, এমন দলিল যা আপনার চেয়ে পুরোনো সফটওয়্যারওয়ালা কেউ ছাপবে, কিংবা এমন ফর্ম যা কেবল আলোকচিত্রই নেয়।
প্রায়ই জিজ্ঞাসিত প্রশ্ন
আমি একটি আলোকচিত্রের ছাঁদ-নকশা করলাম আর ফল ভয়ানক হল। কেন?
কারণ ছাঁদ-নকশা আলোকচিত্রের জন্য কখনও ভাবাই হয়নি। তা কাজ করে একইরকম রঙের অঞ্চল খুঁজে বার করে প্রতিটির চারপাশে একটি রেখা টেনে; এটি সমতল চিত্রকলার সঙ্গে খাপ খায় — একটি লোগো, একটি ছাঁচ, একটি রেখাচিত্র — আর আলোকচিত্রে ব্যর্থ হয়, যেখানে প্রতিটি অঞ্চল ধীরে ধীরে পরেরটিতে মিশে যায়। নকশাকারীকে সীমানা বানাতে হয় সেখানে, যেখানে কোনো সীমানাই নেই; ফল হয় হয় পোস্টারের মতো সমতল ছোপ, নয়তো এমন ফাইল যাতে কয়েক হাজার ক্ষুদ্র আকৃতি। আলোকচিত্রের বেলায় র্যাস্টারই থাক।
আমার SVG অন্য প্রোগ্রামে আলাদা দেখায় কেন?
সাধারণত হরফের কারণে। যে SVG-তে লেখা আছে তা হরফকে নাম ধরে ডাকে এবং আশা করে যে যন্ত্র তা খুলছে তার কাছে সেই হরফ আছে; না থাকলে অন্য কিছু বসানো হয় আর বিন্যাস সরে যায়। নিরাময় হল রপ্তানির আগে লেখাকে রূপরেখায় বদলে নেওয়া: প্রতিটি অক্ষর একটি আকৃতি হয়ে যায় আর ফাইল সর্বত্র একইরকম দেখায় — দাম এই যে লেখা আর সম্পাদনা বা নির্বাচন করা যায় না। পরিশোধক আর মিশ্রণের ধরনের মতো উন্নত প্রভাব পার্থক্যের অন্য চেনা উৎস।
ফাইলের গুণমান কি কমে?
তা নির্ভর করে দুটি বিন্যাস কী ধরে রাখতে পারে তার উপর। একই জিনিস রাখে এমন বিন্যাসের মধ্যে রূপান্তর — PNG থেকে BMP, WAV থেকে FLAC — কিছুই হারায় না। জায়গা বাঁচাতে তথ্য ফেলে দেয় এমন বিন্যাসে, যেমন JPEG বা MP3-তে, রূপান্তর প্রতিবারই কিছুটা হারায়, আর ফিরিয়ে আনলেও তা ফিরে আসে না। যেখানে বাছাইয়ের সুযোগ আছে, এই পাতা সবচেয়ে ছোট ফাইল বানানোর চেয়ে মূল গুণমান ধরে রাখার দিকেই ঝোঁকে।
আমার ফাইল কি কোথাও আপলোড হয়?
না। রূপান্তর ঘটে আপনার নিজের যন্ত্রে, আপনার ব্রাউজারের ভিতরে; ফাইল সেখান থেকে কখনও বেরোয় না, আর এখানে এমন কোনো সার্ভারই নেই যা তা নিতে পারে। সেজন্যই বড় ফাইলকে আটকায় আপলোড নয়, আপনার নিজের স্মৃতি; আর সেজন্যই আপনি যা রূপান্তর করেন তার কিছুই কারও নথিতে আসতে পারে না — আমাদের নথিতেও নয়। তবে শব্দ ও চলচ্চিত্রের সরঞ্জামগুলি প্রথম ব্যবহারে তাদের রূপান্তর-এঞ্জিন এই সাইট থেকেই নামায় — প্রায় তিরিশ মেগাবাইট, একবারই; তারপরেও কাজ পুরোটাই আপনার যন্ত্রে হয়।
মানুষ কেন SVG থেকে PNG রূপান্তর করে
একটি SVG ছবি নয়। এটি একটি ছবি আঁকার নির্দেশের সমষ্টি: এখানে একটি বৃত্ত আঁকো, ওখানে একটি বক্ররেখা, এই আকারটি ওই রঙে ভরো, এই শব্দটি ওই ফন্টে লেখো। এটি পিক্সেল নয়, নির্দেশ বলেই একটি SVG যেকোনো আকারে ঝাপসা না হয়ে দেখানো যায়, যা একে লোগো, আইকন, চার্ট ও চিত্রের প্রিয় ফরম্যাট করেছে। কিন্তু বিস্ময়কর পরিমাণ সফটওয়্যার সেই নির্দেশ অনুসরণ করতে পারে না। ইমেইল প্রোগ্রাম, সোশ্যাল নেটওয়ার্ক, অনেক আপলোড ফর্ম, প্রেজেন্টেশন টুল ও পুরোনো এডিটর পিক্সেলে গড়া একটি ছবি চায়। সে কারণেই মানুষ SVG থেকে PNG রূপান্তর করে: তাদের একটি অঙ্কন আছে, আর সবকিছু যে রূপে গ্রহণ করে সেই রূপে তাদের তা দরকার।
এই কাজের জন্য PNG স্বাভাবিক পছন্দ। এটি প্রতিটি পিক্সেল ঠিক যেমন আঁকা হয়েছিল তেমনই রাখে এবং স্বচ্ছতা ধরে রাখে, তাই পটভূমিহীন একটি লোগো পটভূমিহীন লোগোই থাকে। প্রতিটি ব্রাউজার, এডিটর, অফিস প্রোগ্রাম ও ফোন এটি বোঝে। যে SVG বেশির ভাগ সমতল রঙ ও ধারালো কিনারার, তার জন্য PNG সেই ফরম্যাট যা একে বিশ্বস্তভাবে পুনরুৎপাদন করে।
এই পাতা আপনার ব্রাউজারেই SVG থেকে PNG রূপান্তর করে। আপনার ফাইলের নির্দেশ আপনার বাছা আকারে একবার অনুসরণ করা হয় এবং ফল PNG হিসেবে সংরক্ষিত হয়। অঙ্কনটি একটি স্যান্ডবক্সে রেন্ডার হয় যেখানে ফাইলের কিছুই চলতে পারে না, এবং কিছুই আপলোড হয় না। নিচে পাবেন এটি কীভাবে কাজ করে, কী রাখা হয়, একমাত্র গুরুত্বপূর্ণ সীমা কী এবং আকার কীভাবে বাছবেন।
রূপান্তর কীভাবে কাজ করে
নির্দেশ একবার অনুসরণ করা হয়
আপনার SVG আপনার ব্রাউজারের ভেতরে খোলা হয়, যা SVG নিয়ে সে যা সব সময় করে তাই করে: অঙ্কনের নির্দেশ অনুসরণ করে ফল আঁকে। সেই আঁকাটি তখন আপনার বাছা আকারে একটি ছবি হিসেবে ধরা হয় এবং PNG হিসেবে সংরক্ষিত হয়। প্রক্রিয়াটি আপনার ডিভাইসে ঘটে, তাই অপেক্ষা করার কিছু নেই আর পরে মুছে ফেলারও কিছু নেই।
একটি স্যান্ডবক্স যেখানে কিছুই চলতে পারে না
একটি SVG ফাইলে নীতিগতভাবে স্ক্রিপ্ট ও অন্য জিনিসের উল্লেখ থাকতে পারে। এটি যাতে কখনও ঝুঁকি না হয়, তাই অঙ্কনটি এমন একটি স্যান্ডবক্সে রেন্ডার হয় যেখানে ফাইলের কিছুই চলতে পারে না। কেবল আকারগুলো আঁকা হয়। এটি এমন ফাইলের ক্ষেত্রেও নিরাপদ যা আপনি এমন কোথাও থেকে নামিয়েছেন যাকে পুরোপুরি বিশ্বাস করেন না।
আকার আপনি বাছেন
একটি SVG-র নিজস্ব পিক্সেল নেই বলে PNG-তে কতগুলো থাকবে তা আপনি ঠিক করেন। একটি প্রস্থ বাছুন, আর উচ্চতা শিল্পকর্মের অনুপাত থেকে নির্ধারিত হয়। বড় আকার আরও ধারালো ছবি আর ভারী ফাইল দেয়।
কী রাখা হয়
প্রতিটি আকার যেমন আঁকা
প্রতিটি আকার যেমন আঁকা তেমনই রাখা হয়: বক্ররেখা, ভরাট, রেখা ও স্তর। PNG হলো ব্রাউজারে SVG যেমন দেখায় তার একটি বিশ্বস্ত ছবি।
শিল্পকর্মের নিজস্ব অনুপাত
অঙ্কনের অনুপাত রাখা হয়, তাই এটি টানা বা চাপা পড়ে না। SVG উচ্চতার দ্বিগুণ চওড়া হলে PNG-ও তাই।
স্বচ্ছতা
স্বচ্ছতা রাখা হয়। SVG-র যেসব অংশে কোনো ভরাট নেই সেগুলো PNG-তেও এপার-ওপার দেখা যায়, যা ঠিক তাই যা আপনি চান এমন লোগো বা আইকনের জন্য যা রঙিন পটভূমিতে বসবে।
SVG থেকে PNG রূপান্তরের আগে যা জানা উচিত
একটি PNG চিরকালের জন্য একটিই আকার
একটি PNG চিরকালের জন্য একটিই আকার, যা একটি SVG ছিল না। এটি পাতার সবচেয়ে গুরুত্বপূর্ণ বিষয়। আপনি ছোট আকার বাছলে এবং পরে বড় আকার লাগলে PNG বড় করা তাকে ঝাপসা করবে। তাই যে বৃহত্তম আকার কখনও লাগতে পারে সেটি বাছুন। একটি বড় ছবিকে ছোট করা উল্টোটার চেয়ে অনেক সহজ, আর ভবিষ্যতের ব্যবহারের জন্য আপনি সব সময় SVG রেখে দিতে পারেন।
অন্য জায়গা থেকে আসা ফন্ট ও ছবি মেলে না
SVG যে ফন্ট ও ছবি অন্য জায়গা থেকে টানে সেগুলো যে স্যান্ডবক্সে আঁকা হয় সেখানে মেলে না। আপনার অঙ্কনের লেখা ফাইল যে ওয়েব ফন্ট সার্ভার থেকে লোড করে তাতে সাজানো হলে PNG-তে তা সিস্টেম ফন্টে ফিরে যাবে, এবং অক্ষরের চেহারা বদলে যাবে। কোনো SVG ফাইলের বাইরে রাখা ছবির উল্লেখ করলে সেই ছবি অনুপস্থিত থাকবে। সেরা ফলের জন্য এমন SVG ব্যবহার করুন যাতে ফন্ট আউটলাইনে রূপান্তরিত এবং ছবিগুলো এমবেড করা।
ফাইলের আকার ছবির ওপর নির্ভর করে
একটি সরল লোগো একটি ক্ষুদ্র PNG বানায়। বড় আকারে একটি বিস্তারিত চিত্র ভারী একটি। ফল আপনার উদ্দেশ্যের জন্য বড় হলে আকার কমান বা PNG কমপ্রেস করুন দিয়ে চালান।
এখানে কীভাবে SVG থেকে PNG রূপান্তর করবেন
আপনার অঙ্কন যোগ করুন
SVG-টি পাতায় ফেলুন বা আপনার ডিভাইস থেকে বেছে নিন। এটি আপনার ব্রাউজারের ভেতরেই পড়া হয় এবং আপলোড হয় না।
আকার বাছুন
PNG-র প্রস্থ বাছুন। ছবিটি যে বৃহত্তম জায়গায় ব্যবহার হবে তা ভাবুন, আর সেই আকার বাছুন।
রূপান্তর ও ডাউনলোড
বোতাম চাপুন এবং PNG ডাউনলোড করুন। এটি খুলুন, কিনারা ও লেখা দেখুন, আর যাচাই করুন স্বচ্ছ অংশগুলো এখনও এপার-ওপার দেখা যায় কি না।
SVG ও PNG-র দিকে আরও নিবিড় দৃষ্টি
ভেক্টর আর রাস্টার
একটি SVG হলো ভেক্টর ফরম্যাট: এটি আকার এবং তাদের আঁকার নিয়ম সংরক্ষণ করে। একটি PNG হলো রাস্টার ফরম্যাট: এটি রঙিন বিন্দুর একটি গ্রিড সংরক্ষণ করে। একটি ভেক্টর যেকোনো আকারে স্কেল করা যায়, কারণ প্রতিবার আকারগুলো নতুন করে আঁকা হয়। একটি রাস্টারে বিন্দুর সংখ্যা নির্দিষ্ট, আর তা বড় করলে বিন্দুগুলোই কেবল বড় হয়। SVG থেকে PNG রূপান্তর মানে নিয়ম থেকে একটি নির্দিষ্ট গ্রিডে যাওয়া, আর গ্রিডের পছন্দ আপনার।
JPG নয়, PNG কেন
একটি অঙ্কনের জন্য PNG প্রায় সব সময়ই ভালো উত্তর। এটি ধারালো কিনারা পরিষ্কার রাখে, এবং স্বচ্ছতা রাখে। JPG সমতল রঙ ও কিনারা নরম করে এবং তাতে স্বচ্ছতা নেই। কোনো কিছু কেবল JPG নিলে SVG থেকে JPG ব্যবহার করুন; নইলে PNG-তেই থাকুন।
রেজোলিউশন আর পর্দা
আধুনিক পর্দা প্রায়ই পুরোনোগুলোর দ্বিগুণ বা তিনগুণ ঘনত্বে ছবি দেখায়। আপনার PNG পাতায় একটি নির্দিষ্ট আকারে এমন পর্দায় দেখা গেলে সেই আকারের দ্বিগুণ চওড়া করুন, আর তা ধারালো দেখাবে।
বিস্তারিত সাধারণ পরিস্থিতি
ইমেইল ও সোশ্যাল নেটওয়ার্কের জন্য লোগো
অনেক ইমেইল প্রোগ্রাম ও সোশ্যাল প্ল্যাটফর্ম SVG গ্রহণ করে না। তারা যে আকার চায় সেই আকারে SVG থেকে PNG রূপান্তর করুন, আর আপনার লোগো স্বচ্ছ পটভূমিসহ পার হয়ে যায়।
নথি ও প্রেজেন্টেশনের জন্য ছবি
অফিস প্রোগ্রাম SVG কতটা ভালো সামলায় তাতে ভিন্ন। একটি PNG সব সময় কাজ করে। অঙ্কনটি প্রজেক্ট করা হলে উদার আকার বাছুন, যাতে বড় পর্দায় তা ধারালো থাকে।
অ্যাপ ও সাইটের জন্য আইকন
SVG হিসেবে আঁকা একটি আইকন সেটের প্রায়ই সেসব জায়গার জন্য PNG সংস্করণ লাগে যেখানে ভেক্টর পড়া হয় না। প্রয়োজনীয় আকারে সেগুলো বানান, আর SVG-কে মূল কপি হিসেবে রাখুন।
চার্ট আর ডায়াগ্রাম
যে টুল চার্ট SVG হিসেবে এক্সপোর্ট করে সে আপনাকে এমন একটি ফাইল দেয় যা কিছু সিস্টেম প্রত্যাখ্যান করে। চার্টের একটি PNG ঝামেলা ছাড়াই প্রতিবেদন, ওয়েব পাতা বা বার্তায় রাখা যায়।
SVG থেকে PNG রূপান্তরের আগে ব্যবহারিক পরামর্শ
ব্রাউজারে SVG কেমন দেখায় তা দেখুন
আগে SVG একটি ব্রাউজারে খুলুন। সেখানে আপনি যা দেখেন PNG-ও তাই দেখাবে। লেখা আপনার সিস্টেমে নেই এমন ফন্ট ব্যবহার করলে PNG-তেও একই বদল আশা করুন।
নির্ভুলতার জন্য লেখাকে আউটলাইনে রূপান্তর করুন
সঠিক অক্ষর গুরুত্বপূর্ণ হলে SVG সংরক্ষণের আগে আপনার অঙ্কন প্রোগ্রামে লেখাকে আউটলাইনে রূপান্তর করুন। তখন অক্ষরগুলো আকার হয়ে যায়, আর আঁকতে কোনো ফন্ট লাগে না।
ছবি এমবেড করুন
আপনার SVG-তে ছবি থাকলে সেগুলো ফাইলে এমবেড করুন, লিংক করবেন না। লিংক করা ছবি স্যান্ডবক্স খুঁজে পায় না।
ভবিষ্যতের কথা ভেবে আকার বাছুন
ছবিটি আর কোথায় ব্যবহার হতে পারে তা ভাবুন। যে আকার একটি পোস্টারের জন্য যথেষ্ট বড় তা ওয়েব পাতার জন্যও ঠিক। ক্ষুদ্র আইকনের জন্য বানানো আকার আর কোথাও কাজে লাগে না।
রূপান্তরের আগে মানুষ যা জিজ্ঞাসা করে
কোন আকার বাছব?
যে বৃহত্তম আকার লাগবে। আপনি সব সময় একটি PNG ছোট করতে পারেন, কিন্তু ঝাপসা না করে বড় করতে পারেন না।
স্বচ্ছতা কি থাকবে?
হ্যাঁ। SVG-র একটি স্বচ্ছ পটভূমি PNG-তেও স্বচ্ছ থাকে।
আমার লেখা আলাদা দেখায় কেন?
কারণ ফন্টটি অন্য জায়গা থেকে লোড হয়েছিল এবং স্যান্ডবক্সে মেলেনি। একটি সিস্টেম ফন্ট তার জায়গা নিয়েছে। এটি এড়াতে মূল ফাইলে লেখাকে আউটলাইনে রূপান্তর করুন।
লিংক করা ছবি অনুপস্থিত কেন?
ফাইলের বাইরে থেকে টানা ছবি মেলে না। সেগুলো SVG-তে এমবেড করুন।
আমার ফাইল কি আপলোড হয়?
না। রূপান্তর আপনার ব্রাউজারে চলে এবং ফাইল কখনও আপনার ডিভাইস ছাড়ে না।
আমি কি ভেক্টরে ফিরতে পারি?
শুধু ট্রেসিংয়ের মাধ্যমে। PNG থেকে SVG একটি ছবিকে আকারে বদলায়, কিন্তু সেটি আন্দাজ, পুনরুদ্ধার নয়। আপনার মূল SVG রেখে দিন।
SVG থেকে PNG রূপান্তরের সময় বুদ্ধিমানের সঙ্গে বাছাই
গন্তব্য ঠিক করুন
একটি ওয়েব পাতার জন্য মাঝারি আকার লাগে। একটি ছাপার জন্য বড়। একটি আইকনের জন্য ছোট, সরল। PNG-টি জায়গার সঙ্গে মেলান।
অন্য বিকল্পের সঙ্গে তুলনা করুন
একটি ফেভিকনের জন্য SVG থেকে ICO এক ফাইলে একাধিক আকার বানায়। যে নথি যেকোনো জুমে ধারালো থাকে তার জন্য SVG থেকে PDF অঙ্কনকে অঙ্কন হিসেবে রাখে।
SVG রেখে দিন
SVG হলো মূল কপি। যখনই দরকার এটি যেকোনো আকারে ও যেকোনো ফরম্যাটে বদলে নেওয়া যায়। এটি নিরাপদে রাখুন।
রূপান্তরের পর ভালো ফল পাওয়া
কিনারা দেখুন
বক্ররেখা ও কোনাকুনি রেখায় জুম করুন। সেগুলো মসৃণ হওয়া উচিত। খাঁজকাটা দেখালে ব্যবহারের জন্য আকার ছোট ছিল, আর বড় আকার সাহায্য করবে।
রঙিন পটভূমির বিপরীতে দেখুন
PNG-টি যে রঙে দেখা যাবে তার ওপর রাখুন। মূল ফাইলে নরম ছায়া থাকলে স্বচ্ছ কিনারা একটি আবছা পাড় প্রকাশ করতে পারে, আর সেটা এখনই জানা ভালো।
দরকার হলে হালকা করুন
ফাইল ভারী হলে PNG কমপ্রেস করুন চেহারা লক্ষণীয়ভাবে না বদলে তার ওজন কমায়।
SVG থেকে PNG রূপান্তরে সর্বোচ্চ সুবিধা নেওয়া
SVG থেকে PNG রূপান্তরের আগে SVG তৈরি করুন
মূল ফাইলে কয়েক মিনিটের যত্ন পরে অনেক ঝামেলা বাঁচায়। নিশ্চিত করুন অঙ্কনের একটি ঠিক আকার বা view box আছে, লেখাকে আউটলাইন করুন, ছবি এমবেড করুন এবং যে লুকানো স্তর দেখাতে চান না তা সরান। একটি পরিষ্কার SVG একটি পরিষ্কার PNG দেয়, আর রূপান্তর দুবার চালাতে হবে না।
একই বৈঠকে কয়েকটি আকার বানান
কয়েকটি ভিন্ন প্রস্থে লোগো লাগলে প্রতিটির জন্য একবার করে SVG থেকে PNG রূপান্তর করুন, আর ফাইলগুলোর নাম দিন তাদের প্রস্থ অনুযায়ী। ফুটারের জন্য একটি ছোট সংস্করণ, পাতার জন্য একটি মাঝারি আর ছাপার জন্য একটি বড় বেশির ভাগ প্রয়োজন মেটায়, আর সেগুলো তৈরি থাকলে প্রতিটি অনুরোধের জন্য ফিরে আসতে হয় না।
পটভূমির কথা ভাবুন
PNG স্বচ্ছতা রাখে বলে লোগো তার পেছনের রঙ নেবে। গাঢ় পাতায় গাঢ় লোগো মিলিয়ে যায়। PNG-টি হালকা ও গাঢ় দুই পটভূমিতেই দেখুন, আর লোগোর প্রতিটির জন্য একটি সংস্করণ লাগলে ভিন্ন রঙের দুটি SVG বানান এবং দুটির জন্যই SVG থেকে PNG রূপান্তর করুন।
নাম অর্থবহ রাখুন
এমন নাম ব্যবহার করুন যা বলে ছবিটি কী এবং কত বড়, যেমন logo-1600। এক বছর পরে ছবিতে ভরা ফোল্ডারে ফাইলটি পেলে আপনি সঙ্গে সঙ্গে জানবেন সেটি কোনটি।
গোপনীয়তা আর পরিচালনা
অঙ্কনের জন্য স্থানীয় রূপান্তর কেন গুরুত্বপূর্ণ
লোগো, পরিকল্পনা ও নকশা প্রকাশের আগে গোপনীয় হতে পারে। অনেক অনলাইন কনভার্টার আপনার ফাইল সার্ভারে আপলোড করে, প্রক্রিয়া করে ও ফল ফেরত পাঠায়, আর কিছুক্ষণ একটি কপি এমন মেশিনে থাকে যা আপনার নিয়ন্ত্রণে নেই। এখানে আপনার নিজের ব্রাউজার কাজ করে, তাই অঙ্কনটি আপনার ডিভাইসেই থাকে।
আপনি চলে গেলে কী হয়
পাতা বন্ধ করলে রূপান্তরিত ছবি ব্রাউজার থেকে মুছে যায়, তাই আগে ডাউনলোড করুন। আপনার অঙ্কনের কিছুই রাখা হয় না।
কিছু ভুল হলে
ছবি ফাঁকা বেরোয়
SVG-তে হয়তো আকার বা view box নেই। এটি একটি টেক্সট এডিটরে খুলে দেখুন তাতে width ও height বা একটি view box আছে কি না, অথবা আপনার অঙ্কন প্রোগ্রামে ঠিক করুন।
ছবি কাটা পড়ে
কিছু SVG-তে এমন উপাদান থাকে যা তাদের ঘোষিত এলাকার বাইরে বিস্তৃত। মূল ফাইলে view box সামঞ্জস্য করুন যাতে সবকিছু খাপ খায়।
খুব বড় আকারে পাতা জমে যায়
সবকিছু আপনার ডিভাইসে চলে, আর বিশাল একটি ছবির মেমরি লাগে। ছোট আকার বাছুন, বা একটি কম্পিউটার ব্যবহার করুন।
সম্পর্কিত টুল
একই পরিবারের টুল পাশের কাজগুলো ঢাকে। একটি JPG-র জন্য SVG থেকে JPG ব্যবহার করুন। একটি ফেভিকন বা অ্যাপ আইকনের জন্য SVG থেকে ICO উত্তর, আর যে নথি যেকোনো জুমে ধারালো থাকে তার জন্য SVG থেকে PDF। একটি ছবিকে আকারে ট্রেস করতে PNG থেকে SVG উল্টো পথে যায়। PNG পেয়ে গেলে PNG থেকে WebP তাকে ওয়েবের জন্য হালকা করে, আর স্বচ্ছতা দরকার না হলে PNG থেকে JPG একটি ছোট ফাইল বানায়।
একটি কাজের উদাহরণ
ধরুন আপনার কোম্পানির লোগো একটি SVG, আর একটি সোশ্যাল নেটওয়ার্ক কেবল PNG নেয়, অন্তত 800 পিক্সেল চওড়া। আপনি এখানে SVG-টি ফেলেন, নিরাপদ থাকতে 1600 পিক্সেলের প্রস্থ বাছেন এবং বোতাম চাপেন। এক মুহূর্ত পর আপনি একই অনুপাত, ধারালো কিনারা ও স্বচ্ছ পটভূমির একটি PNG ডাউনলোড করেন। আপনি আপলোড করেন, আর লোগো যেকোনো রঙে পরিষ্কার দেখায়। SVG মূল কপি হিসেবে আপনার ফোল্ডারে থাকে।
একটি সংক্ষিপ্ত চেকলিস্ট
রূপান্তরের আগে
SVG একটি ব্রাউজারে খুলুন। যে বৃহত্তম আকার লাগবে তা ঠিক করুন। নিশ্চিত করুন ফন্ট আউটলাইন করা এবং ছবি এমবেড করা।
রূপান্তরের সময়
ফাইল প্রস্তুত না হওয়া পর্যন্ত পাতায় থাকুন।
রূপান্তরের পর
PNG খুলুন, কিনারা ও লেখা দেখুন, আসল পটভূমিতে পরীক্ষা করুন এবং SVG রেখে দিন।
সাধারণ ভুল
খুব ছোট আকার বাছা
একটি PNG চিরকালের জন্য একটিই আকার। পরে বড় করলে তা ঝাপসা হয়। উদারভাবে বাছুন।
লিংক করা ফন্ট ও ছবির ওপর ভরসা
সেগুলো স্যান্ডবক্সে মেলে না। লেখাকে আউটলাইন করুন এবং ছবি এমবেড করুন।
SVG ফেলে দেওয়া
রেখে দিন। এটিই একমাত্র সংস্করণ যা সীমাহীনভাবে স্কেল করা যায়।
আপনার অঙ্কন আপনার ডিভাইসেই থাকে
রূপান্তর স্থানীয়ভাবে ঘটে। আপনার অঙ্কন আপনার নিজের ব্রাউজার পড়ে, সেখানেই আঁকে এবং PNG হিসেবে ফেরত দেয়। কিছুই আপলোড হয় না, তাই কোনো কপি সার্ভারে যায় না এবং আর কেউ তা দেখতে পারে না। অপ্রকাশিত নকশার জন্য SVG থেকে PNG রূপান্তরের এটাই নিরাপদ উপায়।
সারসংক্ষেপ
এখানে SVG থেকে PNG রূপান্তর করতে অঙ্কনটি ফেলুন, একটি আকার বাছুন এবং বোতাম চাপুন। একটি SVG ছবি নয়, ছবি আঁকার নির্দেশ, এবং এখানে সেই নির্দেশ আপনার বাছা আকারে একবার অনুসরণ করা হয় ও ফল PNG হিসেবে সংরক্ষিত হয়। অঙ্কনটি একটি স্যান্ডবক্সে রেন্ডার হয় যেখানে ফাইলের কিছুই চলতে পারে না, এবং কিছুই আপলোড হয় না। প্রতিটি আকার যেমন আঁকা তেমনই রাখা হয়, শিল্পকর্মের নিজস্ব অনুপাত ও স্বচ্ছতাসহ। একটি PNG চিরকালের জন্য একটিই আকার, তাই যে বৃহত্তম আকার লাগবে সেটি বাছুন, কারণ পরে বড় করলে তা ঝাপসা হয়। SVG অন্য জায়গা থেকে যে ফন্ট ও ছবি টানে তা মেলে না, তাই ওয়েব ফন্টে সাজানো লেখা সিস্টেম ফন্টে ফিরে যায়।