イラレ（Adobe Illustrator）で書き出すと、色があせる、くすむ時がある。SVGやJPGも | 愛知県春日井にあるホームページ制作 D-M…

D-MARIKINGのFcaebookへ D-MARIKINGのインスタグラムへ
お気軽にお問い合わせください
0568-36-3104

※初回お問い合わせのみメールフォームより
お問い合わせください


  • 2021.11.02 UP !

イラレ（Adobe Illustrator）で書き出すと、色があせる、くすむ時がある。SVGやJPGも

どーもD-MARKING わたなべです。

ご訪問ありがとうございます。

こちらの記事はWEBデザイナー向けの記事です。

イラレ（Adobe Illustrator）で書き出すと、いざホームページにして、ブラウザでみると、色があせる、くすむ時があります。

もちろんちゃんとRGBです。

Adobe Illustratorで書き出すとSVGがくすむ

この場合は、ドキュメントのプロファイルによるものです。

例えば、ADOBE STOCKの素材ファイルを利用して、コピーして、

新規ドキュメントで配置しデザインし、いざWEB用に書き出すと、

アップすると色が違う。。

これは、コピーする前に、素材のカラープロファイルを

作業中のプロファイルに変更することで、解決できました。

 

カメラマンからもらった高品質な写真が、WEB用にアップすると、色があせる。

こちらの場合、もらった画像にカラープロファイルの指定がしてある場合にそうなりました。

プロカメラマンの画像はADOBE RGB 1998 が指定してありました。
sRGB（普通のモニタ）より色の範囲が多いデザイナー向けのモニタで色が表示できるものです。
（iMACも、もちろんsRGBより広く表現できますし、私のサブモニタも、DCI-P3 95%という似たようなものを使っています。）

このプロファイルを外してしまうような圧縮をする場合、

画像がくすんでしまいます。

WEBは画像をなるべく軽くするのが一般的で、画像の大きさを必要なサイズまで小さくするのは当たり前ですが、

さらに、ロスレス圧縮を自分でするか、もしくは、wordpressにアップする際、プラグインなどで圧縮するのが今の流れです。

 

解決策としては、

1.ロスレス圧縮の際、プロファイルの指定を外さない 

2.カラープロファイルを外してsRGBに変換後、ロスレス圧縮を行う

 

ただし、ワードプレスのアップの際、サムネイル作成でカラープロファイルが保持されないので、

１の方法は使えないので、２の

フォトショップなどで、一度WEB用に保存して、カラープロファイルを外して保存しなければならない。

 

つまり、

ADOBE RGB 1998のカラープロファイルが指定してある画像を、wordpressにアップすると、色がくすんでしまう、ということです。

だから、撮影した画像をそのままアップして使おうと思っている場合は、カメラマンに納品形態はsRGB でプロファイルは埋め込みなし、と指定しなければ手間が増えるということでした。

 

以上
わたなべでした。

 

 

 

 

イラレで書き出すと色がくすむ ADOBE RGB 1998 DCI-P3 95%
編集者
Watanabe Kousuke

1980.11.26生まれ　B型　２児の父　愛娘家

2000年名古屋栄にあるデザインの専門学校を卒業。グラフィックデザイン歴20年以上、WEB制作歴15年以上。20代はもっぱら音楽活動（HIPHOP）に明け暮れながら、看板屋（看板・店内サイン制作）、デザイン会社（WEB等制作担当）などに勤める。30歳でホームページ制作で起業し、ひたすらホームページを作成し、結婚・２人の子育てなどを経験。2020年代（40代）は実りの年にしたく、色々と野望を湧かすw

instagram



ブログTOP

こちらの記事もいかがですか？

TOPへ


ほぼネコスタグラム

[instagram-feed showbutton=false showheader=false]

ブログタグ

