web-dev-qa-db-ja.com

Webページに背景画像を作成するにはどうすればよいですか？

私は新しいデザイナーなので、この質問が基本的なものではないことを願っています！プログラマーのWebページに背景画像を作成するにはどうすればよいですか？ Photoshopでページを設計し、背景画像（25％の不透明度の建物のオーバーレイ）を送信する方法を知りたいです。メイン画像を送信していただければ幸いです（ただし、大きすぎるため、サイトと読み込み時間が大幅に遅くなると思います）。

ここにデザインへのリンクがあります...

http://problemio.com/home_page_1_1.pdf

photoshopbackground-image
1
kasha

ブラウザーが実装できる限り、使用している拡張機能は実際には関係ありません。とにかく、背景がすべてパターンの場合は、それを平均サイズにトリミングする必要があります（したがって、ロードして画面に表示する方法ウェブ上のすべての画面サイズに収まると予想される大きな画像を使用している場合よりも高速です）。

webサイトに実装する方法は次のとおりです。あなたのcssファイルで：

background-image : url(path/to/your/background/image);
background-position : 0 0;
background-repeat: repeat;

または速記：

background : url(path/to/your/background/image) 0 0 repeat;
3
vdegenne

プログラマーにどのように送信してほしいか尋ねてください。 PSDが必要な人もいれば、PNG、JPG、またはGIFなどが必要な人もいます。これらはすべて、慣れ親しんでいるものと、グラフィックスの操作にどれだけ慣れているかに依存します。

2
John Conde

私の提案は次のとおりです。

  1. ページの背景をデザインの灰色の単色にします
  2. 背景画像を透明な背景の白黒PNG画像にします

これにより、可能な限り最小のファイルセットが得られます。 CSSとスタイル定義を台無しにして、背景画像を固定してスクロールしないようにすることができます。

ただし、Webの世界で最も一般的なグラフィックデザイナーの問題を示しています。do n'tは、印刷の世界と同じレベルの制御を持っています。ユーザーがブラウザーウィンドウのサイズ、色の品質、テキストサイズ、その他の基本的な詳細を変更するのを防ぐことはできません。デザインを柔軟にする方法を学び、オンラインデザインで多くの問題を抱えることになります。

0
SBWorks