初めてHPの制作をしています。

今まで画像はフォトショップやイラストレーターで.jpeg保存していたのですが、単色のロゴや文字、地図などは.png形式の方がきれいに表示されることに気付き変更しました。
ですが、イラストレーターで作った地図(主に線と文字、モノクロ)はイラレ→web用に保存→.pngで保存しても一部ぼやけてしまったり、保存する度にぼやける箇所が変わり、混乱しています。サイズも掲載するサイズで作ってwidthとheightを指定し100%で使っています。
.jpegで保存すると全体にぼんやりしてしまうので.pngの方がいいと思ったのですが…
さらに、それをプリントアウトしてみると結局は全体にぼやけてしまっている事が判明しました。

web上でもきれいに見えて、プリントアウトなどをした時にも画面に見えているクオリティーを保つには、どんな処理をすればいいんでしょうか…?
ちなみに、.jpegで保存した写真画像はweb上ではきれいに見えていますが、プリントアウトするとやっぱり少しぼけて見えます。

HP制作初心者で初歩的な質問ですが、どうぞよろしくお願いします!

このQ&Aに関連する最新のQ&A

A 回答 (4件)

勝手に減色されるために起きている


と推測されます。
Web用PNGで保存すると
使用色数は256色に抑えられます。

そのためそれ以上の色数を使っていると
勝手に色数が減らされるのでこの現象が発生しているはずです。

ではどうすればいいか
・最初から256色の画像を用意すればいい
のです。

http://help.adobe.com/ja_JP/Illustrator/14.0/WSE …
このへんの
・GIF および PNG-8 最適化オプション
・GIF および PNG-8 画像のカラーテーブルのカスタマイズ
辺りを参考にしてください。
    • good
    • 2
この回答へのお礼

正直PNGやGIF形式に関して全く知識がなかったのでとても参考になりました。
教えていただいたサイトは今後も役立ちそうです。
ありがとうございました!

お礼日時:2011/10/21 17:17

ディスプレイでの表示と印刷は分けて考えること。


地図など淡色ないし色数が少ないものは、そのままの色数で保存すること。
ディスプレイでは、Windowなら96dpiで計算してそれを表示します。(Macは72dpi)
印刷を想定されるなら、通常は200dpiから300dpiを想定すれば良いでしょう。(写真並みに高解像度なら600dpiとか)そのため、ディスプレイで表示されるサイズの2,3倍、もしくは6倍程度で作成して、HTML上でサイズを指定します。<img src="[URL]" width="300" height="200">なら、900×600ピクセルあたりで作成する。
 ただし、ブラウザが破壊的に縮小するため、ぼやけます。それを防ぐためには画像を背景にし、スタイルシートで変更すると良いですが、印刷時に背景を伊刷する設定をしなければならない。スタイルシートで画像を置き換える方法もありまずが、古いブラウザは対応していない。
    • good
    • 0
この回答へのお礼

web用画像は表示させたいサイズで作っておくのがいいという曖昧な知識で作業していましたが、目的や用途によって工夫が必要なのですね…
色々ためしてみます。大変勉強になりました。
どうもありがとうございました!

お礼日時:2011/10/21 17:10

2種類のスタイルシートの活用という手段もあります.



1.普段のブラウジングでは,
 閲覧用スタイルシートを使って,
 閲覧用の軽い画像が表示されるように設定します.

2.印刷用スタイルシートを併用すると,
プリントアウト時には,プリントアウトされる様に,
印刷しても綺麗なファイルサイズが若干大きめの画像に置き換わるように指定すればいいのではないでしょうか.
    • good
    • 0
この回答へのお礼

なるほど…!
まだまだ勉強中で分からない事だらけですが、試してみます。
ありがとうございました!

お礼日時:2011/10/21 17:12

Web用に作成した画像をプリントアウトでもきれいに見えるクオリティーに保つのは不可能ですよ。



pngでもjpegでも、画像は必ず画面サイズにあわせて解像度が72dpiの画像で保存されます。
つまり、原寸で印刷すれば解像度が72dpiの画質で必ず印刷されるので、ぼけて当然です。
これは、画面上の解像度が72dpiになっている以上仕方のないことです。

もし印刷でも品質良くしたければ、画像そのものを大きく作って、HTML上では縮小して貼り付けることです。
この場合、元々大きな72dpiの画像を縮小していることになりますから、HTMLをそのまま印刷すると画像が綺麗に出る可能性があります。(縮小していることで、解像度が高くなりますから)

ご参考まで。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q添付画像のファイルはどんな状態のファイルなのでしょうか?クリってもエラ

