This library provides an async image downloader with cache support. For convenience, we added categories for UI elements like UIImageView, UIButton, MKAnnotationView.
Note: SD is the prefix for Simple Design (which is the team name in Daily Motion company from the author Olivier Poitrey)
Features
Categories for UIImageView, UIButton, MKAnnotationView adding web image and cache management
An asynchronous image downloader
An asynchronous memory + disk image caching with automatic cache expiration handling
A background image decompression to avoid frame rate drop
A guarantee that the same URL won’t be downloaded several times
A guarantee that bogus URLs won’t be retried again and again
A guarantee that main thread will never be blocked
Modern Objective-C and better Swift support
Performances!
Supported Image Formats
Image formats supported by Apple system (JPEG, PNG, TIFF, BMP, …), including GIF/APNG animated image
HEIC format from iOS 11/macOS 10.13, including animated HEIC from iOS 13/macOS 10.15 via SDWebImageHEICCoder. For lower firmware, use coder plugin SDWebImageHEIFCoder
Support extendable coder plugins for new image formats like BPG, AVIF. And vector format like PDF, SVG. See all the list in Image coder plugin List
Additional modules and Ecosystem
In order to keep SDWebImage focused and limited to the core features, but also allow extensibility and custom behaviors, during the 5.0 refactoring we focused on modularizing the library.
As such, we have moved/built new modules to SDWebImage org.
SwiftUI
SwiftUI is an innovative UI framework written in Swift to build user interfaces across all Apple platforms.
We support SwiftUI by building a brand new framework called SDWebImageSwiftUI, which is built on top of SDWebImage core functions (caching, loading and animation).
The new framework introduce two View structs WebImage and AnimatedImage for SwiftUI world, ImageIndicator modifier for any View, ImageManager observable object for data source. Supports iOS 13+/macOS 10.15+/tvOS 13+/watchOS 6+ and Swift 5.1. Have a nice try and provide feedback!
In 5.0, we introduced a brand new mechanism for supporting animated images. This includes animated image loading, rendering, decoding, and also supports customizations (for advanced users).
This animated image solution is available for iOS/tvOS/macOS. The SDAnimatedImage is subclass of UIImage/NSImage, and SDAnimatedImageView is subclass of UIImageView/NSImageView, to make them compatible with the common frameworks APIs.
The SDAnimatedImageView supports the familiar image loading category methods, works like drop-in replacement for UIImageView/NSImageView.
Don’t have UIView (like WatchKit or CALayer)? you can still use SDAnimatedPlayer the player engine for advanced playback and rendering.
let imageView = SDAnimatedImageView()
let animatedImage = SDAnimatedImage(named: "image.gif")
imageView.image = animatedImage
FLAnimatedImage integration has its own dedicated repo
In order to clean up things and make our core project do less things, we decided that the FLAnimatedImage integration does not belong here. From 5.0, this will still be available, but under a dedicated repo SDWebImageFLPlugin.
Installation
There are four ways to use SDWebImage in your project:
using CocoaPods
using Carthage
using Swift Package Manager
manual install (build frameworks or embed Xcode Project)
Installation with CocoaPods
CocoaPods is a dependency manager for Objective-C, which automates and simplifies the process of using 3rd-party libraries in your projects. See the Get Started section for more details.
Podfile
platform :ios, '8.0'
pod 'SDWebImage', '~> 5.0'
Swift and static framework
Swift project previously had to use use_frameworks! to make all Pods into dynamic framework to let CocoaPods work.
However, starting with CocoaPods 1.5.0+ (with Xcode 9+), which supports to build both Objective-C && Swift code into static framework. You can use modular headers to use SDWebImage as static framework, without the need of use_frameworks!:
platform :ios, '8.0'
# Uncomment the next line when you want all Pods as static framework
# use_modular_headers!
pod 'SDWebImage', :modular_headers => true
If not, you still need to add use_frameworks! to use SDWebImage as dynamic framework:
platform :ios, '8.0'
use_frameworks!
pod 'SDWebImage'
Subspecs
There are 2 subspecs available now: Core and MapKit (this means you can install only some of the SDWebImage modules. By default, you get just Core, so if you need MapKit, you need to specify it).
Podfile example:
pod 'SDWebImage/MapKit'
Installation with Carthage
Carthage is a lightweight dependency manager for Swift and Objective-C. It leverages CocoaTouch modules and is less invasive than CocoaPods.
To install with carthage, follow the instruction on Carthage
Carthage users can point to this repository and use whichever generated framework they’d like: SDWebImage, SDWebImageMapKit or both.
Make the following entry in your Cartfile: github "SDWebImage/SDWebImage"
Then run carthage update
If this is your first time using Carthage in the project, you’ll need to go through some additional steps as explained over at Carthage.
NOTE: At this time, Carthage does not provide a way to build only specific repository subcomponents (or equivalent of CocoaPods’s subspecs). All components and their dependencies will be built with the above command. However, you don’t need to copy frameworks you aren’t using into your project. For instance, if you aren’t using SDWebImageMapKit, feel free to delete that framework from the Carthage Build directory after carthage update completes.
Installation with Swift Package Manager (Xcode 11+)
Swift Package Manager (SwiftPM) is a tool for managing the distribution of Swift code as well as C-family dependency. From Xcode 11, SwiftPM got natively integrated with Xcode.
SDWebImage support SwiftPM from version 5.1.0. To use SwiftPM, you should use Xcode 11 to open your project. Click File -> Swift Packages -> Add Package Dependency, enter SDWebImage repo’s URL. Or you can login Xcode with your GitHub account and just type SDWebImage to search.
After select the package, you can choose the dependency type (tagged version, branch or commit). Then Xcode will setup all the stuff for you.
If you’re a framework author and use SDWebImage as a dependency, update your Package.swift file:
This library provides an async image downloader with cache support. For convenience, we added categories for UI elements like
UIImageView
,UIButton
,MKAnnotationView
.Note:
SD
is the prefix for Simple Design (which is the team name in Daily Motion company from the author Olivier Poitrey)Features
UIImageView
,UIButton
,MKAnnotationView
adding web image and cache managementSupported Image Formats
Additional modules and Ecosystem
In order to keep SDWebImage focused and limited to the core features, but also allow extensibility and custom behaviors, during the 5.0 refactoring we focused on modularizing the library. As such, we have moved/built new modules to SDWebImage org.
SwiftUI
SwiftUI is an innovative UI framework written in Swift to build user interfaces across all Apple platforms.
We support SwiftUI by building a brand new framework called SDWebImageSwiftUI, which is built on top of SDWebImage core functions (caching, loading and animation).
The new framework introduce two View structs
WebImage
andAnimatedImage
for SwiftUI world,ImageIndicator
modifier for any View,ImageManager
observable object for data source. Supports iOS 13+/macOS 10.15+/tvOS 13+/watchOS 6+ and Swift 5.1. Have a nice try and provide feedback!Coders for additional image formats
Custom Caches
Custom Loaders
Photos.framework
)LPLinkView
(usingLinkPresentation.framework
)Integration with 3rd party libraries
Community driven popular libraries
Make our lives easier
You can use those directly, or create similar components of your own, by using the customizable architecture of SDWebImage.
Requirements
Backwards compatibility
Getting Started
pod try SDWebImage
Who Uses It
Communication
Contribution
How To Use
Animated Images (GIF) support
In 5.0, we introduced a brand new mechanism for supporting animated images. This includes animated image loading, rendering, decoding, and also supports customizations (for advanced users).
This animated image solution is available for
iOS
/tvOS
/macOS
. TheSDAnimatedImage
is subclass ofUIImage/NSImage
, andSDAnimatedImageView
is subclass ofUIImageView/NSImageView
, to make them compatible with the common frameworks APIs.The
SDAnimatedImageView
supports the familiar image loading category methods, works like drop-in replacement forUIImageView/NSImageView
.Don’t have
UIView
(likeWatchKit
orCALayer
)? you can still useSDAnimatedPlayer
the player engine for advanced playback and rendering.See Animated Image for more detailed information.
FLAnimatedImage integration has its own dedicated repo
In order to clean up things and make our core project do less things, we decided that the
FLAnimatedImage
integration does not belong here. From 5.0, this will still be available, but under a dedicated repo SDWebImageFLPlugin.Installation
There are four ways to use SDWebImage in your project:
Installation with CocoaPods
CocoaPods is a dependency manager for Objective-C, which automates and simplifies the process of using 3rd-party libraries in your projects. See the Get Started section for more details.
Podfile
Swift and static framework
Swift project previously had to use
use_frameworks!
to make all Pods into dynamic framework to let CocoaPods work.However, starting with
CocoaPods 1.5.0+
(withXcode 9+
), which supports to build both Objective-C && Swift code into static framework. You can use modular headers to use SDWebImage as static framework, without the need ofuse_frameworks!
:See more on CocoaPods 1.5.0 — Swift Static Libraries
If not, you still need to add
use_frameworks!
to use SDWebImage as dynamic framework:Subspecs
There are 2 subspecs available now:
Core
andMapKit
(this means you can install only some of the SDWebImage modules. By default, you get justCore
, so if you needMapKit
, you need to specify it).Podfile example:
Installation with Carthage
Carthage is a lightweight dependency manager for Swift and Objective-C. It leverages CocoaTouch modules and is less invasive than CocoaPods.
To install with carthage, follow the instruction on Carthage
Carthage users can point to this repository and use whichever generated framework they’d like: SDWebImage, SDWebImageMapKit or both.
Make the following entry in your Cartfile:
github "SDWebImage/SDWebImage"
Then runcarthage update
If this is your first time using Carthage in the project, you’ll need to go through some additional steps as explained over at Carthage.Installation with Swift Package Manager (Xcode 11+)
Swift Package Manager (SwiftPM) is a tool for managing the distribution of Swift code as well as C-family dependency. From Xcode 11, SwiftPM got natively integrated with Xcode.
SDWebImage support SwiftPM from version 5.1.0. To use SwiftPM, you should use Xcode 11 to open your project. Click
File
->Swift Packages
->Add Package Dependency
, enter SDWebImage repo’s URL. Or you can login Xcode with your GitHub account and just typeSDWebImage
to search.After select the package, you can choose the dependency type (tagged version, branch or commit). Then Xcode will setup all the stuff for you.
If you’re a framework author and use SDWebImage as a dependency, update your
Package.swift
file:Manual Installation Guide
See more on Manual install Guide
Import headers in your source files
In the source files where you need to use the library, import the umbrella header file:
It’s also recommend to use the module import syntax, available for CocoaPods(enable
modular_headers
)/Carthage/SwiftPM.Build Project
At this point your workspace should build without error. If you are having problem, post to the Issue and the community can help you solve it.
Data Collection Practices
As required by the App privacy details on the App Store, here’s SDWebImage’s list of Data Collection Practices.
Author
Collaborators
Credits
Thank you to all the people who have already contributed to SDWebImage.
Licenses
All source code is licensed under the MIT License.
Architecture
To learn about SDWebImage’s architecture design for contribution, read The Core of SDWebImage v5.6 Architecture. Thanks @looseyi for the post and translation.
High Level Diagram
Overall Class Diagram
Top Level API Diagram
Main Sequence Diagram
More detailed diagrams