PNG画像作成ツール
ブラウザーで画像をPNGに変換。サイズや切り抜き、透明部分を確認し、画像を送信せず取得できます。
AppIconGenerator · デザインツール
Apple Watchアプリアイコン生成
まずレイヤーを準備し、Icon Composerでネイティブの質感や外観を設定します。円形でも明確な図柄にしましょう。
デザインを調整
無料 · ブラウザー内で処理 · アカウント不要
プレビュー
%20scale(1)%20translate(-256%20-256)%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22198%22%20fill%3D%22none%22%20stroke%3D%22%236d28d9%22%20stroke-width%3D%2212%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22256%22%20y%3D%22256%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20font-family%3D%22Arial%2Csans-serif%22%20font-size%3D%22139.20%22%20font-weight%3D%22700%22%20letter-spacing%3D%220%22%20fill%3D%22%236d28d9%22%3ENV%3C%2Ftext%3E%3C%2Fsvg%3E)
プレビューをドラッグするか、位置スライダーで調整できます。
小さいサイズで確認
64 px32 px16 px大きなプレビューだけでなく、実際に表示されるサイズで図柄を確認してください。
ZIPには前景、背景、合成プレビューが入ります。別々の素材をIcon Composerに読み込み、ネイティブの質感を設定してアイコンを保存してください。
Apple Watchアイコンを準備する
レイヤーと円形プレビュー
1088ピクセルの前景、背景、合成プレビューを作ります。円の中で主役を読み取れる構図にします。ZIPはIcon Composerの入力で、完成した.iconではありません。
Appleのツールで仕上げる
Icon Composerでレイヤー、プラットフォーム、外観を確認し、保存してXcodeへ追加します。旧式カタログにはMakerの別出力を使い、対象要件を確認します。
新しい制作フロー向けの素材を準備
ZIPにはマスクを焼き込まない1088 pxの前景、背景、合成プレビューが入ります。 Icon Composerで読み込み、外観を確認して保存し、Xcodeに追加します。別のアセットカタログ出力には、マスクなしの不透明な1024 px watchOS画像と追加サイズの参考画像が含まれます。Xcodeでターゲットとの互換性を確認してください。
- 前景と背景を選ぶ
- 円形構図を確認
- レイヤー取得・Icon Composerへ
始める前の確認
なぜ1088ピクセルですか？
AppleのIcon Composer制作フローではApple Watchに1088 pxのキャンバスを使います。ツールはその寸法の素材を準備します。
ZIPは完成したネイティブアイコンですか？
元の素材です。Icon Composerで質感や外観を設定し、Xcode用のアイコンファイルを保存してください。
従来のPNGサイズも出せますか？
従来サイズのリンクでwatchOS選択済みのApp Icon Makerを開けます。旧プロジェクトの要件に合わせて確認してください。