添付画像のファイルはどんな状態のファイルなのでしょうか?クリってもエラーしか出た事がないのですが

Aベストアンサー

他の回答者様の記入通り、拡張子が無い事には判断出来ません。
また、クリックしてもエラーとありますが、webから探すとか出ませんか?
憶測ですが、多分質問者様のPCにこのファイルを開くアプリケーションが
インストールされていないのではないかな?って思います。
参考までに
よくありがちなのは、XPで作ったエクセルファイル等(逆だったかな^^;)を
ビスタのPCで見ると似たようなアイコンになります。
オフィスの互換パックをインストールすると見れます。

Qweb制作の初心者です。車のHPの制作を頼まれました。

今、知り合いにHPの制作を頼まれてるんですが…
それがすごく厄介なのです…
私は芸大出身なんでイラレ、フォトショでスライスツールを使ってHPを作る。簡単なHTMLくらいはわかるんですがその友達が求めてるHPは

http://www.carbest-suzuki.com/cgi-bin/carbest-suzuki/siteup.cgi?category=1&page=0

マウスを画像の上に置くと大きい画像が切り替わるみたいな事がしたいです!!
こういうHP作るには何を勉強したらいいのですか?
フレームの中のソースをいじって画像などを張り替えたらイイだけですか?
よろしくお願いします。

Aベストアンサー

>JAVAの事を詳しく教えてくれる参考サイト…

ではなくJava言語とJavaScriptは全くの別物です、"JavaScript"で検索すればたくさんありますよ。

とりあえず自分のブックマークからですが

[入門編]
・JavaScript入門
http://www.pori2.net/js/

[リファレンス系]
・一撃必殺JavaScript日本語リファレンス
http://www.openspc2.org/JavaScript/
・とほほのJavaScriptリファレンス
http://www.tohoho-web.com/js/index.htm

[フリーサンプル・Tips系]
・JavaScript Samples フリーサンプル - eWeb
http://javascript.eweb-design.com/index.html
・JavaScript Tips collection
http://www.din.or.jp/~hagi3/JavaScript/JSTips/Default.htm

などです、あとは書籍を参考に自分で書くのが早道です。ただブラウザごとの対応がまちまちだったりするのでちょっとした知識は必要です。
何事も多用すればユーザーに嫌われます、スパイス程度がスマートです。

● 少数の画像の扱いであれば#3のリンク先(フルーツ紹介)のサンプルスクリプト[23~44行目]を少し変えればいいと思います、とても簡潔で簡単です。

・[30~32行]がスワップの本体、[27と33~34行]は画像を5秒で元に戻す関数です。

・[38~41行]は初期画像の表示用。
・イベントトリガー(ブラウザ上で何をしたら)と関数の呼び出しは[157~194行]に出現するonmouseover="SwapImage('./img/xxx.jpg')"

・出力部は[198行]name="image"と名前が付いたセルです。

● 画像が多ければ配列に格納したほうがスマートです。配列については上記のリンクから
・JavaScript入門[配列]
http://www.pori2.net/js/kihon/13.html

画像の扱いについては
・オンマウスで画像を入れ替える
http://javascript.eweb-design.com/0811_mci.html
の先頭数行が意味が近いです(目的違い)

>JAVAの事を詳しく教えてくれる参考サイト…

ではなくJava言語とJavaScriptは全くの別物です、"JavaScript"で検索すればたくさんありますよ。

とりあえず自分のブックマークからですが

[入門編]
・JavaScript入門
http://www.pori2.net/js/

[リファレンス系]
・一撃必殺JavaScript日本語リファレンス
http://www.openspc2.org/JavaScript/
・とほほのJavaScriptリファレンス
http://www.tohoho-web.com/js/index.htm

[フリーサンプル・Tips系]
・JavaScript Samples フリーサンプ...続きを読む

Q右クリで画像保存が出ない!

画像を取りたくて矢印を画像に置くと!手のマークに代わり!右クリができなくなりました。
どうしたらよいのでしょうか?

Aベストアンサー

最近のサイトでは著作権の問題もあり、勝手に保存ができないように右クリックができないように設定しいるところが多くなっているであります。法律に抵触する場合もあるであります。

方法としては、色々あるでありますが、ただ見えてる画像が欲しいのであれば、プリントスクリーンでPC画面全体をコピーして、ペイントソフトにペースト、余分な部分を削除して保存すればいいと思うであります。

プリントスクリーンはググってほしいであります。

QWEB用の文字画像を綺麗に作るにはフォトショップとイラストレータどちら

