![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
イラレで作った画像がぼやけて、色も保存するとなぜかずれます。
右上の福岡市中央区許可保育園という部分です。
一番上の線と同じ色にしたいのですが、ずれます。#990000にしたいのですが993333などに勝手にずれます。
なぜ勝手にずれるのでしょうか?
png24にしています。
フォトショップで作ればこのようにはならないのでしょうか?
http://sample1.digi2.jp/kindergarten/index.htmlより
No.3ベストアンサー
- 回答日時:
ぼやけるのは画像のサイズと表示サイズが違うからでしょう。
横幅239pxの画像を、cssの指定で260pxに拡大して表示しているので、ぼやけるのは当然です。
色が変わるのはCMYKで作っているからではないでしょうか?
一度カラーモードを確認してみてください。
また、基本的にイラレはWebの制作には向いていません。
イラレは印刷向けのソフトなので基本の単位はmmです。
それをピクセルに直すと小数点の数値になるので画像の端は必ずぼけます。
環境設定から単位をピクセルにして作る事も出来ますが、
それでも完璧にピクセルにあった画像を作れるわけではありません。
Web用の画像はPhotoshopかFireworksで作成しましょう。
ただ、Fireworksは開発終了が発表されていますので
今後の事を考えるとPhotoshopを使うのが良いと思います。
また、PhotoshopはWeb専用ツールではないので、Webデザイン作成時にはある程度設定する必要があります。
下記の記事を参考にしてください。
http://designcolor-web.com/2012/05/29/photoshop- …
ありがとうございます。お忙しい中大変ありがとうございました。
サイズ、CMYKの件修正しました。
>
また、基本的にイラレはWebの制作には向いていません。
イラレは印刷向けのソフトなので基本の単位はmmです。
それをピクセルに直すと小数点の数値になるので画像の端は必ずぼけます。
環境設定から単位をピクセルにして作る事も出来ますが、
それでも完璧にピクセルにあった画像を作れるわけではありません。
WEB用に設定をしても、フォトショと違って、ぼやけるのですね。
ただハシということなので文字などはぼやけないのでしょうか?
それともすべてにハシがあるので、イラレでぼやけないようにするのは不可能ということでしょうか?
No.2
- 回答日時:
問題の文字を拡大して見ると、白と赤が混じってしまっているのがわかります。
おそらく、文字を書くときのアンチアイリアス処理が災いしているためでしょう。
http://725desu.blogspot.jp/2011/02/blog-post.html
ありがとうございます。お忙しい中大変ありがとうございました。
アンチエイリアスはなしになっていました。
文字に最適などのタブですよね。
No.1
- 回答日時:
パレットを制限してPNGで保存する。
スタイルシートで文字を・・
div.header h2{
text-align:center;
font-size:16px;
position:absolute;
top:0;right:10px;
width:15em;height:1.5em;
color:white;
background-color:#990000;
line-height:1.5em;
border:#990000 solid 2px;
border-radius:0 0 5px 5px;
box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4);
}
もともとはスタイルシートでやっていたのですが
IE8がCSS3に対応していないので画像にしました。
文字はぼけるものなのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Android(アンドロイド) 画像に透かしのウォーターマークを追加する方法について 1 2023/06/09 16:43
- その他(パソコン・スマホ・電化製品) googleピクセル4a5Gで撮影した写真をパソコンにインストールすると、大量に添付写真のような身に 1 2022/05/24 11:19
- PDF 画像調整してスクショし保存した画像をPC画面と同画質で印刷する方法 1 2022/03/31 19:09
- その他(IT・Webサービス) 画像調整してスクショし保存した画像をPC画面と同画質で印刷する方法 3 2022/03/31 19:11
- Windows 8 動画の再生とタイトルの変更方法を教えてください。 3 2022/08/01 14:51
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- Word(ワード) ワード。オブジェクトの一部分にグラデーションを塗るには 2 1 2022/10/04 16:25
- 教えて!goo 「教えて!goo」や「Yahoo知恵袋」に投稿する際の画像についてお聞きします。 2 2023/05/23 12:53
- Chrome(クローム) ノートPCのデスクトップ画面全体にアイコンが 現れず、画面の右1/3位が背景の壁紙のままです 5 2022/09/20 17:44
- Visual Basic(VBA) 【VBA】Excelの特定範囲のセルを画像で保存したい 2 2023/01/25 13:06
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
画像イメージの上下左右、欲し...
-
どんな場合でもブラウザ画面の...
-
table周辺の隙間をなくしたい。
-
IEの場合に、リストに余白がで...
-
入力フォームとセレクトボック...
-
イメージマップのhoverについて
-
<div>と<div>の間の10px程の...
-
font-sizeが効かない
-
CSSを使ってテーブルを上下中央...
-
CSSで背景画像を一番下にもって...
-
マウスオーバー時に画像と一緒...
-
CSS、width100%でもできる余白
-
ページを拡大縮小でborderが消...
-
CSSで画像の横に余計な余白が・...
-
CSSでボックスのheightが0になる
-
MACのスタイルシート対応
-
リンクの下線と文字の間隔を開...
-
CSS3の記述の一部が反映されない。
-
初心者html・CSS ウィンドウを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
CSS、width100%でもできる余白
-
CSSがなぜかfont-sizeだけ効か...
-
css初心者 フレックスボックス...
-
余分な縦スクロールバーが出て...
-
CSS:animation開始位置の設定
-
form input テキストを上下中央...
-
W3Cのソースコードの検証サービ...
-
スクロールボックスを中央に配...
-
CSSでボックスのheightが0になる
-
表示倍率を変えるとレイアウト...
-
【CSS】ヘッダーの高さが不明の...
-
Media Queries 4 で 非推奨とな...
-
div領域をウインドウサイズに合...
-
CSS(0の単位)について
-
divで囲まれたpaddingの指定を...
-
中点「・」の改行について
-
CSSで指定した背景画像にリンク...
おすすめ情報