DiscourseHubでサイトロゴとして大きなアイコンが表示されない

T DiscourseHub の新機能ですが、フォールバックとしてのみ表示されます。そのため、サイトから提供されるアイコンに問題があるようです。

アプリは、https://forum.makerforums.info/site/basic-info.json からこの情報を取得します。

{
  "logo_url": "https://forum.makerforums.info/uploads/default/original/3X/0/5/05584cbc2f5f1b34f185f32d0629dee77d136aaf.svg",
  "logo_small_url": "https://forum.makerforums.info/uploads/default/original/3X/4/3/43eb68a2d10cdc07b8344fe88f71c331398a3666.svg",
  "apple_touch_icon_url": "https://forum.makerforums.info/uploads/default/optimized/3X/4/9/49e3e12260db3dff032cf3e247e0e0a29f4e1ab5_2_180x180.svg",
  "favicon_url": "https://forum.makerforums.info/uploads/default/optimized/3X/0/0/002f5ec485a94cb73fb086d5bc99be9659a3c6d2_2_32x32.png",
  "title": "Maker Forums",
  "description": "Forums for makers, 3D printing, Lasers, CNC routers, and more",
  "header_primary_color": "f3f3f3",
  "header_background_color": "333333",
  "login_required": false,
  "locale": "en",
  "include_in_discourse_discover": true,
  "mobile_logo_url": "https://forum.makerforums.info/uploads/default/original/3X/f/d/fd7ea1ba354a5fe92751ffee6b94956376073027.svg"
}

そこにある apple_touch_icon_url は SVG ファイルです。残念ながら、React Native で SVG をレンダリングするのは複雑で、追加のライブラリが必要になり、オーバーヘッドが大きすぎます。そのため、ロゴが読み込まれていません。

Maker Forums の管理者に以下を依頼できます。

  • apple_touch_icon_url の SVG を PNG に置き換える
  • サイトを Discourse Hub から削除して再度追加する。新しいファイルが読み込まれるはずです。
「いいね!」 3