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

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

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

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



最新記事
  • ニコニコ動画:再生速度が変更可能になったから使ってみた (01/16)
  • Firefox:誤爆や競合を起こすショートカットキーを無効にする (01/13)
  • Windows:PCを「スリープ」するショートカットボタンを作る (01/11)
  • 拡張機能「Stylish(CSS)」を使ってサイトのテキストを書き換える (01/09)
  • Windows:ファイル名末尾の「- ショートカット」の自動付加をやめる (01/06)
  • 管理人より
    2017年もよろしくお願いします。

    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-2017 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

    ブログパーツ