Difyのアプリケーションアイコンを変更する

はじめに

プログデンスの圓佛です。Difyで作成したアプリケーションは公式サイトのアプリの管理に書かれている通り、任意のアイコンへ変更することが可能です。「Difyのアプリケーションアイコン」は以下の2種類を考慮する必要があります。

1. 「探索」から実行する場合のアイコン
2. Webアプリケーションとして実行する場合のアイコン

今回は「アイコンの設定手順」を整理し、「どのアイコンが・どの設定で変更されるのか？」を整理します。

この記事で分かること

• Dify上で作成したアプリケーションのアイコンを変更する方法
• 「どの設定を変更すると」「どのアイコンが変更される」という、設定とアイコンの関連付け

検証環境

今回の検証ではDifyのオンプレミス版(コンテナ版)を利用しています。

対象	バージョン
Dify	1.9.2
Docker	28.5.1

標準のアプリケーションアイコン

Dify上でアプリケーションを作成すると、デフォルトではロボットのアイコンが表示されます。

デフォルト状態でチャットフローを実行すると以下のように表示されます。

アプリケーションアイコンを変更する

アプリケーションアイコンを変更します。アイコンを変更したいアプリケーションの「情報を編集する」をクリックします。

デフォルトではロボットアイコンが選択されています。このアイコン部分をクリックします。

アイコン一覧が表示されるので、変更したいアイコンを選択します。もしくは「任意の画像をアップロードしてアイコンとして利用する」こともできます。

アイコンを変更すると以下のように表示が変更されます。

この状態をチャットフローを実行すると以下のように表示されます。アイコンは変更されているものの、チャット相手のアイコンがデフォルトのロボットアイコンのままです。

チャット相手のアイコンを変更する

チャット相手のアイコンも「アプリケーションアイコンと同じ」に設定することができます(「アプリケーションアイコン」と「チャット相手のアイコン」を異なるものに設定することはできません)。アプリケーションの「情報を編集する」を開き、「Webアプリアイコンを使用して🤖を置き換える」にチェックを入れます。

チャットフローを実行すると以下のように表示されます。チャット相手のアイコンも変更されたことが分かります。

Webアプリケーションのアイコンを変更する

スタジオからアプリケーションを開き、「アプリを実行」をクリックすることで公開用WebアプリケーションとしてのURLにアクセスすることができます。

現時点では以下のように表示されました。デフォルトのロボットアイコンが表示されています。

これを変更するにはスタジオからアプリケーションを選択し、画面左上にあるプロパティボタンをクリックします(もしくはアプリケーションアイコンをクリックしても同じ動作になります)。

アプリケーションの情報が表示されます。「設定」をクリックします。

「Webアプリアイコンを使用して🤖を置き換える」にチェックを入れ、アイコンをクリックします。

アイコン一覧が表示されるので、変更したいアイコンを選択します。もしくは「任意の画像をアップロードしてアイコンとして利用する」こともできます。

アイコンが変更されました。

再度、Webアプリケーションを実行し、チャットを試すと「アプリケーションアイコン」「チャット相手のアイコン」の両方とも変更したものが表示されていることが分かります。