Images

title: \"Images | Apple Developer Documentation\" source: https://developer.apple.com/design/human-interface-guidelines/images To make sure your artwork looks gre

ContentCRO
bykursku2,193 words

What is Images?

What this skill does

This skill helps marketers create and optimize image assets tailored for Apple platforms, ensuring visuals display crisply and consistently across device resolutions. It guides the selection of image formats like PNG for graphics and JPEG or HEIC for photos, while emphasizing best practices such as embedding color profiles and testing images on actual devices. For tvOS, it covers advanced techniques like layered images to enable parallax effects that enhance user engagement through subtle depth and motion.

Who it's for

This skill is essential for performance marketers managing app store creatives who need pixel-perfect visuals that adapt to multiple Apple devices. Growth leads working on cross-platform campaigns benefit by understanding how image resolution and formats impact user perception and conversion rates. Agency strategists specializing in app marketing will find this skill useful for advising clients on platform-specific image requirements and avoiding common pitfalls like pixelation or distorted assets.

Key workflows

First, identify the target platform—iOS, macOS, tvOS, or visionOS—and choose appropriate image resolutions such as @2x or @3x to match device screens. Next, select the right format based on asset type, using PNG for interface icons or JPEG/HEIC for photos, and include color profiles to maintain color accuracy. For tvOS projects, create layered images with distinct foreground, middle, and background elements to leverage parallax effects, ensuring text remains in the foreground and backgrounds are opaque. Finally, test images on multiple devices to verify clarity and correct scaling before deploying.

Common questions

What image resolution should I target for iOS and iPadOS? Aim for @2x and @3x resolutions to ensure sharpness on Retina displays. How do I prepare images for tvOS parallax effects? Use layered images with 2–5 transparent layers, keeping key content in the foreground and backgrounds opaque. Can I embed layered images directly in my app? Embedded images are discouraged for layered assets on tvOS; instead, provide them from a content server at runtime to enable dynamic loading.

How to use in Metaflow

Attach the Images skill to tasks where visual asset optimization or platform adaptation is required, particularly for app marketing creatives targeting Apple devices. The skill will assist in selecting appropriate resolutions, formats, and layering techniques to enhance image presentation and user engagement. Expect improved asset readiness and platform compliance as part of your workflow when leveraging this skill in Metaflow.

For broader context, see our roundup of marketing skills claude, and read common Claude Code content mistakes for related setup guidance.

Related skills