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

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

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

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



最新記事
  • Windows:1つしないのにネットワーク名が「ネットワーク 2」な件 (03/27)
  • CLIP STUDIO PAINT:メーカートーン無料提供が3月末で終了 (03/24)
  • ニコニコ動画+Firefoxでプレイヤーが真っ黒になる症状 (03/22)
  • 中世ヨーロッパの文献の雰囲気をもつフリーフォント「eltic」 (03/20)
  • Windows:起動時のロック画面の背景画像を変えてみる (03/15)
  • 管理人より
    2100万アクセス突破!ありがとうございます。

    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マル秘ワザ  無断転載禁止

    ブログパーツ