ইমেজ আকার যোগাযোগ, সেরা অনুশীলন


11

আপনি যদি এইচটিএমএল ডকুমেন্টটি কঠোরভাবে মার্কআপের বাইরে স্টাইলিং রাখার সর্বোত্তম অনুশীলন ব্যবহার করে বিকাশ করছেন তবে কীভাবে আপনি চিত্রের আকার পরিবর্তন করতে সেরা যোগাযোগ করেন?

অতীত সেরা অনুশীলন চিত্রের সাথে চিত্রের উচ্চতা এবং প্রস্থ চায় যা এটি ব্রাউজারের চেয়ে বেশি দ্রুততর আকার ধারণ করবে যা চিত্রটি ডাউনলোড করার জন্য অপেক্ষা করছে sions তবে এটি করাকে নথির বাইরে বিচ্ছিন্ন শৈলী লঙ্ঘন বলে মনে হচ্ছে।

প্রতিটি চিত্রের জন্য একটি আইডি বৈশিষ্ট্য যুক্ত করুন এবং উচ্চতা / প্রস্থ CSS এর মধ্যে রাখুন? এটি কি ইনলাইন চিত্রের উচ্চতা এবং প্রস্থের রেন্ডারিং বোনাসটিকে অস্বীকার করে?

উত্তর:


12

আইএমজি উপাদানটির প্রস্থ এবং উচ্চতা থাকা অবনমিত নয় এবং অবশ্যই কোনও চিত্রের প্রস্থ এবং উচ্চতা ব্রাউজারকে বলার সেরা উপায়। অন্যভাবে এটি করার জন্য আপনার পথ থেকে বেরিয়ে আসা হতাশ এবং অপ্রয়োজনীয় (এবং সম্ভবত নির্বোধ)। নিজের বা ব্রাউজারের জন্য কোনও অপ্রয়োজনীয় কাজ করবেন না। কোন কাজ বেসিক আটকে।


1
... এবং কোনও ALTট্যাগও ভুলে যাবেন না , এমনকি যদিও এটি ফাঁকা, বা কমপ্লায়েন্স চেকাররা অভিযোগ করবে।
তালভি ওয়াটিয়া

@ চালচালক দুঃখিত তবে আপনি ভুল করেছেন আপনি সার্ভার সাইড প্রোগ্রামিং এবং / অথবা জাভাস্ক্রিপ্টের মাধ্যমে প্রস্থ এবং উচ্চতাকে গতিশীলভাবে ওভাররাইড করতে পারেন। এবং আপনার যুক্তি দ্বারা আপনি ইনলাইন শৈলীগুলিকে ওভাররাইড করতে পারবেন না।
জন কনডে

ওফস, দেখে মনে হচ্ছে যে কোনওভাবে CSS এর ওভাররাইটের অভাব সম্পর্কে আমি ভুল ছিলাম, !importantCSS তে আপনাকে প্রস্থ এবং উচ্চতার বৈশিষ্ট্যগুলিকে ওভাররাইড করার অনুমতি দেয় না, তাই প্রারম্ভিক / উচ্চতা ব্যবহার করা ভাল কাজ করে। এখন যদিও আমি ভোট ডাউন পজিশনে আটকে আছি। আপনি যদি উত্তরটি সম্পাদনা করার মতো মনে করেন তবে আমি এটি পরিবর্তন করব। shrugs না এটা খুব বেশী গুরুত্বপূর্ণ যে।
Kjqai

8

জন কনডের উত্তর স্পট-অন। চিত্রগুলির প্রস্থ এবং উচ্চতা রয়েছে - এটি তাদের সামগ্রীর অংশ , তাদের স্টাইল নয় । সুতরাং এখানে "বিচ্ছেদ" করার দরকার নেই।

তবে, একটি ব্যতিক্রম: আপনার যদি একই আকারের অনেকগুলি চিত্র (যেমন থাম্বনেইল) থাকে তবে চিত্রের মাত্রাগুলির জন্য সিএসএস কার্যকর is এইচটিএমএল কেটে এবং বিকাশকে ত্বরান্বিত করতে এখানে একটি CSS ক্লাস ব্যবহার করা আরও ভাল।

বোতাম এবং আইকন সহ কোনও ওয়েবসাইটের ডিজাইনের জন্য, আপনার সর্বোত্তম সমাধানটি সিএসএস স্প্রাইট রয়েছে।


+1, CSS স্প্রিটগুলি কোনও সাইটের গতিতে একটি হাস্যকর পার্থক্য করে।
Kzqai
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.