我正在尝试为我的iPhone应用程序创建图标，但不知道如何获取iPhone图标使用的确切半径。我已经搜索并搜索了教程或模板，但是找不到。

我确定我只是个白痴，但是如何使用Illustrator或Photoshop中的图标使圆角正确？

编辑：

视网膜iPad的半径是多少？

您可以为您的应用制作四个图标（截止到今天），并且它们的外观都可能不同-不一定基于512x512图像。

• 512x512图标的拐角半径= 80（iTunesArtwork）
• 1024x1024 图标的角半径= 180（iTunesArtwork Retina）
• 57x57图标的拐角半径= 9（iPhone / iPod Touch）
• 114x114图标的拐角半径= 18（iPhone / iPod Touch Retina）
• 72x72图标的拐角半径= 11（iPad）
• 144x144图标的角半径= 23（iPad Retina）

如果确实创建了一组自定义图标，则可以UIPrerenderedIcon在info.plist文件中将该选项设置为true，它不会添加光泽效果，但是会在其下放置黑色背景，并且仍以这些角半径将图像角环绕因此，如果任何一个图标的拐角半径都较大，则其边缘/角会显示为黑色。

编辑：请参阅@ devin-g-rhode的评论，您可以看到以后的任何图标尺寸都应具有1:6.4圆角半径与图标尺寸的比率。https://stackoverflow.com/a/29550364/396005也提供了一个很好的答案，该位置具有SDK中用于将图标角变圆的图像蒙版文件的位置

要添加与视网膜兼容的文件，请使用相同的文件名并添加“ @ 2x”。因此，如果我有一个名为icon.png的72x72图标文件，我还将向项目/目标添加一个名为icon@2x.png的114x114 PNG文件，Xcode会自动将其用作视网膜显示屏上的图标。如果操作正确，您可以在应用程序目标的“摘要”页面上看到此操作。对您的启动图像也同样适用。使用320x480的launch.png和640x960的launch@2x.png。

在尝试了这篇文章中的一些答案之后，我咨询了Louie Mantia（Apple，Square和Iconfactory的前设计师），并且到目前为止，本文中的所有答案都是错误的（至少是不完整的）。苹果从57px图标开始，半径为10，然后从那里向上或向下缩放。因此，您可以使用来计算任何图标尺寸的半径10/57 x new size（例如，10/57 x 114给出20，这是114px图标的正确半径）。这是最常用的图标，正确的命名约定，像素尺寸和角半径的列表。

1. Icon1024.png-1024px-179.649
2. Icon512.png-512px-89.825
3. Icon.png-57像素-10
4. Icon@2x.png-114px-20
5. Icon-72.png-72px-12.632
6. Icon-72@2x.png-144px-25.263
7. Icon-Small.png-29px-5.088
8. Icon-Small@2x.png-58px-10.175

另外，如其他答案所述，您实际上并不希望裁剪在二进制文件中使用的任何图像或提交给Apple。这些都应该是正方形的，没有任何透明度。Apple将在适当的上下文中自动屏蔽每个图标。

但是，了解上述内容对于在应用程序UI中使用图标（必须在代码中应用蒙版或在Photoshop中预先渲染）非常重要。在为网站和其他宣传材料创建图稿时也很有用。

补充阅读：

关于其他图标尺寸和其他设计注意事项，Neven Mrgan：ios应用程序图标尺寸

Bjango的马克·爱德华兹在Photoshop创建roundrects及其重要性的不同选项：ROUNDRECT

Apple有关图标大小和设计注意事项的官方文档：图标和图像

更新：

我在Photoshop CS6中进行了一些测试，似乎小数点后3位的精度足以达到完全相同的矢量（至少如Photoshop在3200％缩放时显示的那样）。圆角矩形工具有时会将输入四舍五入到最接近的整数，但是您会发现90和89.825之间存在显着差异。有几次圆角矩形工具没有四舍五入，实际上显示了小数点后的多个数字。不知道发生了什么，但是肯定是在使用和存储输入的更精确的数字。

