このブログのはてなブックマーク数 このエントリーをはてなブックマークに追加

知らなきゃ絶対損するPCマル秘ワザ

知らなきゃ損するPC情報を分かりやすくメモする個人ブログ。
『月,水,金』の週3回更新!(予定)

このブログ内をキーワードで検索することもできます。
Loading



最新記事
  • Windows:ウィンドウを効率よく操作する方法まとめ (12/09)
  • Windows:スリープ復帰時のパスワード入力をやめる (12/07)
  • Windows:ミス激減!チェックボックスでファイルを複数選択する (12/05)
  • Amazon:スマホでPC版サイトを開いたらスマホ版に戻れなくなった (12/02)
  • Windows:アプリの音量が勝手に変更される (11/30)
  • 管理人より
    2000万アクセス突破しました。ありがとうございます。

    Photoshop×FirefoxでのPNGの変色を回避

    このエントリーをはてなブックマークに追加
    Photoshop Elementsで作ったPNG画像がFirefoxでも変色しないようにする方法
    イメージ


    こんにちは、さち です。

    先日、Photoshop Elements で画像を作成していました。
    完成してPNGで保存してサーバにアップロードしFirefoxで表示を確認してみると
    どうも白色の発色がおかしい…。

    カラーピッカーで色を拾ってみると
    「R250 G255 B255 (#faffff)」となっており微妙に赤味が弱くなってしまっています。

    今回は、この問題の解決方法を紹介していきたいと思います。

    保存方法で色が変わる

    テスト  テスト
    上の2つの画像の背景の白色は
    IE などのブラウザでは全く同じ色で変色はないと思いますが
    Firefox では左側の画像(保存→PNG)は変色してしまっていると思います。
    (変色した状態をキャプチャしたものがトップにある画像)

    Photoshop Elements には
    「ファイル」メニューに「保存」と「Web用に保存」という2種類の保存方法があり
    このどちらを使うかによって Firefox での発色が変わってきます。


    原因はICCプロファイル?

    この問題は「ICCプロファイル」によって起こっている気がします。

    「保存→PNG」と「保存→PNG-24」では
    ICCプロファイルの扱い方に違いがあるようで
    これが原因で保存方法によって発色に違いが出るようです。

    「カラープロファイルって何?」という方はこちらの記事を見てみて下さい。


    白をちゃんとした白で発色させるには

    比較
    前述の項を読んできた方はすでにお気づきだと思いますが
    白色をちゃんと白色として発色させるためには
    画像をPNGとして保存する際に「Web用に保存」を選択します。

    通常のPNGでの保存は「PNG-24」がそれに当たるので
    これを選択して保存しましょう。
    操作画面


    「保存」から保存する際にも
    「ICCプロファイル」という項目があるにはあるのですが
    「PNG」を選択するとなぜかグレーアウトしてしまい設定できなくなってしまいます。

    2種類の保存方法で画像の色が変化してしまうというのは
    ちょっとややこしいですね…。








    このエントリーをはてなブックマークに追加




    管理人だけが読めるコメントにする(返信はしません)
    【お知らせ】
    • コメントは承認制です。反映に時間がかかります。
    • Yahoo!BBはスパムコメントが多いため一部規制中です。
    • URLを含む投稿はできません。必要な場合は最初のhを削って下さい。
    • 記事に直接関係ない個人のトラブルにはお答えできません。
    • Android は使ったことがないので質問を頂いても答えられません。
    • その他詳細はこちら





    記事別の週間アクセス数ランキングです。こちらの記事もぜひ読んでみて下さい。

    2008-2016 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

    ブログパーツ