春日井 (1) ブログ改造 (1) ホームページ制作 (3) HP制作実績 (1) 名古屋 (1) 美容院 (1) SEO対策 (2) 検索結果 (2) 我がサイトSEO (1) カッティングシート (1) クラフトロボ (1) iMac (5) メモリ (1) ssd (4) USB3.0 (2) Thunderbird (4) WIN→MAC (1) サンダーバード (2) dock (1) ターミナル (1) LION (1) Mac (6) MG3130 (1) プリンタ (1) hoster (1) Virtual Host (1) xampp (1) Adminimize (1) Biz Calendar (1) User Role Editor (1) wordpress (7) Custom Field Gui Utility (1) welcart (2) フィン君 (1) HDD (2) Time Machine (1) 別パーティション (1) 外付け (2) hdw14 (1) wimax2 (1) ソフトウェアアップデート (1) More..
改善 (1) 年始年末の営業 (1) ph (1) ロイヤルカナン (1) 尿結石 (1) 膀胱炎 (1) 出張カメラマン (2) finder (1) 再起動 (1) EaseUS Todo Backup Free (1) hp pavilion g6 (1) デザイン事務所 (2) 新設 (1) 沖縄 (1) 移転 (1) 事業者概要 (1) おもしろい (1) キャットスマック (1) デザイン (1) パッケージ (1) ほっこりした (1) 猫のえさ (1) Illustrator (1) アプリケーションフレーム (1) フルスクリーンモード (1) Instagram (1) Instagram feed (1) アカウント切り替え (1) インスタグラム (1) ウィジェット (1) サイドバー (1) プラグイン (2) 複数アカウント (1) Crayon Syntax Highlighter (1) ntax highlighter (1) PS Disable Auto Formatting (1) ipodtouch5カメラ (1) SONY NEX-C3 (1) デジタル一眼レフ (1) 修正 (1) 写真 (1) 写真修正 (1) 撮影 (1) 視野角 (1) DropBox (2) PC共有 (1) FileZilla (1) FTP (1) パーミッション (1) インテリポイント (1) マウス (2) 起動時 (1) タグ (1) paypal (1) ショッピングサイト (1) Custom Field Suite (1) ビジュアル (1) Tシャツ (1) タオル (2) のぼり (1) 横断幕 (1) 田中恒成 (2) Nexus5 (2) SIM FREE (2) 楽天モバイル (3) ヒスタミン食中毒 (1) 抗ヒスタミン剤 (1) 治療薬 (1) amazon (1) プライムビデオ (1) chrome (2) バグ (1) 管理画面 (1) 太る (1) 睡眠不足 (1) カテゴリ (1) ClipMenu (1) DockMenus (1) XtraFinder (1) 仕事効率化 (1) ボクシング (1) macbook air (1) UASP (2) ディスクユーティリティ (2) 外付けssd (2) NifMo でんわ (1) ニフモ電話 (1) 使えない (1) 解約 (1) 違約金 (1) 5ボタン (1) BSMBB23S (1) BUFFALO (1) osx (2) マウスドライバ (1) .htaccess (1) 301リダイレクト (1) Redirection (1) エンコード (1) できない (1) デフォルトパーマーリンク (1) パーマーリンク変更 (1) ポストタイプ変更 (1) 上手く行かない (1) 効かない (1) 日本語URL (1) 糖質制限 (5) デザイン住宅 (1) 住宅 (1) 新築見学会 (1) 見学会 (1) ズブロッカ (1) SD-BH1000 (1) カロリー制限 (1) きな粉 (1) きな粉パン (1) ホームベーカリー (1) 大豆粉パン (1) document2.zip (3) ウイルス (3) document1.zip (1) こすりん棒 (2) セラミックスクリーナー (2) Late2012 (1) MK462J/A (1) Addon (1) Quicktext (1) 下痢 (1) 人工甘味料 (1) コンタクトフォーム (1) チェックボックス単一 (1) チェックボックス択一 (1) 表示領域切り替え (1) 壁紙 (1) 変更 (1) 時間帯 (1) キャッシュ (1) アンドロイド (1) クローム (1) Blackmagic Disk Speed Test (1) IOUSBAttachedSCSI (1) OS X El Capitan (1) SSDケース (1) ベンチマーク (1) ヒアリ (1) LINE (1) SIM (1) ガラゲー (1) 年齢認証 (1) アドバンスカスタムフイールド (1) ユーザー (1) 出力 (1) Viltrox L116T (1) 尾張旭市でホームページ制作 (1) 春日井の刺繍屋 (1) NINICAFE (1) NINICAFE ハンバーグ (1) 尾張旭 (1) ak69 春日井 (1) MAMP PRO (2) 3D NANO MLC (1) 3D NANO TLC (1) MLC (1) TLC (1) 鳳雷 (1) ソイプロテイン (1) ソイプロテインダイエット (1) ダイエット (1) Auto Post Thumbnail (1) type pad 絵文字 (1) インドネシアランチ (1) インドネシア料理 (1) オーガニックコーヒー (1) カヤトースト (1) ハラールフード (1) 免許再交付 (1) 免許再交付 平針運転免許試験場 (1) 平針運転免許試験場 (1) 財布落とした (1) ビビった (1) MAMP PRO 5 (2) e-tax (1) 確定申告 (1) コンテンツに応じた塗りつぶし (1) カテゴリページに訪問数 (1) タグページに訪問数 (1) タクソノミーページに訪問数 (1) タームページに訪問数 (1) アーカイブページに訪問数 (1) Smash Balloon Social Photo Feed (1) サーバーの識別情報を検証できません (1) DNS (1) TTL (1) Internet Explorer 11 (1) virtualbox (1) Windows10 (1) VirtualBox Guest Additions (1) 小牧市 ホームページ制作 (1) 小牧市 プロカメラマン撮影 (1) OPPO A5 2020 (1) Macbook pro 16インチ 整備品 (1) M.2 (Type2280) (2) M key (1) Macbook Pro (1) Macbook pro 16インチ (1) Thunderbolt 3 (1) M.2 (2) NVMe (1) 「いいね」購買横行 (1) iphone12 (1) 5G (1) iphone12 pro (1) マスクの範囲をアートボードに (1) svg (1) バージョンアップ (1) wp_list_categories (1) User Access Manager (1) conoha wing (1) ssh (1) 春日井市 (1) 県営名古屋空港ターミナルビル (2) 大規模接種会場 (1) コロナワクチン (2) コロナワクチン副反応 (2) コロナワクチン副反応 頬張れる (1) コロナワクチン副反応 唇腫れる (1) モデルナ２回目 (1) MAMP PRO 6 (1) イラレで書き出すと色がくすむ (1) ADOBE RGB 1998 (1) DCI-P3 95% (1) プレーンテキスト (1) コピー＆ペースト (1) WEB広告 (1) ランディングページ作成 (1) WEB広告＆ランディングページ作成 (1) Mac　なんか悪い (1) APFSフォーマット (1) クローン (1) googleアナリティクス (1) GA4 (1) タグマネージャー (1) M.2　SSD (1) thunderbolt2 (1) Thunderbolt 3(USB-C)- Thunderbolt 2アダプタ (1) imac2015 (1) ブログカード　リンク効かない (1)


