Glide: 이미지 라이브러리 및 Android에서의 활용

Glide란?

Glide는 Android 애플리케이션에서 이미지, 애니메이션 GIF 및 비디오 프레임을 빠르고 효율적으로 로딩하기 위한 라이브러리입니다. 이 프로젝트는 Google의 후원 아래 Bumptech에서 개발하며 Google의 공식 애플리케이션에서 널리 사용됩니다.

Glide의 내부 아키텍처는 컴포넌트 기반 접근 방식으로 구축되었습니다. Engine은 요청 실행을 관리하고, DecodeJob은 디코딩을 담당하며, ResourceDecoder는 원시 데이터를 Bitmap 또는 Drawable로 변환합니다. 각 단계는 모듈과 레지스트리를 통해 사용자 정의할 수 있어, Glide는 비표준 이미지 형식에 매우 유연한 라이브러리입니다.

많은 경쟁사와 달리 Glide는 처음부터 Android의 특성(Activity 및 Fragment 생명주기, 화면 회전, 설정 변경)을 고려하여 설계되었습니다. 라이브러리는 컴포넌트 상태에 따라 자동으로 로딩을 일시 중지하고 재개합니다.

Android Developers에 따르면, Glide는 Google 공식 문서에서 이미지 로딩을 위해 권장되는 라이브러리입니다. Google Play, Google Maps 및 기타 Google 제품에서 사용되어 신뢰성과 성능을 입증했습니다.

Glide와 대안의 주요 차이점은 ImageView 크기에 맞는 자동 이미지 스케일링입니다. Picasso가 전체 해상도로 이미지를 로드한 후 스케일링하는 반면, Glide는 파일을 필요한 크기로 직접 디코딩합니다. 이는 피크 메모리 소비를 줄이고 다양한 셀 크기의 목록에서 표시 속도를 높입니다.

Glide의 주요 기능

Glide는 이미지 작업을 위한 광범위한 기능을 제공하며, 간단한 시나리오부터 복잡한 콘텐츠 로딩 시나리오까지 모두 포괄합니다.

GIF 및 애니메이션 WebP 지원

GIF 및 애니메이션 WebP는 정적 이미지만큼 쉽게 Glide로 로드 및 표시됩니다. 라이브러리는 MIME 유형으로 자동으로 형식을 감지하고 애니메이션을 디코딩하여 백그라운드 스레드에서 프레임을 표시합니다. 재생 제어를 위해 asGif 및 asBitmap 메서드를 사용할 수 있습니다.

생명주기 통합

Glide는 Activity, Fragment 및 View의 생명주기에 자동으로 바인딩됩니다. Activity가 일시 중지되면 로딩이 중단되고, 소멸되면 취소됩니다. 이는 메모리 누수와 이미 닫힌 화면의 이미지 로딩을 방지합니다. 통합은 LifecycleOwner 지원을 통해 작동합니다.

비디오 프레임 로딩

Glide는 URL 또는 로컬 경로로 비디오에서 프레임을 추출할 수 있습니다. 비디오 URI에는 load()와 함께 asBitmap() 메서드를 사용합니다. Glide는 자동으로 키 프레임 또는 지정된 타임스탬프의 프레임을 선택합니다. 이는 비디오 썸네일 표시에 유용합니다.

GlideApp 생성 및 설정

GlideApp은 AppGlideModule 구성을 기반으로 확장된 API를 제공하는 생성된 클래스입니다. 표준 Glide.with에서 사용할 수 없는 메서드(사용자 정의 기본 옵션 로딩, 라이브러리 통합, 사전 설정 변환)를 사용할 수 있습니다. 생성을 위해서는 AppGlideModule을 확장하는 클래스에 @GlideModule 어노테이션이 필요합니다.

Glide의 작동 방식

Glide는 엔진, 디코더, 변환 및 캐시를 갖춘 다계층 아키텍처를 사용합니다. 각 요청은 특정 ImageView에 맞게 로딩을 최적화하는 핸들러 체인을 통과합니다.

아키텍처 및 파이프라인

into(view)가 호출되면 Glide는 캐시(활성 리소스, 메모리 캐시, 디스크 캐시)를 확인한 후 네트워크를 확인합니다. 이미지는 화면 밀도와 scaleType을 고려하여 대상 ImageView 크기로 자동 스케일링됩니다. 이는 메모리 사용량을 줄입니다 — Glide의 주요 장점입니다.

Glide.with(context)
    .load("https://example.com/image.jpg")
    .placeholder(R.drawable.loading)
    .error(R.drawable.error)
    .override(400, 300)
    .centerCrop()
    .into(imageView)

Glide 설치 및 설정

Glide 설치는 Gradle을 통해 수행됩니다. API 생성을 위해 라이브러리는 AppGlideModule을 통한 구성이 필요합니다. 최소 Android API 버전은 21입니다.

종속성 추가

build.gradle에 GlideApp API 생성을 위한 kapt 어노테이션 프로세서와 함께 Glide를 추가합니다. Kotlin의 경우 annotationProcessor 대신 kapt를 사용합니다. Glide 버전 4.16+는 Android Gradle Plugin 8.x와 안정적으로 작동합니다.

dependencies {
    implementation "com.github.bumptech.glide:glide:4.16.0"
    annotationProcessor "com.github.bumptech.glide:compiler:4.16.0"
}

// Kotlin에서는 kapt를 사용하세요
// kapt "com.github.bumptech.glide:compiler:4.16.0"

AppGlideModule 생성

