イラレで作った画像がぼやけて、色も保存するとなぜかずれます。 - ホームページ・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コンサルタント)

その他サービス

格安ホームページ制作

貴社のサイトを格安でお作りします。

中沢 伸之

ストークデザイン

中沢 伸之

(Webプロデューサー)

メール相談

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

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

小菅 太郎

アイナパル

小菅 太郎

(ITコンサルタント)