How to load assets from Xcode asset catalogs
Swift version: 5.6
Xcode asset catalogs are a smart and efficient way to bring together your artwork in a single place. But they are also optimized for performance: when your app is built, your assets converted to an optimized binary format for faster loading, so they are recommended for all kinds of apps unless you have a specific reason to avoid them. (Note: SpriteKit games should texture atlases if possible.
If you don't already have an asset catalog in your project, you can create one by right-click on your project and choosing New File. From "iOS" choose "Resource" then Asset Catalog, then click Next and name your catalog. You can now select your new asset catalog in Xcode, and drag pictures directly into it.
Images stored inside asset catalog all retain their original filename, minus the path extension part. For example, "taylor-swift.png" will just appear as "taylor-swift" inside your asset catalog, and that's how you should refer to it while loading too.
Asset catalogs automatically keep track of Retina and Retina HD images, but it's recommended that you name your images smartly to help make the process more smooth: taylor-swift.png, taylor-swift@2x.png and taylor-swift@3x.png are the best way to name your files for standard, Retina and Retina HD resolutions respectively.
BUILD THE ULTIMATE PORTFOLIO APP Most Swift tutorials help you solve one specific problem, but in my Ultimate Portfolio App series I show you how to get all the best practices into a single app: architecture, testing, performance, accessibility, localization, project organization, and so much more, all while building a SwiftUI app that works on iOS, macOS and watchOS.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Available from iOS 7 – see Hacking with Swift tutorial 2
Similar solutions…
- How to load custom colors from an asset catalog
- How to use vector images in your asset catalog
- How to load a HTML string into a WKWebView or UIWebView: loadHTMLString()
- How to load a remote image URL into UIImageView
- How to lazy load views using LazyVStack and LazyHStack
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
