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

お気軽にお問い合わせください
0568-36-3104

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

新規会員登録で200pt GET
ゲストさん 新規登録
お気軽にご相談ください!
お問い合わせフォーム
0568-36-3104

イラレ(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に変換後、ロスレス圧縮を行う

 

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

1の方法は使えないので、2の

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

 

つまり、

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

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

 

以上
わたなべでした。

 

 

 

 

Watanabe Kousuke
編集者
Watanabe Kousuke

1980.11.26生まれ B型 既婚 2児の父 愛娘家

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

instagram





ほぼネコスタグラム


ブログタグ

春日井 (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 (5) 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) ディスクユーティリティ (1) 外付け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) (1) M key (1) Macbook Pro (1) Macbook pro 16インチ (1) Thunderbolt 3 (1) M.2 (1) 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) モデルナ2回目 (1) MAMP PRO 6 (1) イラレで書き出すと色がくすむ (1) ADOBE RGB 1998 (1) DCI-P3 95% (1)


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


過去30日間 人気記事


営業日カレンダー
2021年12月
   1234
567891011
12131415161718
19202122232425
262728293031 
  • 休日

ホームページ制作 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