WEB用の文字画像を綺麗に作るにはフォトショップとイラストレータどちらが良いでしょうか?
いつもお世話になります。
イラストレーターCSを使ってホームページの見出し部分を作成していますが、実際にWEB上に表示させると、文字が若干滲んだようになってしまい、綺麗に表示されていない気がします。
同様にフォトショップで出力してみても大差はありませんでした。

一般的にはフォトショップもイラストレーターもDTP目的で使うと思いますので、WEB用に使うのが間違っているのかもしれませんが、できればFireworksではなく、上記どちらかのソフトで作成したいと考えております。

もしイラストレーター、もしくはフォトショップから画像に落とし込んだ際に文字を綺麗に(くっきり)出力させる方法があればご教授いただけないでしょうか?
もしくは、上記以外のフリーのソフト等でオススメがあれば是非教えてください。

初心者質問で恐縮ですが、宜しくお願いいたします。

Aベストアンサー

こんばんは。

フォトショップとイラレならフォトショの方が向いてます。
というより専門のソフトですよ。

フォトショには強力なスライスツール(バージョンによってはimage ready)があるので、
webサイトをデザインしてそのままパーツ分けして、gifとかjpgの圧縮率などを指定してアウトプットできます。
希望ならテーブルコーディングしたものをアウトプットすることも可能です(使い物にはなりませんが)

実際マクロメディアを買収してファイヤーワークスがcsに加わるまでは、
アドビはフォトショ+ゴーライブ(アドビ版のドリームウィーバー)でwebしましょうって感じだったんですよ。
なのでフォトショで全然問題ないです。

実際現場でもフォトショ使う人も多いし、もちろんファイヤーワークス使う人も多いです。

イラレは…webってピクセル単位で気を使うというか、ドット絵的な作業もあるので、
正直向いてないと思います。(ベクターやラスターで調べてください)

まぁ、逆に印刷ものつくるならイラレベースじゃないとできませんね。
(画像処理だけフォトショ→イラレに貼り付け)

それと、ロゴなどを作る場合は、イラレで作ってフォトショに貼り付けて微調整しますね。
フォトショのパスツールやシェイプはヘボイので。。

まぁ・・今はフォトショのが素材とかも多いし、高機能だしやりやすいかもしれません。
ただ、ファイヤーワークスのが簡単につくれます。

あとフォトショで作るときに注意する点は、シェイプを使うときにオプションの「ピクセルにスナップ」にチェックしましょう。
じゃないと稜線がぼけます。

さらに、ぼけずに作っても大きさを変更するとまたぼけるので注意です。

フォトショ素材等
http://weblibrary.s224.xrea.com/weblog/photoshop/photoshop_2.html

こんばんは。

フォトショップとイラレならフォトショの方が向いてます。
というより専門のソフトですよ。

フォトショには強力なスライスツール(バージョンによってはimage ready)があるので、
webサイトをデザインしてそのままパーツ分けして、gifとかjpgの圧縮率などを指定してアウトプットできます。
希望ならテーブルコーディングしたものをアウトプットすることも可能です(使い物にはなりませんが)

