কন্টেন্ট

• পদক্ষেপ
• 1 টির 1 পদ্ধতি: এইচটিএমএল সহ চিত্রগুলি .োকানো
• পরামর্শ
• সতর্কতা

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

পদক্ষেপ

1 টির 1 পদ্ধতি: এইচটিএমএল সহ চিত্রগুলি .োকানো

1. ফটোগুল্ড বা টিনিপিকের মতো একটি ফ্রি হোস্টিং ওয়েবসাইটে আপনার চিত্র আপলোড করুন যা গরম লিঙ্কটিকে অনুমতি দেয়। হট লিঙ্কিং ওয়েবসাইট সার্ভারে কোনও চিত্রের সরাসরি লিঙ্কের অনুমতি দেয়; কিছু সরবরাহকারী এটি নিষিদ্ধ করেছেন কারণ হট লিঙ্কিং তাদের ব্যান্ডউইথ ব্যবহার করে এবং তাদের সার্ভারে স্থান নেয়।
   • আপনার যদি অর্থ প্রদানের হোস্টিং অ্যাকাউন্ট থাকে তবে আপনার ওয়েবসাইটটি যেখানে রাখা হয়েছে সেই সার্ভারে চিত্রগুলি সরাসরি আপলোড করুন। এটি কোনও ফ্রি সাইটের চেয়ে সর্বদা নির্ভরযোগ্য এবং মোটেই ব্যয়বহুল হতে হবে না।
2. একটি পাঠ্য সম্পাদকে একটি নতুন দস্তাবেজ খুলুন (উদা।, নোটপ্যাড / নোটপ্যাড) বা আপনার ওয়েবসাইট / প্রোফাইলে এমন পৃষ্ঠাটি খুলুন যেখানে আপনি সরাসরি এইচটিএমএল কোডটি পরিবর্তন করতে পারবেন।
3. দিয়ে শুরু করুন img ট্যাগ দ্য img ট্যাগ খালি, মানে কোনও ক্লোজিং ট্যাগের প্রয়োজন নেই। তবে, এক্সএইচটিএমএল যাচাইয়ের জন্য আপনি এখনও এর সামনে একটি স্থান এবং একটি স্ল্যাশ রাখতে পারেন অপেক্ষা বৃহত্তর চিহ্ন.
   • img />
4. অনেকগুলি উপলভ্য বৈশিষ্ট্য রয়েছে তবে কেবলমাত্র একটি প্রয়োজনীয়:src। এটি আপনার চিত্রের অবস্থান / ঠিকানা বা URL টি।
   • img src = "চিত্রের URL" />
5. পরবর্তী আপনি করতে হবে Alt গুনগত মান যোগ করা. চিত্রটি লোড করতে ব্যর্থ হলে এটি একটি বিকল্প পাঠ্য দেখায়। এটি দৃষ্টি প্রতিবন্ধীদের জন্যও একটি পরিষেবা যা স্ক্রিন পাঠক ব্যবহার করে।
   • আপনি যদি কোনও চিত্রের উপর কার্সারটিকে ঘুরিয়ে রাখেন তবে এই পাঠ্যটিকে একটি সরঞ্জামদণ্ড হিসাবেও দেখানো হয়েছে, তবে এটি কেবল ইন্টারনেট এক্সপ্লোরার-এর ক্ষেত্রে। সমাধান যা সমস্ত ব্রাউজারের সাথে কাজ করে (ফায়ারফক্স) ইত্যাদি।) এটি হয় শিরোনাম এছাড়াও ব্যবহার করতে বৈশিষ্ট্য Alt। (আপনি যদি চিত্রটি কোনও টুলটিপ না রাখতে চান তবে আপনি বাদ দিতে পারেন))

উদাহরণ হিসাবে:img src = "চিত্রের URL" alt = "সেক্ষেত্রে" শিরোনাম = "টুলটিপ" />

1. এখন আপনি ইমেজটির সাহায্যে চিত্রটি আকারটি নির্দেশ করতে পারেন উচ্চতা এবং প্রস্থ গুণ, এবং পিক্সেল বা শতাংশ নির্দিষ্ট করে by নোট করুন যে এই পদ্ধতিতে পুনরায় আকার দেওয়ার ফলে কেবলমাত্র চিত্রের আকারই বদলে যায় না। কোনও চিত্রের লোডিংয়ের সময়টি সংক্ষিপ্ত করতে, বিশেষত বড় চিত্রগুলির সাথে ফটো এডিটিং সফ্টওয়্যার বা পিকরাইজ ডটকমের মতো কোনও অনলাইন পরিষেবা দিয়ে তাদের আকার পরিবর্তন করা আরও ভাল।
   • img src = "চিত্রের URL" alt = "সেক্ষেত্রে" শিরোনাম = "টুলটিপ" উচ্চতা = "50%" প্রস্থ = "50%" />
   • img src = "চিত্রের URL" alt = "সেক্ষেত্রে" শিরোনাম = "টুলটিপ" উচ্চতা = "25px" প্রস্থ = "50px" />

পরামর্শ

• এই বৈশিষ্ট্যের জন্য মান হয় পিক্সেল বা শতাংশ হিসাবে 1-100% থেকে দেওয়া হয়।
• উপরে, নীচে, মধ্যম, ডান, বাম ইত্যাদি বিভিন্ন ফর্ম্যাটিং বৈশিষ্ট্যগুলি ব্যবহার করে চিত্রটি ওয়েব পৃষ্ঠায় যে কোনও জায়গায় রাখা যেতে পারে
• Hspace অ্যাট্রিবিউটটি কোনও চিত্রের বাম এবং ডানে অনুভূমিক স্থান সন্নিবেশ করানোর জন্য ব্যবহৃত হয়, যখন vspace বৈশিষ্ট্যটি চিত্র এবং অন্যান্য বস্তুর উপরের এবং নীচে স্থান তৈরি করতে ব্যবহৃত হয়।
• চিত্রগুলির সাথে খুব বেশি প্রবৃত্ত হবেন না। এটি অগোছালো এবং পেশাদারহীন দেখায়।
• লোগো বা কার্টুনের জন্য জিআইএফ চিত্রগুলি সূক্ষ্ম, তবে এই ফাইল টাইপটি অনেক রঙযুক্ত ফটো এবং অন্যান্য চিত্রগুলির জন্য কম উপযুক্ত।
  • জিআইএফ চিত্রগুলি কেবল একটি চিত্রের জন্য সর্বাধিক 256 টি রঙের সাথে 8-বিট রঙকে সমর্থন করে। সুতরাং এটি আশা করা যায় যে 16 বা 24 বিটের রঙের চিত্র বা ছবির পুনরুত্পাদন তত ভাল হবে না।
  • জিআইএফ চিত্রগুলি স্বচ্ছতাও সমর্থন করে। এক বিট স্বচ্ছতা সম্ভব, যার অর্থ একটি রঙ স্বচ্ছ করা যায়।
  • ইন্টারফেসিং জিআইএফ চিত্রগুলি দ্বারা সমর্থিত যার অর্থ সাইট ভিজিটর সম্পূর্ণ লোড হওয়ার আগে চিত্রটি কেমন হবে তার একটি ধারণা পাবেন।
  • জিআইএফ ফর্ম্যাটটি অ্যানিমেশনটিকেও সমর্থন করে।
• নিশ্চিত হয়ে নিন যে URL টি চিত্রের ফাইল বিন্যাস (.webp .gif ইত্যাদি) বলেছে।

সতর্কতা

• হটলিঙ্ক করবেন না!