无论如何，我将上面的列表更新为在小数点后仅3位（之前有13位！）。在大多数情况下，可能很难分辨以90px半径蒙版的透明512px图标和以89.825蒙版的透明512px图标之间的区别，但是圆角的抗锯齿效果肯定会稍有不同，并且在某些情况下尤其是可见如果Apple以代码或其他方式应用了第二个更精确的蒙版。

我看到了很多“ px”的讨论，但是没有人在谈论百分比，这是您要计算的固定数字。

这里的关键百分比是22.37％。将上述任何图像尺寸乘以0.2237，您将获得该尺寸的正确像素半径。

在iOS 8之前，苹果使用的舍入较少，为15.625％。

编辑：感谢@克里斯·普林斯评论iOS 8/9/10半径百分比：22.37％

重要事项：iOS 7图标方程式

在即将发布的iOS 7中，您会注意到“标准”图标的半径已经增加。因此，请尝试做我和苹果建议的答案。

对于120px的图标，似乎最能代表iOS 7形状的公式为以下超级椭圆：

|x/120|^5 + |y/120|^5 = 1

显然，您可以更改 120使用所需的图标大小数字以获取相应的功能。

原版的

您应该提供具有90°角的图像（避免裁切图标的角非常重要-iOS在应用圆角遮罩时会为您做到这一点）（Apple文档）

最好的方法是根本不弄圆图标的角。如果您将图标设置为方形图标，iOS会自动使用预定义的遮罩覆盖该图标，该遮罩将设置适当的圆角。

如果您手动为图标设置圆角，则在此设备中该图标可能看起来很破损，因为从iOS版本到另一个版本，圆角蒙版略有变化。有时您的图标会稍大，有时（叹气）会稍小。使用方形图标可以减轻您的负担，并且可以确保您的应用始终拥有最新的，美观的图标。

此方法适用于每种图标​​尺寸（iPhone / iPod / iPad /视网膜），也适用于iTunes图稿。我几次采用这种方法，如果需要，可以向您发布指向使用本机方形图标的应用程序的链接。

编辑

为了更好地理解此答案，请参阅有关iOS图标的Apple官方文档。在此页面中明确说明，在iOS设备上显示时，方形图标会自动获得以下内容：

1. 圆角
2. 阴影
3. 反射光（除非您防止发光效果）

因此，只需绘制一个普通的方形图标并在其中填充内容，即可达到所需的效果。最终拐角半径将与此处的其他答案类似，但这将无法保证，因为这些数字不是iOS上Apple官方文档的一部分。他们要求您绘制方形图标，所以……为什么不呢？

人们争论拐角半径会略有增加，但实际上并非如此。

从这个博客：

苹果物理产品的“秘密”在于，它们避免相切（半径在单个点处与直线相交），并以曲率连续性加工表面。

您无需将转角半径应用于iOS图标。只需提供方形图标即可。但是，如果您仍然想知道操作方法，则实际形状称为Squircle，下面是公式：

dbarnard的答案具有计算正确半径的公式，但是由于您正在寻找模板，因此可以在此目录中找到所有遮罩和覆盖层：

/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator5.1.sdk/System/Library/PrivateFrameworks/MobileIcons.framework

（路径用于XCode的最新版本。对于较旧的版本，可能在/ Developer /中）。

正如其他人指出的那样，您不应自己屏蔽它们，但可以使用它们来检查屏蔽后的图标外观。

（此发现的积分归Neven Mrgan IIRC所有）

57 x 57像素图标的角半径为9像素。

正如其他人所说，您不想四舍五入。您要运送平面（无图层或Alpha）正方形图形。苹果在iOS7中更改了用于遮盖角落的遮罩，然后在iOS8中再次更改了遮罩。您可以在Xcode应用程序捆绑包中找到这些掩码。路径随他们发布的每个新SDK版本而变化。因此，我将向您展示如何始终找到它。

find /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs -name 'MobileIcons.framework'

此刻，该命令找到的路径是/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator.sdk/System/Library/PrivateFrameworks/MobileIcons.framework但不信任该路径。使用命令自己找到它。

该路径指向包含这些文件的目录（同样，在撰写本文时）

