PSD থেকে SVG কনভার্টার
যেসব টুল শুধু SVG নেয়, তাদের জন্য Photoshop ডিজাইনকে .svg ফাইল হিসেবে সেভ করুন। কনভার্টারটি PSD ফ্ল্যাটেন করে ছবিটিকে SVG-র ভেতরে বসিয়ে দেয়। কখন এটুকুই যথেষ্ট আর কখন লোগো ট্রেস করা দরকার, তা নিচে জেনে নিন।
ছবি কনভার্টার
অথবা JPG, JPEG, JPE … ফাইল এখানে ড্রop করুন ·
প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়
ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।
৮৫ ছবিকে দেখতে মূলের মতোই রাখে। ছোট ফাইল দরকার হলেই কেবল কমান।
JPG, BMP ও EPS-এ স্বচ্ছতা নেই। স্বচ্ছ পিক্সেল এই রঙে ভরা হয়।
স্বচ্ছ পিক্সেলের পেছনে ব্যবহৃত হেক্স রঙ, যেমন #FFFFFF।
এই ফরম্যাটে একটিই ছবি থাকে। অ্যানিমেশন রাখতে চাইলে GIF বা WebP আউটপুট বেছে নিন।
মাল্টি-সাইজ আইকনে একটি ফাইলে একাধিক রেজোলিউশন থাকে; ব্রাউজার ও অপারেটিং সিস্টেম প্রয়োজনমতো বেছে নেয়।
মূল মাপ রাখুন, অথবা একটি বাহু লিখুন; অনুপাত ঠিক থাকবে।
উপরে বেছে নেওয়া বাহুর পিক্সেল।
মূল মাপের শতাংশ।
স্ক্রিন ও ওয়েবের জন্য sRGB সঠিক। প্রিন্টের কাজে মূলটি রাখুন; গ্রেস্কেল রঙ বাদ দেয়।
শুধু মেটাডেটা, ০ মানে মূল মান থাকবে। প্রিন্টার ও কিছু পোর্টাল এই সংখ্যা পড়ে; এতে পিক্সেল মাপ বদলায় না।
এই টুল কীভাবে ব্যবহার করবেন
- 1
PSD আপলোড করুন
এক বা একাধিক .psd ফাইল বেছে নিন। প্রতি ব্যাচে সর্বোচ্চ ২০টি ফাইল এবং প্রতিটি ৯৫ MB পর্যন্ত হতে পারবে।
- 2
SVG-এ কনভার্ট করুন চাপুন
দৃশ্যমান ডিজাইনটি ক্যানভাসের সাইজে ফ্ল্যাটেন করে একটি SVG ডকুমেন্টের ভেতরে বসানো হয়। এখানে কোয়ালিটি স্লাইডার নেই, কারণ ভেতরের বিটম্যাপ লসলেস অবস্থায় সংরক্ষিত থাকে।
- 3
ফলাফল খুলুন
ব্রাউজার, Figma বা Inkscape-এ .svg ফাইলটি ছেড়ে দিন। এটি দেখতে PSD-র মতোই হবে, আর অনেক বেশি জুম করলে পিক্সেল দেখা যাবে, যা স্বাভাবিক।
PSD থেকে SVG: কনভার্টার আসলে কী লেখে
PSD হলো লেয়ারের স্তূপ: ছবি ও ব্রাশ থেকে পাওয়া পিক্সেল লেয়ার, নিচের পিক্সেল বদলে দেওয়া অ্যাডজাস্টমেন্ট লেয়ার, টাইপ লেয়ার, স্মার্ট অবজেক্ট এবং শেপ লেয়ার, যা Photoshop ২০০০ সালের ৬.০ ভার্সন থেকে ভেক্টর পাথ হিসেবে সংরক্ষণ করে। Photoshop নিজে বের হয় ১৯৯০ সালের ফেব্রুয়ারিতে, আর PSD ফরম্যাটে দৃশ্যমান স্তূপের একটি ফ্ল্যাটেন করা কম্পোজিটও থাকে, যাতে অন্য প্রোগ্রাম প্রতিটি লেয়ার টাইপ না বুঝেও ডিজাইন দেখাতে পারে।
এই কনভার্টার সেই ফ্ল্যাটেন করা ডিজাইনই ব্যবহার করে। এটি দৃশ্যমান লেয়ারগুলোকে ক্যানভাসের সাইজে একটি ছবিতে রেন্ডার করে, তারপর এমন একটি SVG ডকুমেন্ট লেখে যার একমাত্র বিষয়বস্তু ওই ছবি। SVG-তে সঠিক প্রস্থ, উচ্চতা ও স্বচ্ছতা থাকে, তাই এটি মূল ফাইলের মতোই পেজ বা লেআউটে বসে যায়। যা নেই তা হলো একটিও এডিটযোগ্য শেপ: শেপ লেয়ারের কিনারাসহ প্রতিটি কিনারা পিক্সেল। ইফেক্ট, মাস্ক ও ব্লেন্ড মোডের সরাসরি SVG সমতুল্য নেই, তাই রেন্ডার করা ফলাফলই সৎ আউটপুট।
- PSD-র সর্বোচ্চ প্রস্থ বা উচ্চতা
- 30,000 px
- PSD ফাইল সাইজের সীমা (বড় ডিজাইনে PSB ব্যবহার হয়)
- 2 GB
- এই কনভার্টার সর্বোচ্চ যত বড় PSD নেয়
- 95 MB
- প্রতি ব্যাচে PSD ফাইল
- 20
PSD
Adobe Photoshop Document
PSD হলো Adobe Photoshop-এর নিজস্ব ফাইল ফরম্যাট, যা ১৯৯০ সাল থেকে ব্যবহৃত হচ্ছে। এটি লেয়ার, মাস্ক, অ্যাডজাস্টমেন্ট লেয়ার, টেক্সট, স্মার্ট অবজেক্ট, চ্যানেল ও কালার প্রোফাইল সংরক্ষণ করে, ফলে ডিজাইন পরে ক্ষতি ছাড়াই আবার এডিট করা যায়। ফাইল প্রায়ই খুব বড় হয়, এবং পূর্ণ নির্ভুলতার জন্য Photoshop দরকার; GIMP, Photopea ও Affinity-এর মতো অন্য এডিটর বিভিন্ন মাত্রার নির্ভুলতায় PSD খোলে। ব্রাউজার, ফোন ও বেশিরভাগ আপলোড ফর্ম সরাসরি PSD দেখাতে পারে না।
- কম্প্রেশন
- লসলেস
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- না
- প্রবর্তনের সাল
- 1990 · Adobe
SVG
Scalable Vector Graphics
SVG হলো XML-ভিত্তিক একটি ভেক্টর ফরম্যাট, যা W3C ২০০১ সালে স্ট্যান্ডার্ড করে। পিক্সেলের বদলে এটি আকার, পাথ ও টেক্সট বর্ণনা করে, তাই যেকোনো সাইজে স্পষ্ট থাকে এবং লোগো ও আইকনের জন্য সাধারণত খুব ছোট হয়। এটি স্বচ্ছতা, CSS স্টাইলিং, স্ক্রিপ্টিং ও অ্যানিমেশন সমর্থন করে, আর প্রতিটি ব্রাউজার নিজে থেকেই এটি রেন্ডার করে। SVG ফটোগ্রাফের জন্য উপযুক্ত নয়, এবং জটিল ইলাস্ট্রেশন রেন্ডার হতে ধীর হতে পারে। Illustrator, Inkscape, Figma ও ব্রাউজারে এটি খোলা ও এডিট করা যায়।
- কম্প্রেশন
- –
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- হ্যাঁ
- প্রবর্তনের সাল
- 2001 · W3C
ওয়েব বিল্ডার, টেমপ্লেট প্ল্যাটফর্ম বা কাটিং মেশিন SVG চাইলে এবং ডিজাইনটি শুধু Photoshop ফাইলে থাকলে মানুষ PSD থেকে SVG খোঁজে; যা পাওয়া যায় তা হলো SVG কন্টেইনারে ফ্ল্যাটেন করা আর্টওয়ার্ক।
PSD-তে শেপ লেয়ার, স্মার্ট অবজেক্ট আর পিক্সেল
ভুল ধারণাযেকোনো ডিজাইন .svg হিসেবে সেভ করলেই স্কেলযোগ্য হয়ে যায়।
আসল তথ্যস্কেলযোগ্যতা আসে পাথ থেকে। বিটম্যাপ ধরা SVG পিক্সেল সাইজ ছাড়ালে PNG-র মতোই ঝাপসা হয়।
ভুল ধারণাPhotoshop শেপ দিয়ে আঁকা লোগো নিজে থেকেই ভেক্টরে কনভার্ট হয়।
আসল তথ্যএই টুল আগে ফ্ল্যাটেন করে, তাই শেপ পিক্সেল হিসেবে আসে। ভেক্টর শেপ এক্সপোর্ট বা ট্রেস করতে হয়।
ভুল ধারণাস্মার্ট অবজেক্ট লিংক করা ভেক্টর কনটেন্ট ধরে রাখে।
আসল তথ্যপ্লেস করা Illustrator ফাইল ক্যানভাসে যে সাইজে দেখায় সেই সাইজে রেন্ডার হয়, তারপর বাকিদের সঙ্গে ফ্ল্যাটেন হয়।
Photoshop ডিজাইন থেকে আসল ভেক্টর পাথ পাওয়ার উপায়
যে লোগো, আইকন বা লেটারিং যেকোনো সাইজে ধারালো থাকতে হবে, তার জন্য দরকার ট্রেসিং। PSD থেকে PNG দিয়ে PSD-কে স্বচ্ছ PNG-তে কনভার্ট করুন, তারপর ছবি থেকে SVG কনভার্টার-এ দিন, যা কিনারা অনুসরণ করে আসল পাথ লেখে। ট্রেসিং সমতল রং ও পরিষ্কার আউটলাইনে ভালো কাজ করে; ফটোগ্রাফ হয়ে যায় হাজারো ছোট শেপ। কার্ভ মসৃণ রাখার সেটিংস নিয়ে আমাদের PNG থেকে SVG কনভার্ট গাইডটি দেখুন।
মূল ভেক্টর আর্ট যদি Illustrator, Affinity Designer বা Figma-তে থাকে, ফ্ল্যাটেন করা কপি ট্রেস করার আগে সেই ফাইলটি চেয়ে নিন।
PSD থেকে SVG নিয়ে প্রশ্ন
Photoshop-এর শেপ লেয়ারগুলো কি এডিট করা যায় এমন SVG পাথ হবে?
এই কনভার্টারে নয়। Photoshop-এ শেপ লেয়ার ভেক্টর, কিন্তু SVG লেখার আগে PSD একটি বিটম্যাপে ফ্ল্যাটেন হয়ে যায়, ফলে শেপসহ প্রতিটি লেয়ার পিক্সেল হিসেবেই আসে। পাথ রাখতে চাইলে কোনো ভেক্টর এডিটর থেকে শেপগুলো এক্সপোর্ট করুন, অথবা ফলাফলটি ট্রেস করুন।
একই ডিজাইনের PNG-র মতোই আমার SVG এত বড় কেন?
কারণ SVG ফাইলটি আসলে মূলত একটি PNG। বিটম্যাপটি SVG-র ভেতরে এনকোড করা টেক্সট হিসেবে থাকে, যা সাইজ প্রায় এক-তৃতীয়াংশ বাড়িয়ে দেয়। আসল ভেক্টর লোগো হলে কয়েক কিলোবাইটের হতো।
এই SVG কি Cricut বা লেজার কাটারে পাঠানো যাবে?
ইমপোর্ট হবে, কিন্তু কাটার মতো কিছু থাকবে না। কাটিং মেশিন পাথের আউটলাইন অনুসরণ করে, আর বিটম্যাপে তা নেই, তাই Design Space ও লেজার সফটওয়্যার একটি সমতল ছবি দেখে। কাটার লাইন পেতে ছবি থেকে SVG কনভার্টার দিয়ে লোগোটি ট্রেস করুন।
Photoshop টাইপ লেয়ারের লেখা কি SVG-তেও লেখা হিসেবে থাকে?
না। টাইপ লেয়ার ফন্টসহ রেন্ডার হয়ে বাকি সবকিছুর মতো ফ্ল্যাটেন হয়, তাই লেখা সার্চ, সিলেক্ট বা নতুন করে টাইপ করা যায় না। একই ফন্ট দিয়ে SVG এডিটরে এডিটযোগ্য টেক্সট আবার তৈরি করুন।
বিটম্যাপ ঘিরে রাখা SVG আসলে কখন কাজে লাগে?
যখন কোনো সিস্টেম .svg এক্সটেনশন চায় কিন্তু ফাইলটি শুধু দেখায়, যেমন কিছু থিম বিল্ডার ও টেমপ্লেট প্ল্যাটফর্ম। সঠিক ভেক্টর আর্ট না আসা পর্যন্ত প্লেসহোল্ডার হিসেবেও কাজ করে।
PSD-র ক্যানভাস বড় হলে কি SVG আরও শার্প হয়?
হ্যাঁ। SVG ক্যানভাসের মাপ ধরে রাখে, তাই ৪০০০ px-এর PSD ১০০০ px-এরটির চেয়ে বড় ডিসপ্লে সাইজেও ধারালো থাকে। নিজস্ব সাইজ ছাড়ালে ভেতরের ছবি অন্য বিটম্যাপের মতোই ঝাপসা হয়।
| PSD থেকে PNG | PSD থেকে JPG | PSD থেকে PDF |
| PNG থেকে SVG | EPS থেকে SVG | ছবি থেকে SVG |