AppStore，为什么应用程序图标在网络版本中失真?

本文介绍了AppStore，为什么应用程序图标在网络版本中失真?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

由于上次更新图标在Web版本的Appstore中被拉伸.我已经两个版本都没有更改图标了.移动版中的图标正确，因此仅网络版存在问题

Since last update icon is stretched in weird way in the web version of Appstore. I didn't change my icons already two releases. In mobile version icon is correct, so problem only with the web version

推荐答案

哈哈哈，这很有趣，所以我检查了此页面的源代码.

hahaha, It's interesting, so I check up this page's source code.

此照片的HTML显示在下面:

the HTML show this photo is below:

<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="is2-ssl.mzstatic/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/230x0w.webp 1x, is2-ssl.mzstatic/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="is2-ssl.mzstatic/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/230x0w.png 1x, is2-ssl.mzstatic/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="is2-ssl.mzstatic/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/217x0w.webp 1x, is2-ssl.mzstatic/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="is2-ssl.mzstatic/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/217x0w.png 1x, is2-ssl.mzstatic/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="is2-ssl.mzstatic/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/246x0w.webp 1x, is2-ssl.mzstatic/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="is2-ssl.mzstatic/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/246x0w.png 1x, is2-ssl.mzstatic/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加载此页面时， is2-ssl.mzstatic/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/230x0w.webp ，将使用此网址，并且图片不正确

when load this page with Chrome, is2-ssl.mzstatic/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/230x0w.webp, this url will be used, and it is wrong image

和

在使用Safari加载此页面时，

when load this page with Safari,

is2-ssl.mzstatic/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/246x0w.png ，此网址将被使用，并且是普通图片.

is2-ssl.mzstatic/image/thumb/Purple124/v4/6c/64/15/6c64153a-bfb8-f201-ad96-6b7a7ce47505/AppIcon-1x_U007emarketing-0-8-0-85-220.png/246x0w.png, this url will be used, and it normal image.

因此，我认为该页面存在有关如何显示正确的应用程序图标的浏览器兼容性问题.您可以联系Apple进行修改.

So I think that this page has a browser compatibility issue about how to show right app icon. You can contact Apple to modify it.