আইওএস ডিভাইসগুলিতে রেটিনা ডিসপ্লেটি প্রথম মুক্তি পেয়ে বেশ কিছু সময় হয়েছে, তবে ডিজাইনার এবং ডেভেলপাররা সম্পূর্ণরূপে প্রতিক্রিয়াশীল মোবাইলের তথ্যগুলিতে হিপ পেয়েছেন এমন অনেক ওয়েবসাইট আছে যা রেটিনা-প্রস্তুত নয়। বন্ধুত্বপূর্ণ বিশ্বের।
ক্রমবর্ধমান সাধারণ রেটিনা ডিসপ্লেতে আপনার কাজটিকে সেরা হিসাবে দেখানোর বিকল্পগুলি সম্পর্কে আপনার কী জানা দরকার তা এখানে। ভাল খবর যে, এটি মনে হতে পারে হিসাবে daunting হিসাবে, এটা সত্যিই জটিল নয়।
$config[code] not foundরেটিনা-রেডি ইমেজ জন্য আপনার ওয়েবসাইট প্রস্তুতি
আপনার মজা দ্বিগুণ
আসলে আপনি এই বিড়াল চামড়া পারেন উপায় অনেক, তাই কথা বলতে। প্রথমত, আপনাকে আপনার CSS কে একটু তাত্পর্যপূর্ণ করতে হবে এবং আপনার চিত্রগুলির সংস্করণগুলিকে তাদের স্বাভাবিক রেজল্যুশন দ্বিগুণ করতে হবে। আপনার সাইটে যে ডিভাইসটি দেখানো হচ্ছে তার উপর ভিত্তি করে কোন চিত্রটি প্রদর্শিত হবে সেটি সিএসএস নির্ধারণ করবে।
আপনার প্রয়োজনীয় CSS সিডিগুলি আপনার লক্ষ্য ব্রাউজারগুলির উপর নির্ভর করে পরিবর্তিত হবে, তবে ভাল খবর এটি এখন খুব জটিল নয় এবং সহজতর হচ্ছে। আমরা অন্য দিন প্রকৃত কোডিং ছেড়ে চলে যেতে হবে।
মনে রাখা একটি বিষয়: আপনি আপনার র্যাটিন ইমেজগুলির জন্য একটি নামকরণের কনভেনশন বিকাশ করতে চাইতে পারেন যাতে আপনি পরে ছবিটির দুটি সংস্করণগুলি সহজেই সংযুক্ত করতে পারেন তবে এটিকে পরে সম্পাদনা করতে হবে।
করা SVG
আরেকটি পদ্ধতি এসভিজি, বা স্কেলেবল ভেক্টর গ্রাফিক্স। নামটি বোঝায়, এইগুলি ভেক্টর গ্রাফিক্স পর্যন্ত সীমাবদ্ধ এবং ফটোগ্রাফিক চিত্রগুলির সাথে কাজ করবে না, তবে SVG গ্রাফিক্স আপনার সাইটের প্রতিটি গ্রাফিকের জন্য দুটি চিত্র ফাইলগুলির প্রয়োজনটি মুছে ফেলে। আবার, ব্রাউজার থেকে ব্রাউজারে বৈচিত্র রয়েছে তাই আপনার চাহিদাগুলির উপর নির্ভর করে আপনি অতিরিক্ত গবেষণা করতে চান।
এবং উপরে উল্লিখিত হিসাবে, SVG সম্ভবত সর্বাধিক সাইটে আপনার একমাত্র সমাধান হিসাবে কাজ করবে না, যদি না এতে কোনও ফটো-টাইপ চিত্র থাকে।
পাশবিক বল
অবশ্যই, আপনি কেবল নিম্ন-রেজোলিউশন ফাইলগুলি ডাম্প করতে পারেন এবং কেবলমাত্র রেটিনা-প্রস্তুত চিত্রগুলি পরিবেশন করতে পারেন। আমরা শুধুমাত্র খুব কঠোরভাবে সংজ্ঞায়িত দর্শকদের সাথে ব্যবহারের জন্য এটি সুপারিশ করব। আপনি যদি ব্যান্ডউইথটিকে কোনও সমস্যা না বলে থাকেন তবে এটি সঠিক পথ হতে পারে তবে এটি অবশ্যই সর্বোত্তম অনুশীলন নয়
অন্যান্য কোডিং সমাধান
প্রচেষ্টা এবং কমনীয়তা বর্ণের অন্য প্রান্তে কোডিং পদ্ধতিগুলি যা পিএইচপি এবং জাভাস্ক্রিপ্ট কোডিং সহ কিছু সার্ভার-পার্শ্ব পরিবর্তন (যেমন। এইচটিএক্সেস ফাইল এন্ট্রি) উপর নির্ভর করে।
এটি আপনার সেরা পদ্ধতি হতে পারে, যদিও জড়িত প্রচেষ্টাটি ছোট প্রকল্পগুলির জন্য এটি মূল্যবান নাও হতে পারে।
সামগ্রিকভাবে, আপনি যে পদ্ধতিটি ব্যবহার করেন সেগুলি আপনার শ্রোতা, আপনার সাইটের দৃশ্যের প্রকৃতি এবং আপনার ডেভেলপমেন্ট টিমের প্রযুক্তিগত দক্ষতার স্তরের উপর নির্ভর করে। প্রায় প্রতিটি পরিস্থিতির জন্য একটি ভাল সমাধান আছে। শুধুমাত্র খারাপ সমাধান সম্পূর্ণরূপে রেটিনা প্রদর্শন উপেক্ষা করা হয়।
Shutterstock মাধ্যমে NASDAQ ছবি
