xcode - AppStore，为什么网页版的应用图标会变形？

Question

由于上次更新图标在 Appstore 的网络版本中以奇怪的方式拉伸。我没有更改我的图标已经两个版本。手机版图标是正确的，所以只有网页版有问题

标签： xcodeapp-storeapp-store-connect

Answer 1

哈哈哈，挺有意思的，所以查了一下这个页面的源码。

HTML 显示这张照片如下：

<picture id="ember145" class="we-artwork ember-view product-hero__artwork we-artwork--fullwidth we-artwork--ios-app-icon" data-test-product-hero-artwork="">
          <source class="we-artwork__source" srcset="https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/230x0w.webp 1x, https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/460x0w.webp 2x" media="(min-width: 1069px)" type="image/webp">

          <source class="we-artwork__source" srcset="https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/230x0w.png 1x, https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/460x0w.png 2x" media="(min-width: 1069px)" type="image/png">

          <source class="we-artwork__source" srcset="https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/217x0w.webp 1x, https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/434x0w.webp 2x" media="(min-width: 735px)" type="image/webp">

          <source class="we-artwork__source" srcset="https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/217x0w.png 1x, https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/434x0w.png 2x" media="(min-width: 735px)" type="image/png">

          <source class="we-artwork__source" srcset="https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/246x0w.webp 1x, https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/492x0w.webp 2x" type="image/webp">

          <source class="we-artwork__source" srcset="https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/246x0w.png 1x, https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/492x0w.png 2x" type="image/png">
</picture>

使用 Chrome 加载此页面时，https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/230x0w.webp将使用此 url，并且是错误的图像

和

使用 Safari 加载此页面时，

https://is2-ssl.mzstatic.com/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/246x0w.png，将使用此 url，并且它是普通图像。

所以我认为这个页面在如何显示正确的应用程序图标方面存在浏览器兼容性问题。您可以联系 Apple 进行修改。