আপনি শুনেছেন যে ওয়েবটি আপনার ব্যবসা ওয়েবসাইটে আরও বেশি দৃশ্যমান এবং দুর্দান্ত চিত্র হয়ে উঠেছে।
কিন্তু যারা ইমেজ আপনার ওয়েবসাইট দর্শকদের মর্মপীড়া হতে পারে। 1.7 মেগাবাইটের গড় ওয়েব পৃষ্ঠায় 1MB এর জন্য চিত্রগুলি অ্যাকাউন্ট রয়েছে।
হাই স্পিড ইন্টারনেট সংযোগগুলি ব্যবহার করে আপনার দর্শকদের ডেস্কটপ কম্পিউটারগুলিতে এটি একটি সমস্যা হতে পারে না। যাইহোক, আপনি যদি মোবাইল দর্শকদের দেখেন বা ট্র্যাফিক দেখতে চান তবে সেগুলি একটি সমস্যা হতে পারে। ইমেজ-ভারী ওয়েব পেজ ডাউনলোড করতে অনেক সময় লাগতে পারে। দর্শক হতাশ পেতে এবং আপনার সাইট ছেড়ে।
$config[code] not foundআপনি একটি প্রতিক্রিয়াশীল ওয়েব ডিজাইন বাস্তবায়ন করেছেন, যা আপনার সমস্ত মোবাইল সমস্যার সমাধান করে। এবং এটি সত্য যে একটি প্রতিক্রিয়াশীল ওয়েব ডিজাইন কিছু সমস্যা সমাধান করে। এটি স্বয়ংক্রিয়ভাবে ছোট এবং সংকীর্ণ মোবাইল স্ক্রিনগুলিতে দেখার জন্য আপনার সাইট উপাদানগুলিকে প্রদর্শন করে এবং প্রদর্শন করে।
কিন্তু প্রতিক্রিয়াশীল ওয়েব ডিজাইন সবকিছু উত্তর নয়। এটা অগত্যা ইমেজ ডাউনলোড সমস্যা সমাধান করে না। এমনকি প্রতিক্রিয়াশীল নকশা সঙ্গে, অনেকবার যারা হেভিওয়েট ইমেজ এখনও ডাউনলোড করা হয়। ওয়েব পারফরম্যান্স বিশেষজ্ঞ জোভ ওয়েস সংক্ষিপ্তভাবে অপেরা ওয়েবসাইটের দিকে নির্দেশ করেছেন:
"প্রতিক্রিয়াশীল ওয়েব ডিজাইন আরডাব্লিউডি যৌথভাবে নতুন ব্রাউজারের ক্ষমতা এবং CSS কৌশলগুলি তৈরি করে এমন ডিভাইসগুলি তৈরি করার জন্য তৈরি করে যা তাদের ডিভাইস প্রদর্শন করে এবং সর্বত্র আদর্শ দেখায়। যেগুলি ডেভেলপারদের অবিশ্বাস্য ডিভাইস সনাক্তকরণ সম্পর্কে উদ্বেগ প্রকাশ করে এবং ভিউপোর্টের মাত্রা অনুসারে তাদের ওয়েবসাইটগুলির কথা মনে করে।
তবে, যদিও প্রতিটি ডিভাইসে আরডাব্লিউ সাইটগুলি ভিন্ন ছিল, তবুও, তাদের অধিকাংশই সমস্ত ডিভাইসের জন্য একই সংস্থান ডাউনলোড করতে থাকল। "
নতুন
যদি আপনি HTML কোড সম্পর্কে কিছু জানেন না, একটি অ-প্রযুক্তিগত সংজ্ঞা হল: এটি একটি বিশেষ ভাষা। আপনার ওয়েবসাইট কোডের দৃশ্যগুলির পিছনে ব্যবহৃত হলে, ব্রাউজারটি কীভাবে পাঠ্য এবং চিত্রগুলি প্রদর্শন করবে তার জন্য এই ভাষা নির্দেশ দেয়। নতুন ছবির উপাদান এইচটিএমএল মার্কআপ ভাষার একটি প্রকার। এটি এইরকম লেখা (প্রতি প্রতিক্রিয়াশীল চিত্র সম্প্রদায় গোষ্ঠীর প্রতি): ছবি উপাদান প্রতিক্রিয়াশীল সম্পর্কে চিত্র, প্রতিক্রিয়াশীল না নকশা. অ-কারিগরি ব্যবসায়ের লোকেরা, এই পার্থক্যটি ছোট বলে মনে হতে পারে। কিন্তু যখন মোবাইল ডিভাইসগুলিতে আপনার সাইটের কর্মক্ষমতা আসে তখন এটি উল্লেখযোগ্য হতে পারে। একটি আর্সটেকনিকিকা রিপোর্ট অনুসারে, নতুন মার্কআপ উপাদানটি পূর্ণ আকারের মনিটরে দেখা যেতে পারে এমন চিত্রগুলির কারণে সৃষ্ট সমস্যার সমাধান করে - এমন চিত্র যা মোবাইল ডিভাইসগুলিতে ভাল অনুবাদ করে না। দ্য
"যখন ব্রাউজারটি একটি চিত্র উপাদান সম্মুখীন হয়, এটি প্রথমে ওয়েব ডেভেলপার নির্দিষ্ট করে এমন কোনও নিয়ম মূল্যায়ন করে। *** তারপর, বিভিন্ন নিয়ম মূল্যায়ন করার পরে, ব্রাউজার তার নিজের মানদণ্ডের ভিত্তিতে সেরা চিত্রটি চয়ন করে। ব্রাউজারের মানদন্ডগুলি আপনার সেটিংস অন্তর্ভুক্ত করতে পারে এমন থেকে এটি অন্য একটি চমৎকার বৈশিষ্ট্য। উদাহরণস্বরূপ, ভবিষ্যতে ব্রাউজারগুলি 3G- এ লোড হওয়া থেকে উচ্চ-রেস চিত্রগুলি বন্ধ করার বিকল্পটি প্রস্তাব করতে পারে, পৃষ্ঠাটির কোনও ছবি উপাদানটি কী বলে। একবার ব্রাউজারটি কোন চিত্রটি সর্বোত্তম পছন্দ তা জানে, এটি আসলে লোড এবং সেই চিত্রটি একটি পুরানো IMG উপাদানতে প্রদর্শন করে। … ছবিটি একটি IMG ট্যাগ wraps কি হয়। যদি ব্রাউজারটি খুব পুরানো হয় তবে কী করতে হবে তা জানার জন্য সব ডেভেলপাররা প্রথমে নতুন ছবির উপাদানটি স্বীকার করে নি। Ars Technica এর গল্পটি সেই প্রক্রিয়ার রূপরেখা দেয় যে ওয়েব ডেভেলপমেন্ট সম্প্রদায়ের নেতারা কোথায় গিয়ে পৌঁছেছেন $config[code] not found কিন্তু নতুন ছবিটি এইচটিএমএল উপাদান গৃহীত হওয়ার সাথে সাথে সমস্যাটির সমাধান হয়। দ্য
ব্যবসার মানুষ হিসাবে, একটি গুরুত্বপূর্ণ জিনিস যে হয় ছবির জন্য HTML উপাদানটি বাস্তবায়ন করা আপনার ওয়েব বিকাশকারীর সাথে আলোচনা করার মতো কিছু। টেকনিক্যালি-মেনডেড এবং ডু-ই-নিজেয়াররা ছবি উপাদানটি কীভাবে ব্যবহার করবেন তা শিখতে এখানে যেতে পারেন। এটি স্কট গিলবার্টস একটি চমৎকার লেখা আপ। বাস্তবায়ন মুক্ত মনে
ছবি: শটার্টারক; RICG ছবি এইচটিএমএল এলিমেন্ট কি?
সম্পর্কে মূল পয়েন্ট