HTML থেকে JPG কনভার্টার
সেভ করা ওয়েব পেজ, ইমেল টেমপ্লেট বা HTML রিপোর্ট আপলোড করুন, আর উপর থেকে নিচ পর্যন্ত পুরো পেজের একটি JPG ছবি পেয়ে যান। ব্রাউজারের প্রস্থ আপনি নিজেই বেছে নেন, তাই ফলাফলে ডেস্কটপ লেআউট বা মোবাইল লেআউট দুটোই দেখানো যায়।
ডকুমেন্ট থেকে ছবি
অথবা DOC, DOCX, DOCM … ফাইল এখানে ড্রop করুন ·
প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়
ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।
সব পৃষ্ঠা, শুধু প্রথমটি (থাম্বনেইল বা কভার), অথবা একটি পরিসর রূপান্তর করুন।
রূপান্তরের পৃষ্ঠা বা স্লাইড, যেমন 1-3, 5, 8-10।
শুধু HTML ফাইলের জন্য: পৃষ্ঠা রেন্ডার করতে ব্যবহৃত ব্রাউজার উইন্ডোর প্রস্থ। 1280 px সাধারণ ল্যাপটপের মাপ; 390 px মোবাইল লেআউট দেখায়।
85-এ মাঝারি আকারে লেখা স্পষ্ট থাকে। কম মানে ফাইল ছোট হয় কিন্তু ছোট লেখা ঝাপসা হয়।
এই টুল কীভাবে ব্যবহার করবেন
- 1
HTML ফাইল আপলোড করুন
একবারে সর্বোচ্চ ২০টি পর্যন্ত .html, .htm বা .mhtml ফাইল দিন। ছবি ও স্টাইলসহ পেজের জন্য আগে ব্রাউজারে সেটি একটি ফাইল (MHTML) হিসেবে সেভ করুন, যাতে সবকিছু পেজের সঙ্গেই থাকে।
- 2
পেজের প্রস্থ বেছে নিন
HTML পৃষ্ঠার প্রস্থ শুরু হয় 1280 px দিয়ে, যা সাধারণ ল্যাপটপের মাপ। ফোনের লেআউটের জন্য 390 px বা ইমেইল টেমপ্লেটের জন্য 600 px দিন। ছবি অপশন একটি লম্বা ছবিতে সেট করা থাকে।
- 3
JPG-তে কনভার্ট করুন
JPG-এ কনভার্ট করুন চাপুন এবং ছবিটি ডাউনলোড করুন। পেজটি প্রিন্ট-সাইজের টুকরোয় ভাগ করতে চাইলে ছবি অপশন পেজ প্রতি একটিতে বদলান।
HTML থেকে JPG হলো ফাইল থেকে তৈরি পূর্ণ পেজের স্ক্রিনশট: আপনার বেছে নেওয়া ব্রাউজার প্রস্থ লেআউট ঠিক করে, আর JPG তার প্রতিটি পিক্সেল ধরে রাখে।
HTML ফাইল কীভাবে JPG ছবি হয়
HTML ফাইল ছবি নয়, নির্দেশনা। ব্রাউজার মার্কআপ পড়ে, স্টাইলশিট প্রয়োগ করে, ছবি ও ফন্ট লোড করে এবং উইন্ডোর প্রস্থ অনুযায়ী সবকিছু সাজায়। প্রস্থ বদলালে রেসপন্সিভ পেজ নিজেকে নতুন করে সাজায়: কলাম স্তূপাকার হয়, মেনু গুটিয়ে যায়, ছবি ছোট হয়। তাই কনভার্টার সবার আগে HTML পৃষ্ঠার প্রস্থ জানতে চায়।
লেআউট ঠিক হলে পুরো পেজ উপর থেকে নিচ পর্যন্ত ধরা হয়, শুধু স্ক্রিনে যতটুকু ধরে ততটুকু নয়। ছবি একটি লম্বা ছবিতে থাকলে একটিই লম্বা JPG পাবেন; পেজ প্রতি একটিতে বদলালে একই কনটেন্ট পেজ-মাপের ছবিতে কাটা হয়।
কোয়ালিটি শুরু হয় 85 থেকে, যাতে লেখা পড়া যায় এবং একই পেজের PNG-র চেয়ে অনেক ছোট থাকে। পেজে ছোট লেখা বা সরু টেবিল বর্ডার স্পষ্ট রাখতে হলে 95-এর দিকে বাড়ান।
1280 pxপেজ রেন্ডারের ডিফল্ট ব্রাউজার প্রস্থ
পেজের প্রস্থ বেছে নিন: পুরো ডেস্কটপ পেজ নাকি মোবাইল ভিউ
ডিফল্ট। বেশির ভাগ সাইট এই প্রস্থে নেভিগেশন বার ও সাইড কলামসহ পূর্ণ ডেস্কটপ লেআউট দেখায়।
- ওয়েবসাইট রিভিউ ও ক্লায়েন্টের অনুমোদন
- পেজ দেখতে কেমন ছিল তা আর্কাইভ করা
- স্লাইড ও রিপোর্ট
সাম্প্রতিক অনেক iPhone-এর CSS প্রস্থ। রেসপন্সিভ পেজ মোবাইল লেআউটে যায়, ফলে লম্বা ও সরু ছবি পাওয়া যায়।
- মোবাইল ডিজাইন দেখানো
- অ্যাপ স্টোর বা সোশ্যাল মিডিয়া মকআপ
বেশির ভাগ HTML ইমেইল টেমপ্লেট যে প্রস্থের জন্য তৈরি। ডেস্কটপ মেইল ক্লায়েন্ট যেভাবে দেখাত, টেমপ্লেট ঠিক সেভাবেই রেন্ডার হয়।
- নিউজলেটারের প্রিভিউ
- ক্যাম্পেইনের প্রুফ শেয়ার করা
ফুল HD মনিটর। ড্যাশবোর্ড এবং বড় স্ক্রিনে কলাম যোগ করে এমন পেজের জন্য কাজের।
- অ্যানালিটিক্স ড্যাশবোর্ড
- চওড়া ডেটা টেবিল
HTML থেকে JPG-এর ফলাফল ঠিক না দেখালে
ছবি নেই বা ভাঙা আইকন দেখাচ্ছে
ছবিগুলো HTML-এর ভেতরে নয়, পাশে রাখা ছিল। পেজটি একটি MHTML ফাইল হিসেবে সেভ করুন, অথবা ছবির জন্য পূর্ণ ওয়েব ঠিকানা ব্যবহার করুন।
পেজ ফাঁকা বা শুধু লোডিং স্পিনার দেখাচ্ছে
কনটেন্ট পেজ লোডের পর স্ক্রিপ্টে তৈরি হয়, অথবা লগইনের পেছনে আছে। ব্রাউজারে খুলে পুরো লোড হওয়া পর্যন্ত অপেক্ষা করুন, তারপর একটি ফাইল হিসেবে সেভ করুন।
ডান প্রান্তে লেখা কেটে গেছে
পেজের নির্দিষ্ট প্রস্থ উইন্ডোর চেয়ে বেশি। HTML পৃষ্ঠার প্রস্থ তার সমান করুন, যেমন 1440 px।
আপলোড ফর্মের জন্য JPG বড় হয়ে গেছে
কোয়ালিটি প্রায় 70-এ নামান, কম প্রস্থ ব্যবহার করুন, অথবা পরে ছবি কম্প্রেস দিয়ে ছোট করুন।
HTML
হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ
HTML হলো ওয়েবের মার্কআপ ল্যাঙ্গুয়েজ, যা ১৯৯০-এর দশকের শুরুতে টিম বার্নার্স-লি প্রথম বর্ণনা করেন এবং এখন WHATWG লিভিং স্ট্যান্ডার্ড হিসেবে দেখভাল করে। HTML ফাইলে শিরোনাম, অনুচ্ছেদ, লিংক, টেবিল, ছবি ও ফর্ম বর্ণনা থাকে, আর স্টাইল সাধারণত আসে CSS থেকে। সব ব্রাউজার এটি রেন্ডার করে, এবং ইমেইল টেমপ্লেট ও সেভ করা ওয়েব পেজেও এটি ব্যবহার হয়। একটি HTML ফাইল প্রায়ই বাইরের ছবি ও স্টাইলশিটের ওপর নির্ভর করে, তাই একা সরালে সেটি ভাঙা দেখাতে পারে।
- কম্প্রেশন
- –
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- –
- অ্যানিমেশন
- –
- প্রবর্তনের সাল
- 1993 · Tim Berners-Lee; maintained by WHATWG
JPG
JPEG ছবি
JPEG (বা JPG) সবচেয়ে বহুল ব্যবহৃত ফটো ফরম্যাট, যা Joint Photographic Experts Group ১৯৯২ সালে মানসম্মত করে। এটি লসি কমপ্রেশন ব্যবহার করে, যা চোখে সহজে ধরা পড়ে না এমন সূক্ষ্ম ডিটেইল বাদ দেয়, ফলে ছবি ওয়েব, ইমেইল ও ফোনের স্টোরেজের জন্য যথেষ্ট ছোট থাকে। মসৃণ গ্রেডিয়েন্ট ও প্রাকৃতিক দৃশ্য এটি ভালো সামলায়, কিন্তু তীক্ষ্ণ লেখা, লাইন আর্ট ও সমতল রঙে দৃশ্যমান ব্লকি বা ঝাপসা আর্টিফ্যাক্ট দেখা যায়। JPEG-এ স্বচ্ছতা ও অ্যানিমেশন নেই, আর প্রতিবার সেভে একটু করে মান কমে। প্রতিটি ব্রাউজার, ফোন, ক্যামেরা ও ইমেজ এডিটর এটি খুলতে পারে।
- কম্প্রেশন
- লসি
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- না
- অ্যানিমেশন
- না
- প্রবর্তনের সাল
- 1992 · Joint Photographic Experts Group
HTML শুধু ব্রাউজারেই ঠিকভাবে দেখায়; JPG-তে রূপান্তর করলে একটি রেন্ডারিং ছবি হয়ে স্থির হয়ে যায়, যা আপনি অ্যাটাচ, পোস্ট, আর্কাইভ বা স্লাইডে বসাতে পারেন, যেখানে কোড কোনো কাজে আসত না।
HTML থেকে JPG নিয়ে প্রশ্ন
ফাইল আপলোডের বদলে কি ওয়েবসাইটের ঠিকানা পেস্ট করা যায়?
না, এই কনভার্টার আপনার আপলোড করা HTML ফাইল নিয়ে কাজ করে। পেজটি ব্রাউজারে খুলে Save Page As ব্যবহার করুন এবং Webpage, Single File (Chrome ও Edge-এ MHTML) বেছে নিন, তারপর সেই ফাইল আপলোড করুন। এতে HTML, স্টাইল ও ছবি একসঙ্গে থাকে।
আমার JPG-তে কোনো স্টাইল ছাড়া শুধু সাধারণ লেখা দেখাচ্ছে কেন?
HTML সেভ করার সময় স্টাইলশিট ও ছবি বাদ পড়েছিল, Webpage, HTML Only অপশনে এমন হয়। কনভার্টার শুধু মার্কআপ দেখতে পায়। পেজটি আবার একটি MHTML ফাইল হিসেবে সেভ করুন, অথবা আপলোডের আগে HTML-এ CSS ইনলাইন করে দিন।
একটি JPG-তে কত লম্বা পেজ ধরে?
JPEG ফরম্যাটে প্রতিটি দিক সর্বোচ্চ 65,535 পিক্সেল হতে পারে, তাই অনেক লম্বা পেজ বেশি প্রস্থে এই সীমায় পৌঁছাতে পারে। লম্বা লেখার জন্য ছবি অপশন পেজ প্রতি একটিতে করুন, অথবা এমন সীমা নেই এমন HTML থেকে PDF-এ কনভার্ট করুন।
ওয়েব পেজের স্ক্রিনশটের জন্য JPG নেব নাকি PNG?
JPG ছোট হয় এবং ফটোসহ পেজের জন্য ভালো। PNG ছোট লেখা ও সরু রেখা একদম স্পষ্ট রাখে এবং স্বচ্ছ ব্যাকগ্রাউন্ড সমর্থন করে, তাই UI মকআপ ও ড্যাশবোর্ডের জন্য ভালো। আমাদের JPG vs JPEG vs PNG লেখায় পার্থক্যটি আছে।
ছবিতে ফন্টগুলো আমার ব্রাউজারের চেয়ে আলাদা দেখায় কেন?
যে ফন্ট শুধু আপনার কম্পিউটারে ইনস্টল করা, পেজ রেন্ডার হওয়ার জায়গায় তা পাওয়া যায় না, তাই বিকল্প ফন্ট ব্যবহার হয়। সেভ করা পেজে এমবেড করা বা পেজের স্টাইলের সঙ্গে লোড হওয়া ওয়েব ফন্ট ঠিকমতো রেন্ডার হয়।
প্রিভিউয়ের জন্য HTML ইমেল টেমপ্লেটকে কি ছবিতে কনভার্ট করা যায়?
হ্যাঁ। HTML পৃষ্ঠার প্রস্থ 600 px করুন, যে প্রস্থের জন্য বেশির ভাগ ইমেইল টেমপ্লেট তৈরি হয়, এবং একটি লম্বা ছবি রাখুন। এতে দ্রুত একটি ভিজ্যুয়াল প্রুফ পাবেন, যা এমন কাউকে পাঠানো যায় যার কাছে টেস্ট ইমেইল পাঠানো উচিত নয়।