启动画面（Splash Screen）生成器

当有人打开保存在 iPhone 或 iPad 主屏幕上的网页应用时，iOS 可以在页面加载期间显示一张启动图——但前提是你提供了与该屏幕和方向像素尺寸完全一致的图片，并用 apple-touch-startup-image 标签链接。本生成器会针对当前所有 iPhone 和 iPad 的尺寸，生成竖屏和横屏版本、把徽标居中放在品牌色上的图片，并写出对应的 HTML。它在浏览器中运行。

使用方法

1. 选择你的徽标——透明背景的 PNG 或 SVG 效果最干净。
2. 设置背景色（最好与清单中的 background_color 一致）和徽标大小。
3. 选择你支持的设备和方向、图片格式以及网站上的文件夹。
4. 下载 ZIP，把图片上传到该文件夹，并把 HTML 粘贴到页面的 <head> 中。

计算公式

图片尺寸 = CSS 屏幕尺寸 × 设备像素比（例如 440 × 956 × 3 = 1320 × 2868）；徽标缩放 = 徽标大小 % × 短边 ÷ 徽标的长边

每个链接标签都使用一条媒体查询，包含设备的 CSS 宽度和高度（始终是竖屏的值）、像素比和方向，因此 iOS 恰好只会选中一张图片。屏幕尺寸相同的设备共用一张图片。列表涵盖了从 iPhone SE（第 1 代）到 iPhone 17 系列、iPhone Air，以及沿用 17 Pro 尺寸的 iPhone 18 Pro / Pro Max，还有从 9.7 英寸机型到搭载 M4 及之后芯片的 iPad Pro。

示例

对于 iPhone 17 Pro Max（440 × 956 点，3 倍），竖屏图片是 1320 × 2868 px，横屏图片是 2868 × 1320 px。一个 1000 × 400 的徽标按 30% 缩放，会变成 0.3 × 1320 = 396 px 宽、158 px 高，并居中放置在屏幕上。