images.tooling.report দিয়ে আপনার সাইটের ছবি নিখুঁত করুন

ইমেজ টুলিং এর অবস্থা দেখুন।

ওয়েবে একটি ছবি রাখা এক জিনিস—কিন্তু এটি ভালোভাবে করা কঠিন৷ সঠিক বিন্যাস, কম্প্রেশন, ডটস পার ইঞ্চি (DPI) বাছাই করা এবং অন্যান্য শত শত সেটিংস অন্যথায় সহজেই ভুলে যেতে পারে যখন আমরা নিজেরাই এই সব করি।

দুর্দান্ত খবর হল যে আজকাল আমাদের কাছে প্রচুর সরঞ্জাম এবং পরিষেবা রয়েছে যা আমাদের জন্য এটি করতে পারে। না-তাই-দারুণ খবর হল যে, ভাল, একটি প্রাচুর্য আছে. কোন টুল বা পরিষেবা আপনার জন্য সঠিক তা বেছে নেওয়া কঠিন হতে পারে। এই কারণেই আমরা images.tooling.report চালু করছি, এমন একটি সাইট যেখানে আমরা তালিকাভুক্ত করি যে ছবিগুলি উৎপাদনে শিপিং করার সময় আমরা কীগুলি সবচেয়ে গুরুত্বপূর্ণ মনে করি এবং কিছু জনপ্রিয় সফ্টওয়্যার এবং পরিষেবার তুলনা করতে, সেগুলি অর্থপ্রদান করা হোক বা বিনামূল্যে হোক, হোস্ট করা হোক বা স্বয়ং। -হোস্ট করা হয়েছে।

এটা কেন?

ছবিগুলি স্থানান্তরিত একটি সাইটের বাইটের একটি বিশাল অংশ তৈরি করে — এবং সেই বাইটগুলি যোগ করে! প্রকৃতপক্ষে, আমরা দেখতে পেয়েছি যে অপ্টিমাইজ করা ছবিগুলি একটি পৃষ্ঠার মোট আকারের প্রায় 75% তৈরি করে৷ এই সব নষ্ট বাইট একটি খরচ আসে. এই কারণেই লক্ষ লক্ষ বাস্তব ব্যবহারকারী সেশনের একটি সমীক্ষায়, রূপান্তরিত পৃষ্ঠাগুলিতে রূপান্তরিত হয়নি এমন চিত্রগুলির তুলনায় 38% কম চিত্র ছিল৷ তাই আপনি শুধু আপনার সব ছবি মুছে ফেলা উচিত? অবশ্যই না. কিন্তু আপনি নিশ্চিত করুন যে আপনি যে ছবিগুলি পাঠান তা সমস্ত ব্যবহারকারীর জন্য অপ্টিমাইজ করা হয়েছে, তারা যে ডিভাইসগুলি ব্যবহার করুক না কেন।

এটা কি?

অপ্টিমাইজ করা ছবি পরিবেশন করা শুধু "ওয়েবের জন্য সংরক্ষণ করুন" ক্লিক করার চেয়ে বেশি কিছু। এই কারণে images.tooling.report বিভিন্ন ধরনের বৈশিষ্ট্য পরীক্ষা করে। আমরা মৌলিক বিষয়গুলি কভার করি, যেমন বিভিন্ন সরঞ্জাম এবং পরিষেবাগুলি কতটা কম্প্রেশন প্রদান করে এবং নেটওয়ার্ক অপ্টিমাইজেশান যেমন দীর্ঘস্থায়ী ক্যাশে হেডার।

যদিও আমরা সেখানে থামি না। আমরা আরও উন্নত বিকল্পগুলি অনুসন্ধান করেছি, যেমন Save-Data , ECT , এবং অন্যান্য ক্লায়েন্ট ইঙ্গিতগুলির জন্য সমর্থন, স্বয়ংক্রিয় সাইকোভিজ্যুয়াল বিশ্লেষণের জন্য যা বারবার চিত্রগুলিকে সংকুচিত করতে ডেটা মডেল ব্যবহার করতে পারে, উপায় পরিবর্তন না করেই সবচেয়ে কম বাইট লাগে এমন সংস্করণটি খুঁজে বের করতে। আমাদের চোখ তা বুঝতে পারে। আপনি তারের নিচে পাঠানোর আগে আপনার ইমেজ থেকে প্রতিটি শেষ অ-ভিজ্যুয়াল বিট চেপে যাচ্ছে?

অন্ধকার মোডে images.tooling.report-এর জন্য ল্যান্ডিং পৃষ্ঠার একটি স্ক্রিনশট।

অবশ্যই, প্রতিটি সাইট একটি স্নোফ্লেক—কোনও একটি টুল বা পরিষেবা সম্পূর্ণরূপে যা আমরা খুঁজছিলাম তা করেনি। এটাই প্রত্যাশিত! তাই আমরা বিভিন্ন বিভাগে যা পরীক্ষা করেছি তা ভেঙে দিয়েছি। আমরা কন্টেন্ট ডেলিভারি নেটওয়ার্ক (CDN), স্ব-হোস্ট করা প্রকল্প, কন্টেন্ট ম্যানেজমেন্ট সিস্টেম (CMS) প্লাগইন এবং সাইট নির্মাতাকে কভার করি। এগুলি মোটামুটি আলগা সংজ্ঞা যা সত্যিই বিভিন্ন বিকল্পের তুলনা আরও প্রাসঙ্গিক করার চেষ্টা করার জন্য রয়েছে:

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

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

এরপর কি?

আপনি কি মনে করেন যে আমরা একটি ইমেজ টুল বা পরিষেবা মিস করেছি? আমাদের জানতে দাও! উভয় সরঞ্জাম এবং পরিষেবা এবং পরীক্ষাগুলিই একটি জীবন্ত, আপডেট করার জিনিস। যখনই আপনার শিপিং ইমেজের শিল্পের অবস্থা পরীক্ষা করার জন্য একটি দ্রুত স্থানের প্রয়োজন হয়, নিশ্চিত করুন যে আপনার প্রথম স্টপ হল images.tooling.report

আনস্প্ল্যাশে মাইকেল ম্যাসেনের হিরো ছবি