Loading Large Bitmaps Efficiently

মনে রাখবেন: এমন অনেক লাইব্রেরি আছে যেগুলি ছবি লোড করার জন্য পেশাদার পদ্ধতি অনুসরণ করে। সবচেয়ে অপ্টিমাইজ করা পদ্ধতিতে ছবি লোড করার জন্য আপনি নিজের অ্যাপে এইসব লাইব্রেরি ব্যবহার করতে পারবেন। আমরা Glide লাইব্রেরি ব্যবহার করার সাজেশন দিই, যা যত দ্রুত ও মসৃণভাবে সম্ভব ছবি লোড করে ও দেখায়। অন্যান্য জনপ্রিয় ইমেজ লোডিং লাইব্রেরির মধ্যে Square-এর Picasso, Instacart-এর Coil এবং Facebook-এর Fresco অন্তর্ভুক্ত। এই লাইব্রেরিগুলি Android-এ বিটম্যাপ এবং অন্যান্য ধরনের ছবির সাথে সম্পর্কিত বেশিরভাগ জটিল কাজকে সহজ করে তোলে।

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

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

এই টিউটোরিয়াল আপনাকে মেমরিতে ছোট সাবস্যাম্পেল ভার্সন লোড করার মাধ্যমে প্রতি অ্যাপ্লিকেশন মেমরি সীমা অতিক্রম না করে বড় বিটম্যাপ ডিকোড করার পদ্ধতি শেখায়।

বিটম্যাপ ডাইমেনশন এবং ধরন পড়ুন

BitmapFactory ক্লাস বিভিন্ন সোর্স থেকে Bitmap তৈরি করার জন্য একাধিক ডিকোডিং পদ্ধতি (decodeByteArray(), decodeFile(), decodeResource() ইত্যাদি) প্রদান করে। আপনার ইমেজ ডেটা সোর্সের উপর ভিত্তি করে সবচেয়ে উপযুক্ত ডিকোড পদ্ধতি বেছে নিন। এইসব পদ্ধতি তৈরি করা বিটম্যাপের জন্য মেমরি বরাদ্দ করার চেষ্টা করে এবং তাই সহজেই OutOfMemory ব্যতিক্রমের কারণ হতে পারে। প্রতিটি ডিকোড পদ্ধতির অতিরিক্ত সিগনেচার আছে যা আপনাকে BitmapFactory.Options ক্লাসের মাধ্যমে ডিকোডিং বিকল্প নির্দিষ্ট করতে দেয়। ডিকোড করার সময় inJustDecodeBounds প্রপার্টি true-এ সেট করলে মেমরি অ্যালোকেশন এড়ানো যায়, বিটম্যাপ অবজেক্টের জন্য null রিটার্ন করে কিন্তু outWidth, outHeight ও outMimeType সেট করে। এই টেকনিকের সাহায্যে আপনি বিটম্যাপ তৈরি (এবং মেমরি অ্যালোকেশন) করার আগে ইমেজ ডেটার ডাইমেনশন ও ধরন পড়তে পারবেন।

Kotlin

val options = BitmapFactory.Options().apply {
    inJustDecodeBounds = true
}
BitmapFactory.decodeResource(resources, R.id.myimage, options)
val imageHeight: Int = options.outHeight
val imageWidth: Int = options.outWidth
val imageType: String = options.outMimeType

জাভা

BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(getResources(), R.id.myimage, options);
int imageHeight = options.outHeight;
int imageWidth = options.outWidth;
String imageType = options.outMimeType;

java.lang.OutOfMemory ব্যতিক্রম এড়াতে, বিটম্যাপ ডিকোড করার আগে সেটির ডাইমেনশন চেক করুন, তবে আপনি যদি সোর্সকে সম্পূর্ণভাবে বিশ্বাস করেন যে সেটি আপনাকে প্রত্যাশিত সাইজের ইমেজ ডেটা প্রদান করবে যা উপলভ্য মেমরিতে সহজেই ফিট করে, তাহলে এটি করার প্রয়োজন নেই।

মেমরিতে স্কেল ডাউন করা ভার্সন লোড করুন

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

• মেমরিতে সম্পূর্ণ ছবি লোড করার জন্য আনুমানিক মেমরির ব্যবহার।
• আপনার অ্যাপ্লিকেশনের অন্য কোনও মেমরির প্রয়োজনীয়তা থাকলে, এই ছবি লোড করার জন্য আপনি যে পরিমাণ মেমরি ব্যবহার করতে ইচ্ছুক।
• টার্গেট ImageView বা UI কম্পোনেন্টের ডাইমেনশন যেখানে ছবি লোড করা হবে।
• বর্তমান ডিভাইসের স্ক্রিনের সাইজ ও ঘনত্ব।

যেমন, কোনও ছবি যদি শেষ পর্যন্ত ImageView-এ ১২৮x৯৬ পিক্সেল থাম্বনেলে দেখানো হয়, তাহলে মেমরিতে ১০২৪x৭৬৮ পিক্সেল ছবি লোড করার কোনও মানে হয় না।