実際マクロメディアを買収してファイヤーワークスがcsに加わるまでは、
アドビはフォトショ+ゴーライブ(ア...続きを読む

Q 友近さんの画像を探しています。本当にいい人で、美人で、セクシーだと思

 友近さんの画像を探しています。本当にいい人で、美人で、セクシーだと思います。着衣・水着・スカート、なんでもOKです(あまり小さいサイズじゃない方がよいです)。どうぞよろしくお願いします。

Aベストアンサー

こちらに数点ありました。
http://bsearch.goo.ne.jp/image.php?UI=web&TAB=web&STYPE=0&CC=1&SCRDEF=0&IMGST=0&IMGSZ=0&IMGC=3&IMGFT=0&IMGFT=1&IMGFT=2&IMGFT=3&MOVPT=0&MOVFT=0&MOVFT=1&MOVFT=2&MOVFT=3&AUDPT=0&NSDP=1&KWDP=1&DC=20&FR=1&SM=mc&OCR=1&SITE=&SITE2=&SITE3=&SITE4=&SITE5=&SITEH=&AUDST=0&AUDMST=0&MOVTHN=0&QGR=1&MOVSC=0&NOJSB=0&QGA=1&NOJS=0&AUDSITE=0&MT=%CD%A7%B6%E1&button=%B2%E8%C1%FC%B8%A1%BA%F7
画像を使用される場合は自己責任でお願いします。

QWebショップの制作時間につきまして

お世話になります。
以前に下記の質問をさせていただきましたjiroringです。
http://oshiete1.goo.ne.jp/qa3075097.html
改めて読むと、愚痴ばかり書いてしまっていてお恥ずかしい限りですが…。

回答者様からアドバイスいただいたにも拘らず、なかなか上に理解して貰えず、現在もしっちゃかめっちゃかなスケジュールで営業事務とサイト作成を同時進行させられています。

今回はこれから作業を進めるにあたって参考までにお伺いしたいのですが、

Webショップで

ページ数:約115ページ
内100ページは商品の紹介ページ(雛形さえ作れば、後は楽だと思います)
残りは特商法等や会社概要・メールフォーム・日記・FAQ等のコンテンツ
トップページはFLASH使用
買い物かご・アクセスカウンタは商用に利用可能なCGIをカスタマイズ

という内容では、Webデザインに専従されている方だと大体何日程で完成させられるものなのでしょうか。

当方、Webに関してはこれまで企業のシステム部に所属し、業務の一環で社内イントラサイトを主に作成していたレベルですので(特に厳しい締切に追われたりすることはありませんでした)、Webデザインを主としてお仕事をされている方のご意見を伺いたいと思います。

もちろん、作るサイトの内容によって一概に「○日!」と決められるものではないですが、おおよそで構いませんので教えていただけないでしょうか。
よろしくお願いいたします。

尚、サイトはタグ打ちをメインで作成する予定で、Vistaで作業することは上から指示されています
(現在、Vistaに慣れるのに手間取っているところです)。
材料となる写真は用意されていますが、レタッチはされていません。
テキストも用意されていません。

お世話になります。
以前に下記の質問をさせていただきましたjiroringです。
http://oshiete1.goo.ne.jp/qa3075097.html
改めて読むと、愚痴ばかり書いてしまっていてお恥ずかしい限りですが…。

回答者様からアドバイスいただいたにも拘らず、なかなか上に理解して貰えず、現在もしっちゃかめっちゃかなスケジュールで営業事務とサイト作成を同時進行させられています。

今回はこれから作業を進めるにあたって参考までにお伺いしたいのですが、

Webショップで

ページ数:約115ページ
内100ページ...続きを読む

Aベストアンサー

几帳面な方ですね。

てきとうで良いのではないでしょうか?
てきとうで良いと言われているのですから。

経験があるのでしたら,
115ページ中の100ページは3日でできるでしょう(1日7時間労働として)。
残りも2日でできるでしょう。
週5日制で1週間くらい。

「そんな短期間じゃできない」と思われるかもしれませんが,
そうではなくて,
それくらいでできる作業にしておけば良いのですよ。
極端な話が,白紙のHTMLに,ハイパーリンク付き文字を2~3行入れてリンクさせれば良いだけでしょう。そんなのだったら,残り15ページも30分くらいでできてしまいます。

なぜ Flash を入れるのか意味もわかりませんが,
写真を2~3枚動かすだけでしたら,1時間もあれば(場合によっては5分くらい)でできてしまいますし,
仮に30分で作ろうと思えば30分でてきとうなものを作ってしまえば良いと思います。

上で書いたことは,当然極端な話ですよ。
当然,そんな手抜きのページをつくるわけには行かないので,
実際はもう少し時間はかかるかもしれませんが,
てきとうで良いと言われているのですから,てきとうで良いのです。

企業の HP であっても,Webは更新が命です。
てきとうなものを作って,更新していく方が逆に良いかもしれませんよ。

几帳面な方ですね。

てきとうで良いのではないでしょうか?
てきとうで良いと言われているのですから。

経験があるのでしたら,
115ページ中の100ページは3日でできるでしょう(1日7時間労働として)。
残りも2日でできるでしょう。
週5日制で1週間くらい。

「そんな短期間じゃできない」と思われるかもしれませんが,
そうではなくて,
それくらいでできる作業にしておけば良いのですよ。
極端な話が,白紙のHTMLに,ハイパーリンク付き文字を2~3行入れてリンクさせれば良いだけでしょ...続きを読む

Q●「美人アプリ」の画像を保存したい!

●「美人アプリ」というアプリを使用しています。

●ここで表示される画像を保存したいのですが、方法がわかりません。可能かどうかも。。

●もし、方法をご存知の方がいらっしゃいましたら教えていただけませんか?おねがいします。

Aベストアンサー

保存したい画像を表示させて、↓の方法で画面をキャプチャすると、写真アルバムから見れます。
http://blog.livedoor.jp/sakusakupocky/archives/50263981.html

QHP制作の職業はWEBデザイナーですか?

「Webデザイナー」、「コーダー」、「Webディレクター」とか他に何がありますか?
色々あってわかりづらいです。フラッシュとかもあるのかな。
何故こんなに分かれてるんですか?
一人でやっっちゃだめなんでしょうか。

AdobeCCとか使ってたら言語って必要なのかなって…
フラッシュや管理とか色々あるので言語やコードよりもソフトの使い方覚えればいいのでは…
本当に初心者なのでランサーあたりで初めてみようと思ってるおっさんです。
よろしくお願いします。
しかし、年収は300万程らしいですが、そんなに安い理由はなんでしょうか。
代行とか見ると、結構HP作成って高いんだなと思ったのですが…
最終的に独立…

やれば出来るでしょと思ってる自信家なので、現実的に教えてください。

Aベストアンサー

やれば出来るかもしれないけど、HP作成する人はたくさんいますし
なによりお客を取ろうとするならばHPのデザインセンスと値段ですね
HP作るのにもかなりの手間と時間がかかるので1ヶ月の収入を考えると高いのは当然ですね
その人の生活費があるわけですから
しかも1件の依頼で完成までに1ヶ月とかかかるんだったら妥当な値段だと思いますけどね
完成しても、修正とか、更新とかはしていかないといけないので
依頼件数が増えるとそういうのも頻繁に依頼がくるしその中でHPの作成もしていかないといけないわけなので独立って事は一人でやるって事ですか?

Q右クリ禁止のサイトの画像を保存

質問の通りなのですが右クリック禁止のサイトの画像を保存できるようにする方法はないでしょうか?あと、よく海外でおもしろ動画とかを見せてるサイトがありますが、そういった動画を保存する方法はありますか?重ねて質問すいません^^;

Aベストアンサー

そのサイトを見ないとなんとも言えませんが、
JAVAをオフにしてみると右クリック禁止がはずれる事もあります。

それで駄目ならば、プリントスクリーンを取って画像を修正してください。
まぁ画像を持ち出されたくないサイトならばあまり持ち出さないほうがよろしいかと思います。

ちなみに動画を保存する場合は専用のソフトなどが必要。

Qweb制作者の方!HPをftpでupする際に遅延、もしくはきちんと反映

web制作者の方!HPをftpでupする際に遅延、もしくはきちんと反映されないことってありますか?
こんにちは。仕事でWEB制作をしてます。前々からちょっと疑問だったのですが
反映されておらずあがりきって(?)無かったりして、慌ててUPしなおし、改善する。ということがたま~にあります。

下記には該当しません。

01:閲覧者の環境で更新F5が押されておらずただ単に反映されてない。
02:別ファイルをUPした、などただ単に人為的ミス
03:TEST環境のサーバーを見てる。

WinSCPでSSHを利用したファイル転送をおこなってますが、
(今までFFFTPしか使ったことがなく、入社したときからすでにその環境だったのでよくはわかりませんが。。)
すでにWEB上では反映されているのにも関わらず、管理画面上の更新日時を見るとその時間に
なっていなかったりします。時計がずれていると言うわけでも
なさそうですがなにか関係ありますか?

ffftpを使用時にもこのようなことは過去に皆無ではなかったと思います。
一般的にみてこのようなことって経験ありますか?

原因や改善策をアドバイスいただけますと幸いです。
よろしくお願いいたします。

web制作者の方!HPをftpでupする際に遅延、もしくはきちんと反映されないことってありますか?
こんにちは。仕事でWEB制作をしてます。前々からちょっと疑問だったのですが
反映されておらずあがりきって(?)無かったりして、慌ててUPしなおし、改善する。ということがたま~にあります。

下記には該当しません。

01:閲覧者の環境で更新F5が押されておらずただ単に反映されてない。
02:別ファイルをUPした、などただ単に人為的ミス
03:TEST環境のサーバーを見てる。

WinSCPでSSHを利用したファイル転送をお...続きを読む

Aベストアンサー

2回目です。

■FTPでUPLOADしていて、ブラウザで更新できていることを確認できれば、ユーザからの苦情はないと思います。

■管理画面上の更新日時を見るとその時間になっていなかったりします。
管理画面のことは、わかりかねます。
どうしても、気になるのなら、SSHでLOGINして、UPLOADしたファイルのタイムスタンプを確認してみればよろしいかと。
あと、サーバーの時間を確認してみれば?普通はNTPデーモンによりどこかの標準時刻に同期させていると思います。

■FTPの結果確認は、FTPのLOGを表示してくれるほうがいいかもしれませんね。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報