পরিবর্তে JPG এর পরিবর্তে SVG ফাইলগুলি ব্যবহার করুন

এসভিজি এর উপকারিতা

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

অনেক ওয়েব ডিজাইনার JPG ফাইল ফরম্যাটের সাথে আরামপ্রদ হয়, এবং এই বিন্যাসটি এমন চিত্রের জন্য নিখুঁত যেখানে গভীর রঙ গভীরতা রয়েছে, যেমন ফটোগ্রাফ। যদিও এই বিন্যাসটি সহজ গ্রাফিক্সের জন্যও কাজ করবে, যেমন সচিত্র আইকনগুলি, এটি সেই ক্ষেত্রে ব্যবহার করার জন্য সেরা ফর্ম্যাট নয়। যারা আইকনগুলির জন্য, SVG একটি ভাল পছন্দ হবে। আসুন ঠিক কেন একটি কটাক্ষপাত করা যাক:

SVG ভেক্টর প্রযুক্তি হয়

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

এসভিজি টেক্সট ভিত্তিক

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

এসভিজি কি এক্সএমএল এবং অন্যান্য ভাষা ফরম্যাটের ভিতরে কাজ করে

এটি পাঠ্য-ভিত্তিক কোডে ফিরে যায়। আপনি এসভিজিতে আপনার বেস ইমেজ তৈরি করতে পারেন এবং এটি পোষ্ট করতে সিএসএস ব্যবহার করতে পারেন। হ্যাঁ, আপনার কাছে এমন একটি ছবি থাকতে পারে যা আসলে একটি SVG ফাইল, তবে আপনি SVG সরাসরি পৃষ্ঠায় কোড এবং ভবিষ্যতে তা সম্পাদনা করতে পারেন। আপনি এটি CSS দিয়ে পরিবর্তন করতে পারেন একইভাবে আপনি পৃষ্ঠা পাঠ্য পরিবর্তন করতে পারবেন ইত্যাদি। এটি অত্যন্ত শক্তিশালী এবং এটি সহজ সম্পাদনা করার জন্য তৈরি করে।

SVG সহজে সম্পাদিত হয়

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

JPG চিত্রগুলি ভারী হতে পারে

আপনি যদি আপনার ছবিটি দৈহিক আকারে বৃদ্ধি করতে চান তবে এটি ফাইল আকারেও বৃদ্ধি পাবে। SVG সঙ্গে, একটি পাউন্ড এখনও একটি পাউন্ড আপনি এটা করতে বড় কোন ব্যাপার না। 2 ইঞ্চি চওড়া একটি স্কোয়ার 100 ইঞ্চি চওড়া একটি বর্গ হিসাবে একই ওজন হবে। ফাইলের আকার পরিবর্তন হয় না, যা একটি পৃষ্ঠার কর্মক্ষমতা দৃষ্টিকোণ থেকে চমৎকার!

সুতরাং কোনটি ভাল?

সুতরাং একটি ভাল বিন্যাস কি - SVG বা JPG? এটি নিজেই ইমেজ উপর নির্ভর করে এই জিজ্ঞাসা মত হল "কি ভাল, একটি হাতুড়ি বা স্ক্রু ড্রাইভার?" এটা আপনি সম্পন্ন করার প্রয়োজন কি নির্ভর করে! এই ইমেজ ফরম্যাটের জন্য একই সত্য। যদি আপনি একটি ছবি প্রদর্শন করতে হবে, তারপর JPG আপনার জন্য সেরা পছন্দ। যদি আপনি একটি আইকন যোগ করা হয়, তাহলে SVG সম্ভবত একটি ভাল পছন্দ। আপনি এখানে SVG ফাইলগুলি ব্যবহার করার উপযুক্ত সময় সম্পর্কে আরও জানতে পারবেন।

জনিফার ক্রাইনিনের মূল রচনা 6/6/17 এ জেরেমি গিরিড দ্বারা সম্পাদিত