ডিকোডারকে ছবির সাবস্যাম্পল করতে, মেমরিতে ছোট ভার্সন লোড করতে, আপনার BitmapFactory.Options অবজেক্টে inSampleSize থেকে true সেট করুন। যেমন, ২০৪৮x১৫৩৬ রেজোলিউশনের একটি ছবি ৪-এর inSampleSize দিয়ে ডিকোড করা হলে আনুমানিক ৫১২x৩৮৪-এর বিটম্যাপ তৈরি হয়। এটি মেমরিতে লোড করলে সম্পূর্ণ ছবির জন্য ১২ এমবি-র পরিবর্তে ০.৭৫ এমবি ব্যবহার করা হয় (ARGB_8888-এর বিটম্যাপ কনফিগারেশন ধরে নিয়ে)। এখানে টার্গেট প্রস্থ ও উচ্চতার উপর ভিত্তি করে দুইয়ের ঘাত হিসেবে স্যাম্পেল সাইজের মান গণনা করার পদ্ধতি দেওয়া হল:

Kotlin

fun calculateInSampleSize(options: BitmapFactory.Options, reqWidth: Int, reqHeight: Int): Int {
    // Raw height and width of image
    val (height: Int, width: Int) = options.run { outHeight to outWidth }
    var inSampleSize = 1

    if (height > reqHeight || width > reqWidth) {

        val halfHeight: Int = height / 2
        val halfWidth: Int = width / 2

        // Calculate the largest inSampleSize value that is a power of 2 and keeps both
        // height and width larger than the requested height and width.
        while (halfHeight / inSampleSize >= reqHeight && halfWidth / inSampleSize >= reqWidth) {
            inSampleSize *= 2
        }
    }

    return inSampleSize
}

জাভা

public static int calculateInSampleSize(
            BitmapFactory.Options options, int reqWidth, int reqHeight) {
    // Raw height and width of image
    final int height = options.outHeight;
    final int width = options.outWidth;
    int inSampleSize = 1;

    if (height > reqHeight || width > reqWidth) {

        final int halfHeight = height / 2;
        final int halfWidth = width / 2;

        // Calculate the largest inSampleSize value that is a power of 2 and keeps both
        // height and width larger than the requested height and width.
        while ((halfHeight / inSampleSize) >= reqHeight
                && (halfWidth / inSampleSize) >= reqWidth) {
            inSampleSize *= 2;
        }
    }

    return inSampleSize;
}

মনে রাখবেন: দুইয়ের ঘাত ভ্যালু গণনা করা হয় কারণ ডিকোডার inSampleSize ডকুমেন্টেশন অনুযায়ী দুইয়ের ঘাতের সবচেয়ে কাছাকাছি ভ্যালুতে রাউন্ড ডাউন করে চূড়ান্ত ভ্যালু ব্যবহার করে।

এই পদ্ধতি ব্যবহার করতে, প্রথমে inJustDecodeBounds-কে true-এ সেট করে ডিকোড করুন, বিকল্পগুলি পাস করুন এবং তারপরে নতুন inSampleSize ভ্যালু এবং inJustDecodeBounds-কে false-এ সেট করে আবার ডিকোড করুন:

Kotlin

fun decodeSampledBitmapFromResource(
        res: Resources,
        resId: Int,
        reqWidth: Int,
        reqHeight: Int
): Bitmap {
    // First decode with inJustDecodeBounds=true to check dimensions
    return BitmapFactory.Options().run {
        inJustDecodeBounds = true
        BitmapFactory.decodeResource(res, resId, this)

        // Calculate inSampleSize
        inSampleSize = calculateInSampleSize(this, reqWidth, reqHeight)

        // Decode bitmap with inSampleSize set
        inJustDecodeBounds = false

        BitmapFactory.decodeResource(res, resId, this)
    }
}

জাভা

public static Bitmap decodeSampledBitmapFromResource(Resources res, int resId,
        int reqWidth, int reqHeight) {

    // First decode with inJustDecodeBounds=true to check dimensions
    final BitmapFactory.Options options = new BitmapFactory.Options();
    options.inJustDecodeBounds = true;
    BitmapFactory.decodeResource(res, resId, options);

    // Calculate inSampleSize
    options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);

    // Decode bitmap with inSampleSize set
    options.inJustDecodeBounds = false;
    return BitmapFactory.decodeResource(res, resId, options);
}

এই পদ্ধতিটি একটি ImageView-এ ইচ্ছামত বড় আকারের একটি বিটম্যাপ লোড করা সহজ করে তোলে যা একটি ১০০x১০০ পিক্সেল থাম্বনেল প্রদর্শন করে, যেমনটি নিম্নলিখিত উদাহরণ কোডে দেখানো হয়েছে:

Kotlin

imageView.setImageBitmap(
        decodeSampledBitmapFromResource(resources, R.id.myimage, 100, 100)
)

জাভা

imageView.setImageBitmap(
    decodeSampledBitmapFromResource(getResources(), R.id.myimage, 100, 100));

প্রয়োজন অনুযায়ী উপযুক্ত BitmapFactory.decode* পদ্ধতি ব্যবহার করে, আপনি অন্যান্য সোর্স থেকে বিটম্যাপ ডিকোড করার জন্য একই ধরনের প্রসেস ফলো করতে পারেন।