আপনি যখন কোনও ওয়েবসাইট তৈরি করেন এবং সেই সাইটে ছবি যোগ করেন, তখন আপনাকে অবশ্যই নির্ধারণ করতে হবে যে কোন ফাইলের ফরম্যাটগুলি সঠিকগুলি কী। গ্রাফিকের উপর নির্ভর করে, একটি ফর্ম্যাট অন্যদের তুলনায় অনেক ভাল হতে পারে।
অনেক ওয়েব ডিজাইনার JPG ফাইল ফর্ম্যাটের সাথে আরামদায়ক, এবং এই ফর্ম্যাটটি চিত্রের মতো গভীর রঙের গভীরতা রয়েছে এমন চিত্রগুলির জন্য উপযুক্ত। যদিও এই বিন্যাসটি সহজ গ্রাফিক্সের জন্যও কাজ করবে, যেমন চিত্রিত আইকন, এটি সেই উদাহরণে ব্যবহারের জন্য সর্বোত্তম বিন্যাস নয়। যারা আইকন জন্য, SVG একটি ভাল পছন্দ হবে। আসুন কেন ঠিক একটি চেহারা নিতে:
SVG ভেক্টর প্রযুক্তি
এই রাস্টার প্রযুক্তি না মানে। ভেক্টর ইমেজ গণিত ব্যবহার করে তৈরি লাইন একটি সমন্বয়। রাস্টার ফাইলগুলি পিক্সেল বা ছোট ছোট স্কোয়ার ব্যবহার করে। এটি একটি কারণ যা SVG স্কেলেবল এবং প্রতিক্রিয়াশীল ওয়েবসাইটগুলির জন্য নিখুঁত যা ডিভাইসের স্ক্রিন আকারের সাথে স্কেল করতে হবে। কারণ ভেক্টর গ্রাফিক্স গণিতের পৃথিবীতে বিদ্যমান, আকার পরিবর্তন করতে, আপনি কেবল সংখ্যাগুলি পরিবর্তন করুন। এটি আকারের আসে যখন রাস্টার ফাইল প্রায়ই একটি উল্লেখযোগ্য overhaul প্রয়োজন। যখন আপনি ভেক্টর ইমেজটিতে জুম ইন করতে চান, তখন কোনও বিকৃতি হয় না কারণ সিস্টেমটি গাণিতিক এবং ব্রাউজারটি কেবল সেই গণিতটি পুনঃসংখ্যা করে এবং আগের মতোই লাইনগুলিকে রেন্ডার করে। যখন আপনি রাস্টার চিত্রটিতে জুম ইন করেন, তখন আপনি ছবির গুণমান হারাতে পারেন এবং ফাইলটি সেই পিক্সেল রঙ দেখতে শুরু করলে ফাইলটি অস্পষ্ট হতে শুরু করে। গণিত প্রসারিত এবং চুক্তি, পিক্সেল না। আপনি যদি আপনার ছবিগুলি স্বনির্ধারিত রেজল্যুশন চান তবে SVG আপনাকে সেই ক্ষমতা দেবে।
এসভিজি টেক্সট ভিত্তিক হয়
যখন আপনি একটি চিত্র তৈরি করতে গ্রাফিক্স সম্পাদক ব্যবহার করেন, তখন প্রোগ্রামটি আপনার সম্পন্ন আর্টওয়ার্কের একটি ছবি নেয়। SVG ভিন্নভাবে কাজ করে। আপনি এখনও কিছু সফ্টওয়্যার প্রোগ্রাম ব্যবহার করতে পারেন এবং মনে করেন আপনি ছবি আঁকছেন তবে চূড়ান্ত পণ্যটি ভেক্টর লাইনের একটি সংগ্রহ বা এমনকি শব্দগুলি (যা আসলেই পৃষ্ঠার উপর ভেক্টর রয়েছে)। অনুসন্ধান ইঞ্জিন শব্দ, বিশেষ করে কীওয়ার্ড তাকান। যদি আপনি একটি JPG আপলোড করেন, তবে আপনি নিজের গ্রাফিকের শিরোনাম এবং সম্ভবত Alt পাঠ্য বাক্যাংশটিতে নিজেকে সীমাবদ্ধ করছেন। এসভিজি কোডিংয়ের সাথে, আপনি সম্ভাবনার উপর প্রসারিত এবং ইমেজ তৈরি করুন যা আরো অনুসন্ধান-ইঞ্জিন বন্ধুত্বপূর্ণ।
এসভিজি এক্সএমএল এবং অন্যান্য ভাষা ফরম্যাটের মধ্যে কাজ করে
এটি পাঠ্য-ভিত্তিক কোডে ফিরে যায়। আপনি আপনার বেস ইমেজ SVG এ তৈরি করতে এবং CSS এটিকে পলিশ করার জন্য ব্যবহার করতে পারেন। হ্যাঁ, আপনার কাছে এমন একটি চিত্র থাকতে পারে যা আসলে একটি SVG ফাইল, তবে আপনি সরাসরি পৃষ্ঠাতে SVG কোড করতে এবং ভবিষ্যতে এটি সম্পাদনা করতে পারেন। আপনি CSS টির সাথে একইভাবে পরিবর্তন করতে পারেন যেমন আপনি পৃষ্ঠা পাঠ্য, ইত্যাদি পরিবর্তন করবেন। এটি খুবই শক্তিশালী এবং এটি সহজ সম্পাদনা করার জন্য তৈরি করে।
SVG সহজে সম্পাদনা করা হয়
এটি সম্ভবত সবচেয়ে বড় সুবিধা। যখন আপনি একটি বর্গক্ষেত্র একটি ছবি নিতে, এটা কি। একটি পরিবর্তন করতে, আপনাকে দৃশ্যটি পুনরায় সেট করতে এবং একটি নতুন ছবি নিতে হবে। আপনি এটি জানেন আগে, আপনার স্কোয়ারগুলির 40 টি চিত্র রয়েছে এবং এখনও এটি সঠিক নয়। SVG এর সাথে, যদি আপনি ভুল করেন তবে কোনও পাঠ্য সম্পাদকের সমন্বয় বা শব্দ পরিবর্তন করুন এবং আপনার কাজ শেষ হয়ে যায়। আমি এটিতে যুক্ত হতে পারি কারণ আমি একটি SVG বৃত্ত আঁকিয়েছিলাম যা সঠিকভাবে অবস্থান করা হয়নি। আমি সব ছিল সমন্বয় সমন্বয় ছিল।
JPG ইমেজ ভারি হতে পারে
আপনি যদি আপনার ছবিটি প্রকৃত আকারে বাড়তে চান তবে এটি ফাইলের আকারেও বৃদ্ধি পাবে। SVG এর সাথে, একটি পাউন্ড এখনও একটি পাউন্ড যা আপনি এটি কত বড় না ব্যাপার। ২ ইঞ্চি প্রশস্ত একটি বর্গক্ষেত্র 100 ইঞ্চি প্রশস্ত একটি বর্গক্ষেত্রের মতো ওজন হবে। ফাইল আকার পরিবর্তন করে না, যা একটি পৃষ্ঠার পারফরম্যান্স দৃষ্টিকোণ থেকে চমৎকার!
সুতরাং যা ভাল হয়?
সুতরাং একটি ভাল বিন্যাস কি - SVG বা JPG? যে ইমেজ নিজেই উপর নির্ভর করে। এই ভালো "একটি ভাল, একটি হাতুড়ি বা স্ক্রু ড্রাইভার?" এটা আপনি কি অর্জন করতে হবে উপর নির্ভর করে! একই ইমেজ ফরম্যাটের জন্য একই। আপনি যদি একটি ছবি প্রদর্শন করতে চান তবে JPG আপনার জন্য সেরা পছন্দ। আপনি একটি আইকন যোগ করা হয়, তাহলে SVG সম্ভবত একটি ভাল পছন্দ। আপনি এখানে SVG ফাইলগুলি ব্যবহার করার জন্য উপযুক্ত যখন এটি সম্পর্কে আরও জানতে পারেন।
জেনারেল ক্রাইনিনের মূল নিবন্ধ। 6/6/17 তারিখে জেরেমি গিরার্ড দ্বারা সম্পাদিত
