画像のURLの指定について
イメージマップについて公式が記載しているので、リンク貼っておきます。
Messaging API イメージマップメッセージ
・画像フォーマット: JPEGまたはPNG
・画像の幅:240px、300px、460px、700px、および1040px
・最大ファイルサイズ:10MB
まず、このような指定があります。
この通りに準備すると、
Image
|- 240.jpeg
|- 300.jpeg
|- 460.jpeg
|- 700.jpeg
┗- 1040.jpeg
のようになっていると思います。
そして、このままサーバーにアップロードして、
いざイメージマップを読み込もうとすると、エラーとなりました。
よくよくリファレンスを読んでみると、
注意
画像のURLには拡張子を含めないでください。「https://example.com/bot/images/rm001/700.png」のように、URL?に拡張子が含まれている場合、イメージマップメッセージでは画像が表示されません
とあります。
よって「〜〜〜.jpeg」ではうまく読み込んでくれないのです。
解決法
拡張子を含めないでと言われているので、拡張子を消します。
ここではMacで説明します。
- はじめに拡張子を表示してください。Finderの設定を開いて、詳細->すべてのファイル名拡張子を表示をオンにすると表示されます。
- 拡張子を消したいファイルを選択して、Enterを押します。(ファイル名編集モードになります。)拡張子を削除して、Enterを押します。警告が出てきますが、進みます。以上で拡張子を消すことができます。