よく読まれている 人気記事

２台のPC間でThunderbird（サンダーバード）のデータを共有する方法
1. 45440 views

２台のPC間でThunderbird（サンダーバード）のデータを共有する方法

平針運転免許試験場で免許の再交付 流れ 免許落とした（財布落とした）
2. 41605 views

平針運転免許試験場で免許の再交付 流れ 免許落とした（財布落とした）

iMAC2012 外付けSSD USB3.0 UASP 接続で起動
3. 31770 views

iMAC2012 外付けSSD USB3.0 UASP 接続で起動

MG3130 LION 10.8 セットアップCDなしで無線設定 プリンタ
4. 27101 views

MG3130 LION 10.8 セットアップCDなしで無線設定 プリンタ

インスタグラム(Instagram)ウィジェットをHPに設置　WordPress編
5. 22433 views

インスタグラム(Instagram)ウィジェットをHPに設置　WordPress編

イラレ（Illustrator）cs6 フルスクリーンモード 解除　画面の固定をやめたい
6. 20471 views

イラレ（Illustrator）cs6 フルスクリーンモード 解除　画面の固定をやめたい


過去30日間 人気記事


営業日カレンダー
« 2022年5月»
日 月 火 水 木 金 土
1234567
891011121314
15161718192021
22232425262728
293031    
  • 休日

ホームページ制作 D-MARKING

0568-36-3104
info@d-marking.jp
営業時間：10:00 〜 16:00
（フレックスタイム制-週40時間以上）
定休日：土日祝日　お盆・GW・年末年始
〒486-0956
春日井市中新町1-12-1宝味美ハイツ403


　

ホームページのことならお任せください。
開業10年以上の経験で、ご満足いただける
ホームページ制作を目指しております。

ホームページ制作のご相談はお気軽にどうぞ！
簡単お問い合わせフォーム

電話対応時間 平日11:00 〜 17:00　土日祝日休み

初回お問い合わせのみメールフォームより
お問い合わせください

愛知県春日井にあるホームページ制作 D-MARKING | 名古屋市・瀬戸市・尾張旭市・一宮市・小牧市・多治見市・北名古屋市など出張OK

出張打合せに伺います。

ホームページ制作のご相談はまず御社に訪問させていただきます。
または、中間距離にてどこかで打ち合わせとなります。

  • 愛知県
  • 岐阜県
  • 名古屋市

    • 上記以外でも出張できる場合があります。お気軽にご相談ください。
    インターネットでホームページ制作|愛知県春日井にあるホームページ制作 D-MARKING | 名古屋市・瀬戸市・尾張旭市・一宮市・小牧市・多治見市・北名古屋市など出張OK

    全国対応

    D-MAKINGのサービス・デザインが気に入った！など、
    インターネットにより、全国どこでも制作受注可能です！
    お気軽にご相談ください。

    インターネットでホームページ制作|愛知県春日井にあるホームページ制作 D-MARKING | 名古屋市・瀬戸市・尾張旭市・一宮市・小牧市・多治見市・北名古屋市など出張OK

    About D-MARIKING

    D-MARIKINGとはどんなホームページ屋さん！？ここまでの沿革をご紹介

    検索順位について

    ホームページを作るにあたって、検索キーワードの重要性についてのご説明

    料金・システム

    制作料・保守サービスについてのご説明

    制作実績

    ご紹介できるホームページ制作・デザイン実績

    お客様の声

    ご協力いただいた、お客様の声をご紹介

    WEB広告

    WEB広告に特化した株式会社創工社さんと連携して、ランディングページを制作いたします。
    0568-36-3104
    お気軽にお問合せください
    初回のみメールでお問合せください
    簡単お問い合わせ

    ご質問をご記載ください。
    翌営業日中に担当からお返事いたします。

      送信完了
      会社名・屋号等 必須
      お名前 必須
      メールアドレス 必須

      携帯のアドレスの場合の場合【@d-marking.jp】を
      迷惑メール設定のドメインの解除お願いします。
      ご連絡先電話番号 必須
      お問い合わせ案件必須
      お問合せ内容必須

      ご希望連絡方法必須 メール電話
      　
      簡単
      お問合せ