Android图片加载框架深度对比：Coil 3.4.0 vs Glide 5.0，该选哪个？

// 自定义 BitmapPool 大小（默认按设备内存等级自动调节）
val bitmapPool = LruBitmapPool(
maxSize = 50 * 1024 * 1024L // 50MB
)// 注入自定义内存组件
@GlideModule
class MyGlideModule : AppGlideModule() {
override fun applyOptions(context: Context, builder: GlideBuilder) {
val memoryCacheSizeBytes = 1024 * 1024 * 20 // 20MB
builder.setMemoryCache(LruResourceCache(memoryCacheSizeBytes.toLong()))
builder.setBitmapPool(LruBitmapPool(memoryCacheSizeBytes.toLong()))
}
}

// Coil 3.x ImageLoader 配置
val imageLoader = ImageLoader.Builder(context)
.memoryCache {
MemoryCache.Builder()
.maxSizePercent(context, 0.25) // 使用 25% 可用内存
.build()
}
.diskCache {
DiskCache.Builder()
.directory(context.cacheDir.resolve("image_cache"))
.maxSizeBytes(100 * 1024 * 1024) // 100MB
.build()
}
.build()// 全局单例，App 内复用同一个 ImageLoader（重要！）
SingletonImageLoader.setSafe { context -> imageLoader }

// Glide 5.x 典型用法
Glide.with(context)
.load(imageUrl)
.placeholder(R.drawable.placeholder)
.error(R.drawable.error)
.centerCrop()
.diskCacheStrategy(DiskCacheStrategy.ALL)
.override(300, 300)
.into(imageView)// 在协程中异步获取 Bitmap
val bitmap = withContext(Dispatchers.IO) {
Glide.with(context)
.asBitmap()
.load(imageUrl)
.submit()
.get() // 阻塞式，注意需在 IO 线程
}

// Coil 3.x 协程方式异步加载，返回 ImageResult
lifecycleScope.launch {
val request = ImageRequest.Builder(context)
.data(imageUrl)
.size(300, 300)
.crossfade(true)
.target(imageView)
.build()
val result = imageLoader.execute(request)
when (result) {
is SuccessResult -> { /* 成功 */ }
is ErrorResult -> { /* 失败，result.throwable */ }
}
}// 用 AsyncImage 扩展（非 Compose）
imageView.load(imageUrl) {
placeholder(R.drawable.placeholder)
error(R.drawable.error)
transformations(CircleCropTransformation())
}// 直接在挂起函数中使用
suspend fun loadAsBitmap(url: String): Bitmap? {
val request = ImageRequest.Builder(context)
.data(url)
.allowHardware(false) // 需要操作像素时关闭 hardware bitmap
.build()
return (imageLoader.execute(request) as? SuccessResult)
?.image?.toBitmap()
}

// build.gradle.kts
implementation("io.coil-kt.coil3:coil-compose:3.4.0")// 使用 AsyncImage（最常用）
AsyncImage(
model = ImageRequest.Builder(LocalContext.current)
.data("https://example.com/image.jpg")
.crossfade(true)
.build(),
contentDescription = "图片描述",
contentScale = ContentScale.Crop,
modifier = Modifier
.fillMaxWidth()
.height(200.dp)
.clip(RoundedCornerShape(12.dp)),
placeholder = painterResource(R.drawable.placeholder),
error = painterResource(R.drawable.error)
)// 需要更细粒度控制，用 SubcomposeAsyncImage
SubcomposeAsyncImage(
model = imageUrl,
contentDescription = null
) {
val state = painter.state
when {
state is AsyncImagePainter.State.Loading -> CircularProgressIndicator()
state is AsyncImagePainter.State.Error -> ErrorView()
else -> SubcomposeAsyncImageContent()
}
}

// build.gradle.kts
implementation("com.github.bumptech.glide:compose:1.0.0-beta01")// GlideImage 用法
GlideImage(
model = imageUrl,
contentDescription = "图片",
contentScale = ContentScale.Crop,
modifier = Modifier
.fillMaxWidth()
.height(200.dp)
) {
it.placeholder(R.drawable.placeholder)
.error(R.drawable.error)
}

// KMP 项目 build.gradle.kts（commonMain）
kotlin {
sourceSets {
commonMain.dependencies {
// coil 3.x 核心支持 KMP
implementation("io.coil-kt.coil3:coil-core:3.4.0")
implementation("io.coil-kt.coil3:coil-network-ktor3:3.4.0")
}
androidMain.dependencies {
implementation("io.coil-kt.coil3:coil-compose:3.4.0")
}
}
}// commonMain 中定义的图片加载逻辑，Android/iOS/Desktop 共享
fun createImageLoader(context: PlatformContext): ImageLoader {
return ImageLoader.Builder(context)
.components {
add(KtorNetworkFetcherFactory())
}
.build()
}

// Coil 3.x 自定义 Transformation
class BlurTransformation(
private val radius: Float = 10f,
private val sampling: Float = 1f
) : Transformation() {
override val cacheKey = "BlurTransformation(radius=$radius,sampling=$sampling)"override suspend fun transform(input: Bitmap, size: Size): Bitmap {
// 使用 RenderScript 或 Toolkit 做模糊
return Toolkit.blur(input, radius.toInt())
}
}// 使用
imageView.load(url) {
transformations(BlurTransformation(radius = 20f))
}

// SubsamplingScaleImageView：大图处理的正确方案
implementation("com.davemorrissey.labs:subsampling-scale-image-view-androidx:3.10.0")// 布局中使用
// <com.davemorrissey.labs.subscaleview.SubsamplingScaleImageView
//     android:id="@+id/imageView"
//     android:layout_width="match_parent"
//     android:layout_height="match_parent" />// 代码中加载
subsamplingView.setImage(ImageSource.uri(imageUri))
// 或者加载 asset 文件
subsamplingView.setImage(ImageSource.asset("large_image.jpg"))

// Coil 2.x 初始化方式（旧）
class App : Application() {
override fun onCreate() {
super.onCreate()
Coil.setImageLoader(
ImageLoader.Builder(this)
.okHttpClient { OkHttpClient() }
.build()
)
}
}// Coil 3.x 初始化方式（新）
class App : Application(), SingletonImageLoader.Factory {
override fun newImageLoader(context: PlatformContext): ImageLoader {
return ImageLoader.Builder(context)
.components {
add(OkHttpNetworkFetcherFactory(
callFactory = { OkHttpClient() }
))
}
.build()
}
}