「音楽×テクノロジー」の話題を中心に、DTM、iPhone・iPad・Mac、最新テック情報、ガジェット・書評レビューなんでも書きます。ガンガンいこうぜ!みんなの訪問を、全力で待ってます。

2018-04-08

【解決】IEで画像が表示されないバツ印はBlogger記事のURLが原因だった

Blogger記事のバツ印画像をMicrosoft EdgeとInternet Explorerで表示させる方法

どうも。

サウンドオルビス( @soundorbis )です。

ブログの画像が、サムネイル以外見れない!ってフォロワーさんから教えていただきました。

解決方法は、画像の URL を書き換えるだけです。詳しくは本文をご覧ください。Blogger でブログを書く同じ問題で悩む人のために、解決策を共有します。

HTmusicM( @harys14474464 )さん、情報提供ありがとう!

Blogger記事の画像がバツ印で表示になる

コレは一大事だ!ということで確認したのですが、Mac 環境ではしっかり見れるんですよ。Safari・Google chrome 共にOKでした。iPhone でも、Android 端末でも。

どうして見れないのだろう?と Windows PC を起動してブラウザで見てみると… …

 

ばつ印になるMicrosftedgeとinternetexplorerだと

たしかに画像にバツ印がついて、見ることができませんでした。なるほど、なるほど。

原因は Microsoft EdgeとInternet Explorer

原因は Microsoft EdgeとInternet Explorer

見れない原因は、Microsoft EdgeとInternet Explorer だったようです。普段 Windows PC でも Google Chrome を使っているので気が付きませんでした。

実はさいきん、このBlogger の画像に関する記事を立て続けに更新しております。

やはり問題は、MarsEdit4 から Blogger に画像をアップロードした時の画像の URL が問題でした。

解決策は画像の URL を書き換えるだけ

Microsoft EdgeとInternet Explorer で Blogger の画像を表示させる方法は、簡単です。画像の先頭部分リンクを書き換えてください。例えば… …

 

<img src="https:/lh3.googleusercontent.com/-lmkFJdGxCV0/WsgV8EhQ21I/AAAAAAAAaXw/VrxxX7zDR2Y21WMyhnpZkUIC-U-kIwMKQCHMYCw/s0/%255BUNSET%255D" />

こちらのコードだと、Microsoft EdgeとInternet Explorer で画像を表示させることができません。赤文字の部分が、ネックになっております。

コレを↓下のように書き換えてください。

 

<img src="https://4.bp.blogspot.com/-lmkFJdGxCV0/WsgV8EhQ21I/AAAAAAAAaXw/VrxxX7zDR2Y21WMyhnpZkUIC-U-kIwMKQCHMYCw/s0/%255BUNSET%255D" />

Microsoft EdgeとInternet Explorer で Blogger の画像を表示できる URL というのが、こちらです。

つまり、解決策は… …

https:/lh3.googleusercontent.comhttps://4.bp.blogspot.com

書き換え前 → 書き換え後

といった感じで書き換えてあげれば、表示させることができるのです。実際に試したところ… …

意図的に残した https:/lh3.googleusercontent.com の部分は、やはり読み込めずバツ印になるようですね。

その後修正して、表示させることができるようになりました。

Microsoft と Google サービスの相性かな?

Google フォトと外部サービスの連携に相性問題があるのかな? Chrome で表示できて Microsoft Edge などでバツ印になるって考えると、いろいろ詮索しちゃうよね。汗

みな仲良く手を組んで、ユーザビリティを高めていったほうがより高みに行ける気がするのだけれど… …

こういうのは思想の問題かもしれないから、なんとも言えませんね。

いずれにせよ解決策は書き換えるだけなので、MarsEdit4 などテキストエディットソフトを使うなら検索&置換でサクッと対応しちゃいましょう。

そんなわけで、情報提供ありがとうございました!また不具合がありましたら、Twitterや下記のメッセージからご連絡くださいな。

 

それじゃあ、サウンドオルビス(@soundorbis)でした。

↓10万回再生されたフリーBGM公開中↓

↓ おなじ話題をもっと読む ↓

↓ シェアして話題を共有しよう ↓

関連する記事

このブログを書いてる人
soundorbis
サウンドオルビス -フリーBGMアーティスト-

ブログ・音楽・VTuberなど好きなコトで生きていく情報を毎日、発信しています。あなたのクリエイティブを応援するぞ!詳しいプロフィールは ⇨ こちら

soundorbis 公式アカウント

パワープッシュリンク