*

思わぬトラブル!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のアドレスがドメインしか出ない
Chromeでドメインしか表示されなくなったURLを全部表示させる方法

いつもメインでつかわせてもらっている Google Chrome さんが詳しい URL を表示してくれなくなりました。ページを表示していてもそのページのドメインしか表示しなくなったという事です。 詳しい URL を表示す […]

Chromeの検索窓でAmazon等色々なサイトの検索をする方法

ブラウザの Google Chrome をお使いの方であれば、アドレスバーに検索キーワードを入力して検索する事は日常茶飯事でしょう。そして、そこに入力した結果表示されるものは Google だと思います。 実は、Chro […]

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

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

スマホのChromeブラウザでページ内検索を行う方法

ブラウザでウェブサイトを閲覧中に何かの文字でページ内を検索したいと思った時、ブラウザには「ページ内検索」という機能があります。例えば1万文字を越える文章の中から目的の文章を探す為にある語句で検索して、目的の文章を一瞬で探 […]

ウェブサイトの右クリック無効を解除するChrome拡張「Enable right click」

稀にですが右クリックを無効化しているウェブサイトにたどり着く事があります。右クリックを無効にしている理由は色々とあるでしょうが、右クリックが無効だとマウス操作で戻ったりタブを閉じたりするマウスジェスチャが使えなくなるので […]

Chrome
【Chrome】ブックマークは左という固定観念やめたら?上でもいいじゃない

Google Chrome では2014年12月現在、Internet Explorer や Firefox のようにブックマーク(お気に入り)をブラウザの左側に固定して表示する事はできません。そして Google はわ […]

著者について

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

フォローはこちら

       

       
安曇野市で安くてボリュームたっぷりの蕎麦「そばの庵はや田」

長野県安曇野市にあるお蕎麦屋さん「そばの庵はや田」へ行ってきま

Photoshopで行間を1ptにしても詰められない時の対処法

Photoshop の文字ツールで文字を入力して、文字パネルの

夜の彦根城を間近で見れる1日だけの特別な日「彦根城夜楽2019」

夜の彦根城を間近で見られる日が1年に1回だけあります。その1日

JA士幌町のスイートコーンとミルクの味わい「北海道のこだわりプリン」

士幌町の北海道のこだわりプリンをいただいて、とても美味しかった

Photoshopで写真の黄ばみや赤みを補正し抑える方法

デジカメで撮った写真が思ったより黄色かったという経験はありませ

→もっと見る