GoogleSpreadSheetのIMAGE関数で表示したい

Question

実現したいこと

GoogleCloudFunctionsからexpress等を使用して
GoogleSpreadSheetのIMAGE関数で表示させたく
皆様のお知恵をお貸しください

CloudFunctions側のコードは下記のようなコードを書いています
（nodejsを使用しています）

const app: express.Express = express();
app.get("/img", (req, res) => {
  const ur = "data:image/png;base64,・・・・・・・・・end"
  res.type("png").send(`<img src="${ur}">`);
});

CloudFunctionsのURLでブラウザにて画像は表示されます
URLをGoogleSpreadSheetのIMAGE関数へ入れますがセル上に表示されません

発生している問題・分からないこと

GoogleSpreadsheet
IMAGE関数は下記です

例(SpeadSheetで補完時に表示される）
IMAGE("https://www.google.com/images/srpr/logo3w.png", 4, 50, 100)
セルに画像が表示されます

GoogleCloudFunctionsからは下記の形式で返却しています

<img src="data:image/png;base64,iVB・・・・・・・・・end">

GASを使用すれば表示はされます

//イメージを構築してsetValueでセルへ埋め込みできます
SpreadsheetApp.newCellImage().setSourceUrl("data:image/png;base64,文字列").build();

該当のソースコード

特になし

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

いろいろ調べましたがCloudFunctionsだけでは厳しく
GASで処理する方向で行こうかと思っていますが
詳しい方がいればと思い投稿させて頂きます

補足

特になし

Answer 1

タグ文字列を返すのではなく、バイナリデータを返すようにしてみてはどうでしょうか。

app.get("/img", (req, res) => {
  const ur =  new Buffer("**base64でエンコードしたpng画像データの文字列**", "base64");
  res.writeHead(200, {"Content-Type": "image/png"});
  res.write(ur.toString("binary"), "binary");
});

Comments

[yoshikoro]

回答ありがとうございます。
試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。
本当に助かりました