イラレで作った画像がぼやけて、色も保存するとなぜかずれます。 - ホームページ・Web制作 - 専門家プロファイル

専門家の皆様へ 専門家プロファイルでは、さまざまなジャンルの専門家を募集しています。
出展をご検討の方はお気軽にご請求ください。

イラレで作った画像がぼやけて、色も保存するとなぜかずれます。

法人・ビジネス ホームページ・Web制作 2013/12/01 22:47

イラレで作った画像がぼやけて、色も保存するとなぜかずれます。
右上の福岡市中央区許可保育園という部分です。
一番上の線と同じ色にしたいのですが、ずれます。#990000にしたいのですが993333などに勝手にずれます。

なぜ勝手にずれるのでしょうか?
png24にしています。
フォトショップで作ればこのようにはならないのでしょうか?
http://sample1.digi2.jp/kindergarten/index.htmlより

補足

2013/12/02 12:41

おかげさまで色はうまくいったのですが、文字はやはりぼやけているような気がします。
フォントがHGP明朝Eなのが悪いのでしょうか?

ラスタライズはなしが初期設定になっています。効果>ラスタライズにはなしと表記してあります。

park123さん ( 東京都 / 男性 / 41歳 )

回答:1件

磯部 茂 専門家

磯部 茂
コピーライター

- good

カラーモードのチェックをしてみてください

2013/12/02 10:53 詳細リンク
(5.0)

park123 さま

はじめまして。
まず、少し情報が足りないので、推測での解答となることをお許しください。

もしかすると、イラストレーターのカラーモードがCMYKになっているのかもしれません。
CMYKモードでPNGファイルを書き出してしまうと、
書き出した画像の色味が変わってしまうことがございます。

イラストレーターの画面より、
左上のファイルをクリックして→ドキュメントのカラーモードより、
カラーモードをRGBに変更することができます。

CMYKは基本的に印刷データを作成するときに使うカラーモードです。
WEBの制作時には、カラーモードをRGBにするようにしてください。

もし、カラーモードがすでにRGBでしたら、申し訳ありません。
そうなると画像の書き出しの設定により、色味が変わっているのかもしれません。

ただ、park123のご質問から、おそらくはカラーモードに起因するエラーのように思います。


以上、参考になれば幸いです。

補足

画像がぼやけてしまっている件について、補足解答です。

該当の画像は、サイズが239px✕42pxとなりますが、
CSSのh1 imgのwidth指定が260pxとなっています。

そのため、ブラウザ上で画像を無理矢理に引き延ばしているため、
画像がボケて表示されているものと思います。

対処法として、

1.画像の横サイズを260pxにリサイズして使用する
2.CSSのH1のwidth指定を画像に合わせる(現状は239px)


ただ、画像のサイズ指定はhtml内で行うのが一般的ですので、

<img src="images/topimg/h1.png" alt="福岡市中央区許可保育園" width="239" height="42">

とするのが良いかもしれません。

以上、簡単ではございますが、こちらも参考にしていただければ幸いです。

WEB
イラストレーター

評価・お礼

park123さん

2013/12/02 11:46

ありがとうございます。お忙しい中大変ありがとうございました。

おかげさまでずいぶんましになりました。

回答専門家

磯部 茂
磯部 茂
(神奈川県 / コピーライター)
有限会社ペア・ファクトリー 代表取締役
046-242-8248
※お電話の際は「"プロファイル"を見た」とお伝え下さい。

ひとの心に、化学反応を!

広告って心理学?…これホントです。謎を紐解く。広告作りは、ここに集約されると言ってもいいでしょう。売る仕掛け、アクションのスイッチ。このマーケティングの核を探ることは、人の心の広い海原を旅することと似ています…。

磯部 茂が提供する商品・サービス

メール相談

コピーライターが答える!広告メール相談

広報担当者・経営者様向けの広告専門のメール相談サービスです。 広告の疑問をお寄せください。

質問やお悩みは解決しましたか?解決していなければ...

※あなたの疑問に専門家が回答します。質問の投稿と閲覧は全て無料です。

(現在のポイント:-pt このQ&Aは、役に立った!

このQ&Aに類似したQ&A

バイヤーサイトにて使用する画像について roseroseさん  2011-11-28 11:25 回答1件
メイクショップでXHTMLやAjaxを使用 nissi@さん  2010-08-04 10:53 回答2件
<p>の使い方 kankichiさん  2009-01-23 18:09 回答3件
専門家に質問する

タイトル必須

(全角30文字)

質問内容必須

(全角1000文字)

カテゴリ必須

ご注意ください

[1]この内容はサイト上に公開されます。

  • ご質問の内容は、回答がついた時点でサイト上に公開されます。
  • 個人や企業を特定できる情報や、他人の権利を侵害するような情報は記載しないでください。

[2]質問には回答がつかないことがあります。

  • 質問の内容や専門家の状況により、回答に時間がかかる場合があります。
気になるキーワードを入力して、必要な情報を検索してください。

表示中のコンテンツに関連する専門家サービスランキング

メール相談

ホームページSEO診断

ホームペーイjの内部SEOに特化したサービス

小菅 太郎

アイナパル

小菅 太郎

(ITコンサルタント)

メール相談

アメブロデザインテンプレートカスタマイズ承ります。

アメブロを個性豊かなデザインにしませんか?

小菅 太郎

アイナパル

小菅 太郎

(ITコンサルタント)

メール相談

ホームページ(SEO対策)診断

貴社ホームページのSEO対策を診断します

中沢 伸之

ストークデザイン

中沢 伸之

(Webプロデューサー)

その他サービス 格安ホームページ制作
中沢 伸之
(Webプロデューサー)