ওয়েব ডিজাইনার
ক্লায়েন্টের লোগো বা ইনফোগ্রাফিক—যা পিডিএফ হিসেবে সরবরাহ করা হয়—সরাসরি ওয়েবসাইটে একটি ঝকঝকে, হালকা SVG হিসেবে এম্বেড করুন, যা রেটিনা ডিসপ্লেতে নিখুঁত দেখায় এবং যেকোনো কন্টেইনারের প্রস্থ অনুযায়ী মানিয়ে যায়।
রাস্টার ইমেজ উচ্চ রেজোলিউশনে নষ্ট হয়ে যায় — একটি পিডিএফ থেকে নেওয়া পিএনজি স্ক্রিনে স্পষ্ট দেখালেও প্রিন্ট, রেটিনা ডিসপ্লে বা বড় আকারের গ্রাফিক্সের জন্য স্কেল করলে তা ঝাপসা হয়ে যায়। এসভিজি রেজোলিউশন-নিরপেক্ষ: পিডিএফ থেকে এক্সপোর্ট করা একটি ভেক্টর ডায়াগ্রাম মোবাইল স্ক্রিনে ১০০ পিক্সেল হোক বা কনফারেন্স রুমের ডিসপ্লেতে ১০,০০০ পিক্সেল হোক, একইভাবে প্রদর্শিত হয়। যে সকল ডিজাইনার এবং ডেভেলপারদের ওয়েব পেজ, অ্যাপ বা ডিজাইন ফাইলে পিডিএফ-এর কন্টেন্ট — যেমন লোগো, টেকনিক্যাল ডায়াগ্রাম, ইনফোগ্রাফিক্স, স্লাইড গ্রাফিক্স — যুক্ত করার প্রয়োজন হয়, তারা এসভিজি ব্যবহার করেন কারণ এটি সব আকারেই স্পষ্ট থাকে।
LuraPDF-এর PDF-to-SVG কনভার্টার PDF.js-এর SVGGraphics রেন্ডারার ব্যবহার করে, যা PDF কন্টেন্ট স্ট্রিমকে বিশ্লেষণ করে এবং ড্রয়িং কমান্ডগুলোকে সরাসরি SVG পাথ, টেক্সট এবং ইমেজ এলিমেন্টে ম্যাপ করে। পেশাদার ডিজাইন টুলে তৈরি ভেক্টর PDF-এর জন্য, আউটপুটটি হয় আসল স্কেলেবল ভেক্টর — যা Illustrator, Inkscape, এবং Figma-তে সম্পাদনাযোগ্য, HTML-এ এমবেডযোগ্য, এবং CSS বা JavaScript দিয়ে অ্যানিমেট করা যায়। এখানে কোনো আপলোড, সার্ভার কিউ বা পেইড টায়ারের মতো ফাইলের আকারের সীমাবদ্ধতা নেই। আপনার PDF ফাইলটি ড্রপ করুন, আপনার পৃষ্ঠাগুলো বেছে নিন, এবং প্রোডাকশন ব্যবহারের জন্য প্রস্তুত SVG ফাইলগুলো ডাউনলোড করুন।
ডিজাইনাররা লোগো তৈরি করতে, ডেভেলপাররা ডায়াগ্রাম যুক্ত করতে এবং আর্কাইভিস্টরা পরিবর্ধনযোগ্য রেকর্ড তৈরি করতে—সকলেই পিডিএফ থেকে এসভিজি রূপান্তরের সাহায্য নেন।
ক্লায়েন্টের লোগো বা ইনফোগ্রাফিক—যা পিডিএফ হিসেবে সরবরাহ করা হয়—সরাসরি ওয়েবসাইটে একটি ঝকঝকে, হালকা SVG হিসেবে এম্বেড করুন, যা রেটিনা ডিসপ্লেতে নিখুঁত দেখায় এবং যেকোনো কন্টেইনারের প্রস্থ অনুযায়ী মানিয়ে যায়।
কোনো বাহ্যিক ইমেজ লাইব্রেরি ছাড়াই পিডিএফ স্পেসিফিকেশন থেকে SVG ডায়াগ্রাম সরাসরি React, Vue, বা Angular কম্পোনেন্টে ইম্পোর্ট করুন — যা স্কেলেবল, CSS দিয়ে স্টাইলযোগ্য এবং অ্যানিমেট করা যায়।
ক্লায়েন্ট-সরবরাহকৃত পিডিএফ মাস্টার থেকে সাইন আর্টওয়ার্ক এবং বড় আকারের গ্রাফিক্স SVG হিসাবে পুনরুদ্ধার করুন, তারপর পুনরায় রাস্টারাইজ না করেই ইলাস্ট্রেটরে যেকোনো বাস্তব আকারে স্কেল করুন।
একটি পিডিএফ স্টাইল গাইড বা স্পেক ডকুমেন্ট থেকে আইকন ডিজাইনগুলোকে স্বতন্ত্র SVG ফাইল হিসেবে বের করুন, তারপর SVGO দিয়ে অপ্টিমাইজ করে আপনার আইকন লাইব্রেরি বা ফিগমা কম্পোনেন্ট সেটে যোগ করুন।
ডকুমেন্টেশন সাইটগুলিতে ইনলাইন এম্বেড করার জন্য পিডিএফ ম্যানুয়াল থেকে টেকনিক্যাল ডায়াগ্রাম, সার্কিট স্কিমেটিক এবং ফ্লোচার্টগুলিকে SVG-তে রূপান্তর করুন — যা অনুসন্ধানযোগ্য, জুমযোগ্য এবং অ্যাক্সেসযোগ্য।
পুরোনো পিডিএফ ফাইল থেকে ঐতিহাসিক ব্র্যান্ড অ্যাসেটগুলোর একটি ভেক্টর আর্কাইভ তৈরি করুন। SVG একটি উন্মুক্ত ও ভবিষ্যৎ-উপযোগী ফরম্যাটে সমস্ত পাথ এবং গ্লিফ সংরক্ষণ করে, যা আগামী ২০ বছরেও যেকোনো টুল পড়তে পারবে।
স্থানীয়ভাবে প্রক্রিয়াকরণের অর্থ হলো মালিকানাধীন ডিজাইনের জন্য গোপনীয়তার ঝুঁকি শূন্য, তাৎক্ষণিক ফলাফল এবং কোনো অর্থপ্রদত্ত সার্ভার স্তরের উপর নির্ভরতা নেই।
LuraPDF, PDF.js-এর SVGGraphics ক্লাস ব্যবহার করে, যা ক্যানভাস রেন্ডারারের মতোই পেজ-রেন্ডারিং ইন্টারফেস প্রয়োগ করে কিন্তু রাস্টার পিক্সেলের পরিবর্তে SVG এলিমেন্ট লেখে। রেন্ডারার যখন PDF কন্টেন্ট স্ট্রিমটি অতিক্রম করে, তখন এটি PDF ড্রয়িং অপারেটরগুলোকে — moveto, lineto, curveto, fill, stroke — d অ্যাট্রিবিউটসহ সংশ্লিষ্ট SVG পাথ এলিমেন্টের সাথে ম্যাপ করে। PDF-এ এমবেড করা ফন্ট ডেটা ব্যবহার করে টেক্সট রানগুলোকে SVG টেক্সট এলিমেন্টের সাথে ম্যাপ করা হয়। কন্টেন্ট স্ট্রিমে থাকা রাস্টার ইমেজগুলোকে base64-এনকোড করে SVG ইমেজ এলিমেন্ট হিসেবে এমবেড করা হয়।
যখন ফন্ট আউটলাইনিং নির্বাচন করা হয়, তখন এমবেডেড ফন্ট ডেটা থেকে গ্লিফ আউটলাইন ট্রেস করে টেক্সট এলিমেন্টগুলোকে SVG পাথ কমান্ডে রূপান্তর করা হয় — যা একটি ফন্ট-নিরপেক্ষ ফাইল তৈরি করে। একত্রিত SVG মার্কআপটি একটি Blob-এ সিরিয়ালাইজ করা হয় এবং হয় সরাসরি একটি একক ফাইল হিসাবে ডাউনলোড করা হয় অথবা ব্রাউজারের নেটিভ কম্প্রেশন API ব্যবহার করে একাধিক পৃষ্ঠার এক্সপোর্টের জন্য একটি ZIP আর্কাইভে সংগ্রহ করা হয়। এই প্রক্রিয়া চলাকালীন আপনার ব্রাউজার ট্যাব থেকে কোনো ডেটা বাইরে যায় না — ট্যাবটি বন্ধ করলে সমস্ত স্টেট তাৎক্ষণিকভাবে মুছে যায়।
| বৈশিষ্ট্য | লুরাপিডিএফ | ক্লাউডকনভার্ট | অ্যাডোবি ইলাস্ট্রেটর |
|---|---|---|---|
| শুধুমাত্র ব্রাউজারে ব্যবহারযোগ্য / আপলোড করা যাবে না | হ্যাঁ | না | না |
| সত্যিকারের ভেক্টর পাস-থ্রু | হ্যাঁ | হ্যাঁ | হ্যাঁ |
| ফন্ট রূপরেখা বিকল্প | হ্যাঁ | আংশিক | হ্যাঁ |
| বিনামূল্যে, ফাইলের কোনো সীমা নেই | হ্যাঁ | সীমিত বিনামূল্যের স্তর | পেইড সাবস্ক্রিপশন |
রূপান্তরের আগে ও পরে কয়েকটি সিদ্ধান্ত নিলে আরও পরিচ্ছন্ন SVG ফাইল তৈরি হয়, যা ডিজাইন টুল এবং ওয়েবে ব্যবহার করা সহজ।
বাহ্যিকভাবে SVG শেয়ার করার সময় ফন্ট আউটলাইন করুন — এটি ফন্টের উপর নির্ভরতা দূর করে এবং যেকোনো ডিভাইসে অভিন্ন রেন্ডারিং নিশ্চিত করে।
যখন আপনি ইলাস্ট্রেটর বা ইঙ্কস্কেপে SVG সম্পাদনা চালিয়ে যাবেন এবং লাইভ, সম্পাদনাযোগ্য টেক্সটের প্রয়োজন হবে, তখন ফন্ট এমবেড করুন।
স্ক্যান করা PDF থেকে প্রকৃত ভেক্টর SVG তৈরি করা যায় না — অনুসন্ধানযোগ্য টেক্সট প্রয়োজন হলে প্রথমে OCR PDF চালান, অথবা উচ্চ-রেজোলিউশনের রাস্টারের জন্য PDF to PNG ব্যবহার করুন।
কোনো দৃশ্যমান পরিবর্তন ছাড়াই ফাইলের আকার ৩০-৭০% কমাতে এক্সপোর্ট করার পর SVGO দিয়ে SVG ফাইলটি কম্প্রেস করুন।
স্লাইড ডেকের জন্য, সমস্ত পৃষ্ঠা ZIP হিসাবে এক্সপোর্ট করুন এবং প্রতিটি SVG ফাইলকে ফিগমাতে আলাদা ফ্রেম হিসাবে ইম্পোর্ট করুন।
ব্রাউজার ধীর হয়ে গেলে একাধিক পৃষ্ঠার পিডিএফ ফাইলগুলো এক এক করে প্রসেস করুন — বড় আকারের ভেক্টর পিডিএফ ফাইল অনেক বেশি মেমোরি ব্যবহার করতে পারে।
সার্ভারে ফাইল আপলোড না করেই যেকোনো ভেক্টর পিডিএফ থেকে লোগো, ডায়াগ্রাম, স্লাইড গ্রাফিক্স, আইকন-এর মতো স্কেলেবল ভেক্টর গ্রাফিক্স বের করুন। পৃষ্ঠা অনুযায়ী এক্সপোর্ট, ফন্ট আউটলাইনিং, জিপ ডাউনলোড। কোনো সাইনআপ নেই, কোনো ওয়াটারমার্ক নেই। আপনার পিডিএফ ড্রপ করুন এবং প্রোডাকশনের জন্য প্রস্তুত SVG পেয়ে যান।