./AppFolderBadgeIconMask-128_1only_.png
./AppFolderBadgeIconMask-16_1only_.png
./AppFolderBadgeIconMask-256_1only_.png
./AppFolderBadgeIconMask-32_1only_.png
./AppFolderBadgeIconMask-512_1only_.png
./AppFolderBadgeIconOverlay-128_1only_.png
./AppFolderBadgeIconOverlay-16_1only_.png
./AppFolderBadgeIconOverlay-256_1only_.png
./AppFolderBadgeIconOverlay-32_1only_.png
./AppFolderBadgeIconOverlay-512_1only_.png
./AppFolderBadgeIconShadow-128_1only_.png
./AppFolderBadgeIconShadow-16_1only_.png
./AppFolderBadgeIconShadow-256_1only_.png
./AppFolderBadgeIconShadow-32_1only_.png
./AppFolderBadgeIconShadow-512_1only_.png
./AppIconMask@2x~ipad.png
./AppIconMask@2x~iphone.png
./AppIconMask@3x~iphone.png
./AppIconMask~ipad.png
./AppIconMask~iphone.png
./CarAppIconMask.png
./CarNotificationAppIconMask.png
./DefaultIcon-20.png
./DefaultIcon-20@2x.png
./DefaultIcon-20@3x.png
./DefaultIcon-29.png
./DefaultIcon-29@2x.png
./DefaultIcon-29@3x.png
./DefaultIcon-40.png
./DefaultIcon-40@2x.png
./DefaultIcon-40@3x.png
./DefaultIcon-60@2x~iphone.png
./DefaultIcon-60@3x~iphone.png
./DefaultIcon-76@2x~ipad.png
./DefaultIcon-76~ipad.png
./DocumentBadgeMask-145.png
./DocumentBadgeMask-145@2x.png
./DocumentBadgeMask-20.png
./DocumentBadgeMask-20@2x.png
./DocumentBadgeMask-20@3x.png
./DocumentBase-320@2x~ipad.png
./DocumentBase-320~ipad.png
./DocumentBase-48.png
./DocumentBase-48@2x.png
./DocumentBase-48@3x.png
./DocumentMask-320@2x~ipad.png
./DocumentMask-320~ipad.png
./DocumentMask-48.png
./DocumentMask-48@2x.png
./DocumentMask-48@3x.png
./NanoDefaultIcon-24.0@2x.png
./NanoDefaultIcon-27.5@2x.png
./NanoDefaultIcon-40.0@2x.png
./NanoDefaultIcon-44.0@2x.png
./NanoDefaultIcon-86.0@2x.png
./NanoDefaultIcon-98.0@2x.png
./NanoIconMaskChiclet-24.0@2x.png
./NanoIconMaskChiclet-27.5@2x.png
./NanoIconMaskChiclet-40.0@2x.png
./NanoIconMaskChiclet-44.0@2x.png
./NanoIconMaskChiclet-86.0@2x.png
./NanoIconMaskChiclet-98.0@2x.png
./NewsstandDefaultMagazine_1only_.png
./NewsstandDefaultNewspaper_1only_.png
./NewsstandMagazineGradientLeft@2x~ipad.png
./NewsstandMagazineGradientLeft@2x~iphone.png
./NewsstandMagazineGradientLeft~ipad.png
./NewsstandMagazineGradientLeft~iphone.png
./NewsstandMagazineGradientRight@2x~ipad.png
./NewsstandMagazineGradientRight@2x~iphone.png
./NewsstandMagazineGradientRight~ipad.png
./NewsstandMagazineGradientRight~iphone.png
./NewsstandMagazineSwitcherGradientLeft.png
./NewsstandMagazineSwitcherGradientLeft@2x.png
./NewsstandNewspaperGradientBottom@2x~ipad.png
./NewsstandNewspaperGradientBottom@2x~iphone.png
./NewsstandNewspaperGradientBottom~ipad.png
./NewsstandNewspaperGradientBottom~iphone.png
./NewsstandNewspaperGradientLeft@2x~ipad.png
./NewsstandNewspaperGradientLeft@2x~iphone.png
./NewsstandNewspaperGradientLeft~ipad.png
./NewsstandNewspaperGradientLeft~iphone.png
./NewsstandNewspaperGradientRight@2x~ipad.png
./NewsstandNewspaperGradientRight@2x~iphone.png
./NewsstandNewspaperGradientRight~ipad.png
./NewsstandNewspaperGradientRight~iphone.png
./NewsstandNewspaperSwitcherGradientBottom.png
./NewsstandNewspaperSwitcherGradientBottom@2x.png
./NewsstandNewspaperSwitcherGradientLeft.png
./NewsstandNewspaperSwitcherGradientLeft@2x.png
./NewsstandNewspaperSwitcherGradientRight.png
./NewsstandNewspaperSwitcherGradientRight@2x.png
./NewsstandThumbnailShadow@2x~ipad.png
./NewsstandThumbnailShadow@2x~iphone.png
./NewsstandThumbnailShadow~ipad.png
./NewsstandThumbnailShadow~iphone.png
./NotificationAppIconMask.png
./NotificationAppIconMask@2x.png
./NotificationAppIconMask@3x.png
./SpotlightAppIconMask.png
./SpotlightAppIconMask@2x.png
./SpotlightAppIconMask@3x.png
./TableIconMask.png
./TableIconMask@2x.png
./TableIconMask@3x.png
./TableIconOutline.png
./TableIconOutline@2x.png
./TableIconOutline@3x.png

