L'icône du ruban n'apparaît pas dans Word Online

Question

Lorsque je teste un complément dans Word 2016 pour Windows, l'image du ruban s'affiche correctement. Quand je le charge latéralement dans Word Online, maintenant l'image est affichée. Dois-je ajouter quelque chose d'autre au manifeste pour être compatible avec Word Online? La version de bureau semble la redimensionner automatiquement pour le ruban, mais la version en ligne a-t-elle besoin d'une taille spécifique?

Voici mon manifeste pertinent:

<VersionOverrides 
    xmlns="http://schemas.microsoft.com/office/taskpaneappversionoverrides" xsi:type="VersionOverridesV1_0"> 
    <Description resid="residToolTip" /> 
    <Hosts> 
     <Host xsi:type="Document"> 
      <DesktopFormFactor> 
       <GetStarted> 
        <Title resid="ISBW.GetStarted.Title"/> 
        <Description resid="ISBW.GetStarted.Description"/> 
        <LearnMoreUrl resid="ISBW.GetStarted.LearnMoreUrl"/> 
       </GetStarted> 
       <FunctionFile resid="residDesktopFuncUrl" /> 
       <ExtensionPoint xsi:type="PrimaryCommandSurface"> 
        <OfficeTab id="TabHome"> 
         <Group id="ISBW.Group1Id1"> 
          <Label resid="residLabel4" /> 
          <Icon> 
           <bt:Image size="16" resid="icon1_16x16" /> 
           <bt:Image size="32" resid="icon1_32x32" /> 
           <bt:Image size="80" resid="icon1_80x80" /> 
           <bt:Image size="20" resid="icon1_20x20" /> 
           <bt:Image size="24" resid="icon1_24x24" /> 
           <bt:Image size="40" resid="icon1_40x40" /> 
           <bt:Image size="64" resid="icon1_64x64" /> 
          </Icon> 
          <Control xsi:type="Button" id="Button3Id1"> 
           <Label resid="residLabel3" /> 
           <Supertip> 
            <Title resid="residLabel" /> 
            <Description resid="residToolTip" /> 
           </Supertip> 
           <Icon> 
            <bt:Image size="16" resid="icon1_16x16" /> 
            <bt:Image size="32" resid="icon3_32x32" /> 
            <bt:Image size="80" resid="icon1_80x80" /> 
            <bt:Image size="20" resid="icon1_20x20" /> 
            <bt:Image size="24" resid="icon1_24x24" /> 
            <bt:Image size="40" resid="icon1_40x40" /> 
            <bt:Image size="64" resid="icon1_64x64" /> 
           </Icon> 
           <Action xsi:type="ShowTaskpane"> 
            <SourceLocation resid="residUnitConverterUrl" /> 
           </Action> 
          </Control> 
         </Group> 
        </OfficeTab> 
       </ExtensionPoint> 
      </DesktopFormFactor> 
     </Host> 
    </Hosts> 
    <Resources> 
     <bt:Images> 
      <bt:Image id="icon1_16x16" DefaultValue="https://s3.amazonaws.com/isbw-word-addin/icon.png" /> 
      <bt:Image id="icon1_32x32" DefaultValue="https://s3.amazonaws.com/isbw-word-addin/icon.png" /> 
      <bt:Image id="icon1_80x80" DefaultValue="https://s3.amazonaws.com/isbw-word-addin/icon.png" /> 
      <bt:Image id="icon2_32x32" DefaultValue="https://s3.amazonaws.com/isbw-word-addin/icon.png" /> 
      <bt:Image id="icon3_32x32" DefaultValue="https://s3.amazonaws.com/isbw-word-addin/icon.png" /> 
      <bt:Image id="icon1_20x20" DefaultValue="https://s3.amazonaws.com/isbw-word-addin/icon.png" /> 
      <bt:Image id="icon1_24x24" DefaultValue="https://s3.amazonaws.com/isbw-word-addin/icon.png" /> 
      <bt:Image id="icon1_40x40" DefaultValue="https://s3.amazonaws.com/isbw-word-addin/icon.png" /> 
      <bt:Image id="icon1_64x64" DefaultValue="https://s3.amazonaws.com/isbw-word-addin/icon.png" /> 
     </bt:Images> 
     <bt:Urls> 
      <bt:Url id="residDesktopFuncUrl" DefaultValue="https://ishouldbewriting.net" /> 
      <bt:Url id="residUnitConverterUrl" DefaultValue="https://s3.amazonaws.com/isbw-word-addin/home.html" /> 
      <bt:Url id="ISBW.GetStarted.LearnMoreUrl" DefaultValue="https://ishouldbewriting.net/about" /> 
     </bt:Urls> 
     <bt:ShortStrings> 
      <bt:String id="residLabel" DefaultValue="ishouldbewriting.net" /> 
      <bt:String id="residLabel2" DefaultValue="ishouldbewriting.net" /> 
      <bt:String id="residLabel3" DefaultValue="Set Writing Goal" /> 
      <bt:String id="residLabel4" DefaultValue="ishouldbewriting.net" /> 
      <bt:String id="residLabel5" DefaultValue="Another Command" /> 
      <bt:String id="ISBW.GetStarted.Title" DefaultValue="Set your writing goal" /> 
     </bt:ShortStrings> 
     <bt:LongStrings> 
      <bt:String id="residToolTip" DefaultValue="ishouldbewriting.net" /> 
      <bt:String id="ISBW.GetStarted.Description" DefaultValue="Set your writing goal by clicking this button" /> 
     </bt:LongStrings> 
    </Resources> 
</VersionOverrides> 

Answer 1

Tu es images doivent être rendus pour la bonne taille. Actuellement, vous déclarez plusieurs tailles d'image mais en fournissant le même URI à une image 654x720px à travers eux.

De l'documentation:

Office de 2016 icônes de bureau sont des images bitmap. Différentes tailles seront rendues en fonction du réglage DPI de l'utilisateur et du mode tactile. Incluez les huit tailles prises en charge pour créer la meilleure expérience dans toutes les résolutions et tous les contextes pris en charge. Ci-dessous sont les tailles prises en charge - trois sont nécessaires:

• 16 px (obligatoire)
• 20 px
• 24 px
• 32 px (obligatoire)
• 40 px
• 48 px
• 64 px (Recommandé, le mieux pour Mac)
• 80 px (Obligatoire)