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

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

トリセツ

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

ブログの画像が、サムネイル以外見れない!ってフォロワーさんから教えていただきました。解決方法は、画像の URL を書き換えるだけです。詳しくは本文をご覧ください。Blogger でブログを書く同じ問題で悩む人のために、解決策を共有します。

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

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

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

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

Iedehyouzisarenaigazou

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

原因は Microsoft EdgeとInternet Explorer

Microsoftedgeexplorer

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

どうやら問題は、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.com → https://4.bp.blogspot.com

書き換え前 → 書き換え後

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

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

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

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

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

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

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

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

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

 

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

記事へのお問い合わせ

soundorbis

63,930 views

クリエイターのためのメディア「creatta」運営者のサウンドオルビスです。音楽・映像・文章で、自分らしさを表現するあなたを応援したい!毎日をワクワクした気...

プロフィール

ピックアップ記事

関連記事一覧

  1. この記事へのコメントはありません。

ABOUT

聴く、奏でる、つくる人のための音楽メディア「soundorbis」。「サウンド」をキーワードに、イベント紹介や最新情報、商品レビュー、DTM講座、ハイテク家電の噂や小技など、サウンドが彩る刺激的な情報を発信しています。
soundorbis.com とは?

NEW POSTS

Rained out -soundorbis