如您所见，有很多不同的蒙版，但是它们的命名很清楚。这是AppIconMask@3x~iphone.png图像：

您可以使用它来测试您的图标，以查看它是否被屏蔽。但是，不要四舍五入。如果这样做，当Apple再次更改这些蒙版时，您将出现伪像。

该问题以前的所有答案现在都已过时。自2015年5月起，Apple要求您提供不带四舍五入的方形图标：

保持图标四角正方形。系统将应用一个自动使图标角变圆的蒙版。

https://developer.apple.com/ios/human-interface-guidelines/graphics/app-icon/

如果不考虑笔划，则57x57图标的实际半径实际上是10px。

我从iconreference获得此信息。

当设计我用Photoshop应用程序图标，我发现，没有整数圆角半径适合该设备的面具准确。

我现在要做的是用Xcode创建一个空项目，将一个完全白色的PNG文件设置为图标，然后关闭预设的斜角和光泽度。然后，我运行该应用程序并拍摄主屏幕的屏幕截图。现在，您可以轻松地从该图像创建蒙版，然后在Photoshop中使用该蒙版。这将使您完美地变成圆角。

iPhone为您圆角，您所需要的只是一个正方形的57x57 png图标，您应该很好

投票数量众多，有两个完全矛盾的答案，一个是160px @ 1024，另一个是180px @ 1024。那么一个女巫？

我进行了一些实验，我认为它是180px @ 1024，所以drbarnard是正确的。

我从App Store下载了iTunes U图标，其尺寸为175x175px，我在photoshop中将其放大为1024px，并在上面放置了两种形状，一种形状的半径为160px，另一种形状的半径为180px。

如您所见，具有160像素（第一个）的形状（细线）略有偏离，而具有180像素的形状（看起来很细）。

这就是我现在在PhotoShop中所做的事情：

1. 我为主要设计Smart Object创建了一个画布，尺寸为1026x1026px，并带有180px的蒙版。
2. 我将主智能对象重复了5次，并将它们的大小调整为1024px，144px，114px，72px和57px。
3. 我在每个智能对象上放置了一个“基于新分层的切片”，并根据切片的大小（例如icon-72px）重命名切片。
4. 保存图稿时，选择“所有用户切片”，然后选择“ BANG”！我有我的应用程序所需的所有图标。

我尝试了1024x1024的228px半径，并且有效:)

应用图标要求的更新（截至2018年1月）：

https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/

保持图标四角方形。系统将应用一个自动使图标角变圆的蒙版。

保持背景简单，避免透明。确保您的图标不透明，并且不要弄乱背景。给它一个简单的背景，以免影响附近的其他应用程序图标。您无需在整个图标中填充内容。

您无需将角半径应用到应用程序图标，只需应用正方形图标即可。设备将自动应用拐角半径。