AppGlideModule은 Glide 구성에 필요한 컴포넌트입니다. 캐시 크기 설정, 사용자 정의 HttpStack 및 사용자 정의 디코더 등록이 가능합니다. 애플리케이션 시작 시 Glide가 모듈을 스캔합니다. @GlideModule 어노테이션이 자동으로 등록합니다.

@GlideModule
public class MyGlideModule extends AppGlideModule {
    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
        int diskCacheSize = 250 * 1024 * 1024;
        builder.setDiskCache(
            new DiskLruCacheFactory(cacheDir.getPath(), diskCacheSize)
        );
    }
}

Glide 사용 예제

아래 예제는 이미지 로딩, GIF 작업 및 비디오 프레임 추출의 일반적인 시나리오를 보여줍니다.

플레이스홀더로 이미지 로딩

Glide.with().load().into()를 통한 기본 로딩 — 네트워크에서 이미지를 표시하기 위한 최소 코드입니다. Glide는 자동으로 ImageView 크기에 맞춥니다. 로딩 중에는 플레이스홀더가 표시되고 실패 시 error가 표시됩니다.

Glide.with(fragment)
    .load("https://example.com/photo.jpg")
    .placeholder(R.drawable.placeholder)
    .error(R.drawable.error)
    .skipMemoryCache(true)
    .diskCacheStrategy(DiskCacheStrategy.NONE)
    .into(imageView)

GIF 이미지 로딩

GIF는 정적 이미지와 동일한 방식으로 로드됩니다 — Glide가 콘텐츠 유형으로 자동 형식을 감지합니다. 정적 이미지로 강제 로딩하려면 asBitmap()을, GIF의 경우 asGif()를 사용합니다. Glide는 표시되는 프레임만 효율적으로 디코딩합니다.

Glide.with(context)
    .asGif()
    .load("https://example.com/animation.gif")
    .into(imageView)

// GIF의 첫 번째 프레임을 정적 이미지로 로드
Glide.with(context)
    .asBitmap()
    .load("https://example.com/animation.gif")
    .into(imageView)

비디오 프레임 로딩

비디오 프레임은 로컬 또는 원격 비디오 URI에서 Glide에 의해 추출됩니다. 기본적으로 Glide는 키 프레임을 로드합니다. 특정 타임스탬프를 지정하려면 frameMillis를 사용합니다. 이는 비디오 갤러리에서 미리보기를 표시하는 데 편리합니다.

String videoUrl = "https://example.com/video.mp4";

Glide.with(context)
    .asBitmap()
    .load(videoUrl)
    .override(200, 200)
    .into(imageView)

대규모 목록을 위한 Glide 최적화

많은 이미지가 포함된 애플리케이션 개발 시 RecyclerView를 위한 Glide 최적화는 중요한 기술입니다. 적절한 구성은 지연 및 OOM 오류를 방지합니다.

Glide의 주요 기능 중 하나는 RecyclerViewPreloader를 통한 RecyclerView 통합입니다. 이 컴포넌트는 스크롤 속도와 방향을 분석하여 몇 항목 내에 화면에 표시될 이미지를 사전 로드합니다. 프리로더를 사용하려면 PreloadSizeProvider 인터페이스를 구현하고 대상 ImageView와 함께 생성자에 전달해야 합니다.

정확한 ImageView 크기로 override() 메서드를 사용하면 로딩이 크게 빨라집니다. Glide가 대상의 정확한 크기를 알면 스케일링 단계를 건너뛰고 이미지를 필요한 해상도로 직접 디코딩할 수 있습니다. 이는 디코딩 시간과 피크 메모리 소비를 30~40% 줄입니다.

이질적인 콘텐츠가 포함된 피드의 경우 항목 유형별로 다른 RequestOptions를 사용합니다. 예를 들어, 큰 배너 이미지에는 override(1200, 600) 및 RGB_565 품질을 설정하고, 아바타에는 override(200, 200) 및 transform을 통한 둥글게 처리를 설정합니다. 이 접근 방식은 각 콘텐츠 유형에 맞게 리소스를 최적으로 사용합니다.

오류 처리

Glide는 오류 이미지 및 사용자 정의 RequestListener를 통해 유연한 오류 처리 옵션을 제공합니다. RequestListener를 사용하면 성공적인 로딩 또는 실패에 반응하여 오류를 기록하거나 분석을 보낼 수 있습니다. 또한 load()가 URL 대신 null을 받을 때 표시되는 폴백 이미지를 구성할 수 있습니다.

사용자가 스크롤하기 전에 이미지를 사전 로드하려면 RecyclerViewPreloader를 사용하세요. Glide는 스크롤 속도를 분석하고 이미지를 미리 로드하는 프리로더를 통해 RecyclerView 통합을 지원합니다.

썸네일 배율을 사용하면 먼저 이미지의 축소 버전을 표시한 후 전체 버전을 로드할 수 있습니다. thumbnail(0.25f)를 호출하면 25% 크기 버전이 즉시 표시되고, 전체 크기 이미지는 나중에 로드됩니다. 이는 즉각적인 로딩 느낌을 줍니다.

목록 어댑터의 경우 Glide가 매번 이미지를 스케일링하지 않도록 정확한 ImageView 크기로 .override()를 사용합니다. 이는 CPU 부하와 메모리 소비를 줄입니다. 캐시 크기는 실험적으로 선택되지만, 디스크 250MB와 사용 가능한 메모리의 20%가 좋은 시작점입니다.