এই কোর্সটি শিক্ষানবিস এবং উন্নত ওয়েব ডেভেলপারদের জন্য একইভাবে তৈরি করা হয়েছে, যাতে সার্ভার থেকে ক্লায়েন্টের কাছে কীভাবে সাধারণ চিত্র বিন্যাসগুলি যোগাযোগ করা হয় তার বিশদ বিবরণের জন্য চিত্র উত্সগুলি দক্ষতার সাথে অনুরোধ করা এবং রেন্ডার করা হয়েছে তা নিশ্চিত করার মূল বিষয়গুলিকে অন্তর্ভুক্ত করে৷ এই কোর্স জুড়ে আপনি শিখবেন কীভাবে আপনার চিত্রগুলির গুণমানের সাথে আপস না করে সবচেয়ে ছোট সম্ভাব্য স্থানান্তর আকারগুলি অর্জন করতে হয়—অন্তত, এমনভাবে নয় যে কেউ দেখতে পাবে।
আধুনিক ওয়েবে চিত্রগুলি কীভাবে কাজ করে সে সম্পর্কে একটি সামগ্রিক বোঝার জন্য আপনি শুরু থেকে শেষ পর্যন্ত সিরিজের মধ্য দিয়ে যেতে পারেন, বা আপনার প্রতিদিনের কাজে আপনি যে নির্দিষ্ট ধারণা এবং মার্কআপ প্যাটার্নগুলি ব্যবহার করবেন তার রেফারেন্স হিসাবে এটি ব্যবহার করতে পারেন।
যারা ওয়েব ডেভেলপমেন্টে নতুন তাদের জন্য, মার্কআপ ব্যবহারের প্রাথমিক বিষয়গুলির জন্য এইচটিএমএল কোর্সগুলি শিখুন , স্টাইলিংয়ের মৌলিক বিষয়গুলির জন্য সিএসএস কোর্সগুলি শিখুন এবং প্রতিক্রিয়াশীল লেআউটগুলিতে কীভাবে চিত্রগুলি রেন্ডার করা হবে তা বোঝার জন্য প্রতিক্রিয়াশীল ডিজাইন কোর্সগুলি শিখুন ৷
আপনি যা শিখবেন তা এখানে:
ওয়েবে ছবিগুলির একটি সংক্ষিপ্ত ইতিহাস
1993 সালে ইমেজ এলিমেন্ট দিয়ে শুরু করে ওয়েবে ইমেজের ইতিহাস
মূল কর্মক্ষমতা সমস্যা
আপনার ছবির অনুরোধ যতটা সম্ভব ছোট এবং পারফরম্যান্স নিশ্চিত করার উপায় জানুন।
ভেক্টর ছবি
SVG সম্পর্কে জানুন, ওয়েবে ব্যবহৃত ভেক্টর চিত্র বিন্যাস।
রাস্টার ছবি
রাস্টার চিত্রগুলি আবিষ্কার করুন, যেমন JPEG, GIF, PNG, এবং WebP৷
চিত্র বিন্যাস: GIF
কিভাবে ইমেজ এনকোডিং কাজ করে তার ব্যাখ্যা সহ GIF ইমেজ ফরম্যাট বুঝুন।
চিত্র বিন্যাস: PNG
PNG কখন বেছে নেওয়ার জন্য সেরা চিত্র বিন্যাস তা খুঁজে বের করুন।
চিত্র বিন্যাস: JPEG
ওয়েবে সবচেয়ে সাধারণ চিত্র বিন্যাস সম্পর্কে জানুন।
চিত্র বিন্যাস: WebP
WebP সম্পর্কে জানুন এবং এই ফর্ম্যাট এবং অন্যদের মধ্যে পার্থক্য বুঝুন।
চিত্র বিন্যাস: AVIF
AV1 ইমেজ ফাইল ফরম্যাট (AVIF) ওপেন সোর্স AV1 ভিডিও কোডেকের উপর ভিত্তি করে একটি এনকোডিং।
প্রতিক্রিয়াশীল ছবি
প্রতিক্রিয়াশীল ইমেজ মধ্যে একটি গভীর ডুব.
বর্ণনামূলক বাক্য গঠন
srcset এবং সাইজ ব্যবহার করে ব্রাউজারকে ইমেজ সোর্স এবং সেগুলি কীভাবে ব্যবহার করা হবে সে সম্পর্কে তথ্য প্রদান করা।
প্রেসক্রিপটিভ সিনট্যাক্স
ছবির উপাদান সম্পর্কে জানুন.
স্বয়ংক্রিয় কম্প্রেশন এবং এনকোডিং
অত্যন্ত পারফরম্যান্ট ইমেজ উৎস তৈরি করা আপনার উন্নয়ন প্রক্রিয়ার একটি বিরামহীন অংশ করুন।
সাইট জেনারেটর, ফ্রেমওয়ার্ক এবং সিএমএস
কিভাবে CMS যেমন WordPress, এবং অন্যান্য সাইট জেনারেটর প্রতিক্রিয়াশীল ছবি ব্যবহার করা সহজ করতে পারে তা আবিষ্কার করুন।
ছবি বিষয়বস্তু বিতরণ নেটওয়ার্ক
ইমেজ সিডিএন-এর কীভাবে একটি ছবির বিষয়বস্তুকে রূপান্তর ও অপ্টিমাইজ করার ক্ষমতা রয়েছে তা জানুন।
উপসংহার
কিছু অতিরিক্ত সম্পদ।
তো, আপনি কি ইমেজ শিখতে প্রস্তুত?