*

思わぬトラブル!IEだけ画像が表示されない

公開日: : 最終更新日:2014/09/15 ブラウザ

オフィス内写真

こんにちは、桐村です。私が過去一瞬だけ Web デザイナーになった時に一度だけ経験したトラブルを紹介。

今現在の Windows の主要ブラウザ、「Internet Explorer」だけ画像が表示されない事態が起きました。その他のブラウザでは画像は表示されますが、IE だけはバツマークになって表示されません。知らないと結構原因を探るのに斜め上に行ってしまいがちです。

しかし、原因は結構単純な所にあります。

原因

画像を CMYK 形式でアップロードしてしまった。

画像のカラーモードには RGB 形式と CMYK 形式があります。RGB 形式とは主にパソコン上で表示するカラーモードですが、CMYK 形式は印刷用のカラーモードです。その印刷用のカラーモードでアップロードした為、IE では表示されなかったのです。

CMYK 形式でも IE 以外では画像は表示されますが、RPG 形式じゃないと意図した色ではない場合があります。

修正方法

CMYK 形式を RPG 形式に変換するには、Photoshop などの画像編集ソフトを使います。

  • 画面上のイメージメニューからモードを選ぶ。
  • RPGを選ぶ。

こんな時に起こりやすい

当時 html 等を編集するコーダーと、画像などを作成するデザイナーは別で分業体制でした。私はコーダーでしたが、画像はデザイナーの人にお願いする形でした。それで、デザイナーから完成した画像を受け取ってアップしたのですが、このような IE だけ画像が表示されない事態になりました。

印刷用のチラシやパンフレット等も作成する人だった為、CMYK 形式で画像が送られてきて気づかずそのままアップロードしてしまったという場合に起こるのではないかと思います。

Web 用イメージは RPG 形式でアップしましょう。

  • Pocket

おすすめトピックス

関連記事

Chromeで文字の置換ができる拡張機能「Search and Replace」の使い方

文字の置換処理の機能は色々なソフトやアプリで実装されています。例えばメモ帳などのテキストエディタにもありますし、Excel や Word などにも実装されている機能です。指定した文字列を任意の文字列に一瞬で置換してくれる […]

html5のaudioタグで出るプレイヤーにダウンロードボタンがあるんだが【Chromeのみ】

html5 には audio タグというものがあって、音声ファイルを指定するだけでウェブサイト上で音声を流せる便利なタグがあります。昔のように WMP や Quick Time プラグインに頼らず、FLASH プレイヤー […]

1クリックでJavascriptのオンオフを切替えるChrome拡張「Quick Javascript Switcher」

Javascript という言葉を一度は聞いたことがあるかもしれません。Javascript とは、ブラウザ上で動くプログラミング言語の一つです。今のウェブの世界では当たり前のように Javascript が使われていま […]

別窓キャンセル
別窓で開く「_blank」を無効化して無視するChrome拡張機能

ウェブサイトを見ている時にリンクをクリックして別ページヘ行くという事は日常茶飯事ですよね。でも、リンクをクリックした時に同じウィンドウ(タブ)で開くのか別窓(別タブ)で開くのかの2パターンがあります。 ウェブサイト側で別 […]

ノートパソコンでタイピング
ChromeやFirefoxならフォームの狭いテキストエリアを伸ばせます

インターネットをしていれば、よく文字を入力する場面は多いかと思います。ブログのコメント欄、インターネットショッピングで配送先の入力などなど、色々ありますね。それらは総じて入力フォームと言います。 ピンと来ない方は、下の画 […]

ブラウザ
最新IE以外が衝撃のサポート終了!バージョンの確認方法とアップデート方法

2016年1月13日をもって旧バージョンの Internet Explorer(ブラウザ) のサポートが終了した事をご存知でしょうか。サポートが終了という事は、もう金輪際アップデートはないという事です。どんな危険な脆弱性 […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
北海道チーズおかき
チーズの旨味が超濃厚!YOSHIMIの「北海道チーズおかき」

北海道に本社を置き、レストラン事業や製菓事業を行っている YO

無効なURLです。
エックスサーバーへ移転時にデータベースをインポートしたら「無効なURLです。」

高速で安定度の高いと評判のエックスサーバーへサイトの移転を行い

CSSの擬似クラスnth-childは3の倍数以外というような否定条件も可能

CSS において偶数の要素だけ、奇数の要素だけ、何番目の要素だ

北のちーずボー
北海道産チーズのスティックケーキ「北のちーずボー」

新千歳空港のお土産店で販売されていた「北のちーずボー」を買って

チョップドサラダ
札幌で新鮮野菜のサラダボウルが美味しい「マンマペルテ」

外食すると野菜分が不足しがちですが、札幌駅近郊で新鮮なサラダボ

→もっと見る