সিএসএসের চিত্রগুলি পুনরায় আকার দেওয়া কি এখনও একটি খারাপ ধারণা?

Question

এটি সর্বদা এটির দিকে লক্ষ্য করা যায় যে চিত্রগুলির প্রস্থ / উচ্চতার বৈশিষ্ট্যগুলি ব্যবহার করা যা মূল চিত্রটি আসল তা নয় এটি একটি খারাপ ধারণা। এর অর্থ পিক্সেলটেড ছবি বা নেসারি থেকে বড় আকারের ডাউনলোড হতে পারে।

কিন্তু, এটি কি এখনও একটি বিষয়? আমি আপ-সাইজিং ফটোগুলির পরামর্শ দেব না, তবে ডাউনসাইজিং এমন একটি সমস্যা হওয়া উচিত নয় যে শর্ত দেয় যে এটি আসল এবং স্কেল ধরে রাখার চেয়ে খুব বেশি পার্থক্য না করে।

উদাহরণস্বরূপ, আমার কাছে একটি ফটো রয়েছে যা 600x400 এবং আমি এর উপরে 400px প্রস্থ রেখেছি। বেশিরভাগ আধুনিক ব্রাউজারটি চিত্রটি নীচে স্কেল করে এবং দেখে মনে হচ্ছে রেন্ডারিং এখনও শালীন।

সুতরাং, এ সম্পর্কে প্রত্যেকের দৃষ্টিভঙ্গি কী?

Comments

সত্যই ব্যবহৃত ব্রাউজারগুলির আকার পরিবর্তনকারী অ্যালগরিদমের উপর নির্ভর করে: joelonsoftware.com/items/2008/12/22.html

— মার্জন ভেনেমা

Answer 1

স্কেলিং সম্পর্কে চিন্তা করবেন না (বেশিরভাগ ব্রাউজারগুলি স্কেলড ইমেজগুলিকে একেবারে সূক্ষ্ম দেখায়, আমার অভিজ্ঞতায় দেখায়), আপনি শেষ-ব্যবহারকারীর কাছে যে পেডলোড পাঠিয়েছেন তার আকার নিয়ে চিন্তা করুন।

অবশ্যই, আপনি তর্ক করতে পারেন যে আপনি যে অতিরিক্ত পিক্সেলগুলি ব্যবহার করার কোনও ইচ্ছা ছাড়াই প্রেরণ করছেন তার জন্য উভয় প্রান্তে আপনি খুব অল্প পরিমাণ ব্যান্ডউইদথ নষ্ট করছেন, তবে সময় ব্যয়ও অনেক বেশি।

প্রত্যেকটি চিত্রের জন্য আপনি প্রয়োজনীয় আকারের চেয়ে একটি আকারে প্রেরণ করেন আপনি নিজের ব্যবহারকারীর জন্য পৃষ্ঠা লোডে একটি সামান্য বিট যোগ করতে পারেন। কেবলমাত্র দু'টি চিত্রের ওয়েবসাইটের জন্য এটি কোনও সমস্যা হবে না তবে বিপুল সংখ্যক সহায়ক সংস্থানসম্পন্ন একটি সাইটের জন্য আপনি লক্ষণীয় বিলম্ব যুক্ত করতে শুরু করবেন এবং বিলম্বের জন্য আপনার অর্থ ব্যয় করতে হবে ।

এছাড়াও, ক্ষুদ্র ব্যান্ডউইদথ ব্যয়ের জন্য আপনার সাইটের ট্র্যাফিক যেমন বাড়ছে তেমনি ক্ষুদ্র ব্যান্ডউইথের জন্যও ব্যয় হবে।

সুতরাং, আপনার সংস্থার অর্থ সাশ্রয় করুন এবং 30 সেকেন্ড ব্যয় করুন আপনাকে নিজেরাই চিত্রটি আবার আকার দিতে হবে! :)

Answer 2

বরাবরের মতো, আপনার বেঞ্চমার্কিং করুন, তবে অ্যাপটি সত্যই জনপ্রিয় / মিশন-সমালোচনা না করা অবধি যদি আপনি এমন পরিস্থিতিতে থাকেন যে আপনার ঘন ঘন প্রস্থ পরিবর্তন করতে হয় তবে আমি 600০০ থেকে ৪০০ করে নামা নিয়ে খুব বেশি চিন্তিত হব না। এটি যদি এক-অফ, নিশ্চিত, চালান convert -geometry 400x photo1.jpg photo2.jpgতবে এটি যদি এমন অ্যাপ্লিকেশন হয় যা আপনি দ্রুত পুনরাবৃত্তি করে থাকেন তবে সম্ভবত পারফরম্যান্সের ক্ষেত্রের মধ্যেও চিন্তার আরও কিছু গুরুত্বপূর্ণ বিষয় রয়েছে are যেমন বিলম্ব; উদাহরণস্বরূপ প্রাক-উদ্বেগজনকভাবে চিত্রগুলি লোড করা।

চিত্রের আকার মোবাইল ডিভাইসগুলিতে গুরুত্বপূর্ণ হতে পারে, যেখানে বড় চিত্রের মাপগুলি ধীরে ধীরে লোড করার (ত্রিমাত্রিক ব্রডব্যান্ড) ট্রিপল-ওয়ামি প্রভাব দেয়, রেন্ডার করতে আরও বেশি সময় নেয় (নিম্ন-গ্রেড হার্ডওয়্যার), এবং - একবার রেন্ডার - উচ্চ রেজোলিউশনে সম্পূর্ণ দৃশ্যমান হয় না যাহাই হউক না কেন।

আপনি প্রতিক্রিয়াশীল চিত্রগুলিও দেখতে চাইতে পারেন। লোকেরা অনেক কাজ করেছে, উদাহরণস্বরূপ স্বয়ংক্রিয়ভাবে ডাউনসাইজিং - এবং তারপরে ক্যাশে করা - সার্ভারের চিত্রগুলি যদি খুব বেশি আসে তবে এটি একটি ভাল পদ্ধতির।

Answer 3

ইস্যুটি পে-লোড, ব্রাউজারটি যে কোনও আকারে প্রায় সূক্ষ্ম হবে (আপনি যে ছোট আকারের কথা বলছেন)

একটি উচ্চ ভলিউম সাইটের জন্য এমনকি একক বাইটগুলিও গুরুত্বপূর্ণ। আপনি অযাচিত তথ্য প্রেরণ করতে চান না।

খারাপ আইডিয়া সম্পর্কে কথা বললে, কয়েক পিক্সেল দ্বারা প্রস্থ / উচ্চতা সামঞ্জস্য করা 10 বা 20 পিক্সেল হতে পারে এটি কোনও খারাপ ধারণা নয়। আপনি যদি একটি বড় চিত্রকে থাম্বনেইলে সঙ্কুচিত করে থাকেন তবে এটি খুব খারাপ ধারণা :)