Images vs Core Graphics is a blunt distinction. The methods to render offscreen/onscreen graphics are more complex to the point that you need to use Instruments to find out what is really happening. I tried to provide an overview here, but this answer could use some improving from more knowledgeable people.
GPU vs CPU rendering
Graphics are always rendered onscreen by the GPU. However, they can be generated by the GPU or the CPU, and happen in user code or in a separate process called “the render server”. Here is an overview:
CPU, user code:
- Core Graphics and Core Text
drawRect(). The result is usually cached.
GPU, render server:
- CALayer with a
shouldRasterize set to YES. This creates a cache of the layer and sublayers.
GPU, render server, very slow:
- CALayer using masks (
setMasksToBounds) and dynamic shadows (setShadow*).
- Group opacity (
UIViewGroupOpacity).
GPU, fast:
- Creating images from PNG files. The stretching in stretchable images is GPU only too.
Note that caching is only useful if the cache is reused. If it is immediately discarded it hurts performance. For example, a cached animation where contents are simply stretched can be cached and reused, but a cached animation where contents change will have an awful performance.
Bitmaps vs drawing
Image files are generally faster.
- Image files can be downloaded to disk in advance using aggressive caching.
- Images can be read and decompressed from disk on the background.
- Images can be cached in memory if you use
imageNamed: instead initWithData:.
Offscreen drawing requires more work, but lets you achieve more.
- You can animate complex graphics with no quality loss, because the graphic is rewritten on every frame.
- You can create graphics with i18n on the fly.
- You should disable the implicit Core Graphics animation if you don't need it. Example: UIView with round corners (you just need the rounding, not the animation).
- Drawing can be complex enough that you need to use Instruments to see where the time is going.
- Drawing with drawRect is probably cached unless you use masking, shadows, edge antialiasing, or group opacity. You can request caching calling
-[CALayer setShouldRasterize:YES] and -[CALayer setRasterizationScale:].
Stretchable images, whether read from image files, or generated by drawing, use less memory. Stretching is an unexpensive operation to the GPU.
Performance is only a problem if there isn't enough. Use whatever is faster to code unless pressed otherwise. The fastest program is the one that reaches the market first.
Some interesting reading:
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
