অনলাইনে একটি সাধারণ দৃশ্যকল্প হল যে আপনার কাছে আপনার ওয়েবসাইটের একটি চিত্র রয়েছে যা আপনি লিঙ্ক করতে চান। সম্ভবত আপনি আপনার সাইটে একটি পৃষ্ঠা কোডিং করছেন এবং আপনি সেই ছবিটি যুক্ত করতে চান, অথবা আপনি অন্য কোন সাইট থেকে লিঙ্ক করতে চান, যেমন আপনার কাছে একটি সোশ্যাল মিডিয়া অ্যাকাউন্ট রয়েছে। কোন ক্ষেত্রে, এই প্রক্রিয়ার প্রথম ধাপটি সেই চিত্রটির URL (ইউনিফর্ম রিসোর্স লোকেটার) সনাক্ত করা। এটি ওয়েবের সেই নির্দিষ্ট চিত্রের অনন্য ঠিকানা এবং ফাইল পথ। চলুন কিভাবে এই কাজ সম্পন্ন করা হয়।
শুরু হচ্ছে
শুরু করার জন্য, আপনি যে চিত্রটি ব্যবহার করতে চান তার সাথে পৃষ্ঠাটিতে যান। তবে মনে রাখবেন, আপনার নিজের এমন একটি চিত্র ব্যবহার করা উচিত। যেহেতু অন্যের চিত্রগুলিতে ইঙ্গিত করা হয় ব্যান্ডউইথ চুরি বলে মনে করা হয় এবং এমনকি আপনি আইনীভাবেও সমস্যার সম্মুখীন হতে পারেন। আপনি যদি আপনার ওয়েবসাইটে একটি ইমেজ লিঙ্ক, আপনি আপনার নিজস্ব ইমেজ এবং আপনার নিজস্ব ব্যান্ডউইথ ব্যবহার করা হয়। এটা ঠিক আছে, কিন্তু যদি আপনি অন্যের ওয়েবসাইটের সাথে লিঙ্ক করেন, তবে আপনি সেই চিত্রটি প্রদর্শন করতে তাদের সাইট ব্যান্ডউইথটি আপলোড করছেন। যদি সেই সাইটটি তাদের ব্যান্ডউইথ ব্যবহারে মাসিক সীমা থাকে, যা অনেক হোস্টিং কোম্পানিগুলি আরোপ করে তবে আপনি তাদের সম্মতি ছাড়াই তাদের মাসিক সীমাতে খেতে থাকেন। উপরন্তু, আপনার ওয়েবসাইটে অন্য ব্যক্তির ইমেজ অনুলিপি একটি কপিরাইট লঙ্ঘন হতে পারে। যদি কেউ তাদের ওয়েবসাইটে ব্যবহার করার জন্য একটি চিত্রের লাইসেন্স দেয় তবে তারা তাদের ওয়েবসাইটের জন্যই এটি করেছে। সেই ছবিটি লিঙ্ক করে এবং আপনার সাইটে এটি অঙ্কন করে যাতে এটি আপনার পৃষ্ঠাতে প্রদর্শিত হয় সেই লাইসেন্সের বাইরে চলে এবং আপনাকে আইনি জরিমানা ও জরিমানাগুলি খুলতে পারে। নিচের লাইনটি, আপনি আপনার নিজের সাইট / ডোমেনের বাইরে থাকা চিত্রগুলির সাথে লিঙ্ক করতে পারেন, তবে এটি সবচেয়ে ভাল এবং বেআইনীভাবে বেআইনী হিসাবে বিবেচনা করা হয়, তাই কেবল একসাথে এই অনুশীলনটি এড়াতে।
এই নিবন্ধটির জন্য, আমরা অনুমান করবো যে চিত্রটি আপনার নিজের ডোমেনে বৈধভাবে হোস্ট করা হয়েছে।
এখন আপনি ইমেজ লিঙ্কিং এর "gotchas" বোঝেন, আমরা যা ব্রাউজার ব্যবহার করব তা সনাক্ত করতে চাই। বিভিন্ন ব্রাউজার ভিন্নভাবে কাজ করে, যা বিভিন্ন কোম্পানি দ্বারা তৈরি সমস্ত অনন্য সফ্টওয়্যার প্ল্যাটফর্মের থেকে জ্ঞান করে। বেশিরভাগ ক্ষেত্রেই, ব্রাউজারগুলি আজকাল কিছুটা অনুরূপ কাজ করে। গুগল ক্রোমে, আমি যা করব তা হল:
-
আপনি চান ইমেজ খুঁজুন।
-
ডান যে ইমেজ ক্লিক করুন (Ctrl + ক্লিক করুন একটি ম্যাক উপর)।
-
একটি মেনু প্রদর্শিত হবে। যে মেনু থেকে, আমি নির্বাচন করুন ইমেজ ঠিকানা অনুলিপি করুন.
-
যদি আপনি এখন আপনার ক্লিপবোর্ডে যা পেস্ট করেন, আপনি দেখতে পাবেন যে আপনার কাছে সেই চিত্রটির সম্পূর্ণ পথ রয়েছে।
এখন, এটি গুগল ক্রোমে কিভাবে কাজ করে। অন্যান্য ব্রাউজার পার্থক্য আছে। ইন্টারনেট এক্সপ্লোরারে, আপনি ডান ইমেজ ক্লিক করুন এবং নির্বাচন করুন প্রোপার্টি। সেই ডায়লগ বাক্স থেকে আপনি এই ছবিটির পথ দেখতে পাবেন। কপি করুন ইমেজ ঠিকানা এটি নির্বাচন করে এবং আপনার ক্লিপবোর্ডে এটি অনুলিপি করে।
ফায়ারফক্সে, আপনি ইমেজ ডান ক্লিক করুন এবং নির্বাচন করুন ছবির লোকেশন কপি করুন.
যখন ইউআরএল পথ খুঁজে পাওয়া যায় তখন মোবাইল ডিভাইসগুলি আরও বেশি কৌতুহলী হয় এবং আজকের বাজারে অনেকগুলি ভিন্ন ডিভাইস রয়েছে, তাই সমস্ত প্ল্যাটফর্ম এবং ডিভাইসগুলিতে চিত্র URL টি কীভাবে খুঁজে পাওয়া যায় সে সম্পর্কে একটি নির্দিষ্ট তালিকা তৈরি করা একটি কঠিন কাজ হবে। বেশিরভাগ ক্ষেত্রে, আপনি একটি মেনু অ্যাক্সেস করতে একটি চিত্রটি স্পর্শ করে ধরে রাখেন যা আপনাকে চিত্রটি সংরক্ষণ করতে বা তার URL খুঁজে পেতে অনুমতি দেয়।
ঠিক আছে, তাই আপনার একবার আপনার চিত্র URL আছে, আপনি এটি একটি HTML নথিতে যুক্ত করতে পারেন। মনে রাখবেন, এই ব্যায়ামটির সম্পূর্ণ বিন্দু ছিল ইমেজ এর URL খুঁজে পেতে যাতে আমরা আমাদের পৃষ্ঠাতে যুক্ত করতে পারি! এখানে এইচটিএমএল সঙ্গে এটি যোগ করা হয় কিভাবে। উল্লেখ্য যে আপনি যে HTML এডিটর পছন্দ করেন তাতে আপনি এই কোডটি লিখবেন:
ধরন:
ডবল উদ্ধৃতির প্রথম সেটের মধ্যে আপনি যে চিত্রটিকে অন্তর্ভুক্ত করতে চান তার পথটি পেস্ট করুন। Alt text এর মান বর্ণনাকারী সামগ্রী হওয়া উচিত যে চিত্রটি এমন ব্যক্তির জন্য কী আছে যা আসলে পৃষ্ঠাটিতে এটি দেখতে না পারে।
আপনার ওয়েব পেজ আপলোড করুন এবং আপনার ছবিটি এখন কোথায় আছে তা দেখতে ওয়েব ব্রাউজারে এটি পরীক্ষা করুন!
দরকারি পরামর্শ
প্রস্থ এবং উচ্চতা বৈশিষ্ট্যগুলি চিত্রগুলিতে প্রয়োজন হয় না এবং যদি আপনি সর্বদা সেই চিত্রটিকে সঠিক আকারে রেন্ডার না করে থাকেন তবে তা বাদ দেওয়া উচিত। প্রতিক্রিয়াশীল ওয়েবসাইট এবং চিত্রগুলি যে স্ক্রিন আকারের উপর ভিত্তি করে রিফ্লো এবং আকার পরিবর্তন করে, সেগুলি এই দিনগুলিতে খুব কমই হয়। আপনি সম্ভবত প্রস্থ এবং উচ্চতা বন্ধ করা বন্ধ করার সম্ভাবনা বেশি, বিশেষত যেহেতু অন্য যেকোন আকারের তথ্য বা শৈলী অনুপস্থিতিতে) ব্রাউজারটি যেভাবেই ডিফল্ট আকারে চিত্রটি প্রদর্শন করবে।
