大きな画像をホームページの壁紙にする方法

このQ&Aのポイント
  • ホームページの壁紙に大きな画像を使用する方法を教えてください。
  • ホームページの壁紙に一枚の大きなイラストや画像を使用する方法を知りたいです。
  • ホームページの壁紙に大きな一枚の絵やイラストを設定する方法を教えてください。
回答を見る
  • ベストアンサー

大きな画像をホームページの壁紙にするには?

小さなアイコンのような画像を連続配置する壁紙はわかるのですが、大きな一枚のイラストや画像を壁紙にするにはどうしたら良いのでしょうか?また、大きな絵ですので、画面いっぱいに壁紙が一枚の絵のように見え、絵の端もなんらかの設定がされているのか、白いバックがまったく見えないようになっているかたちです。 最近、ページ全体がデザインされているHPが目につくので、そういうのを作りたいと思っています。 例えばhttp://www.dizzain.com/ http://portfolio.grillo.tk/ みたいなのです。 ちなみに、ホームページビルダー利用です。 簡単にできる方法を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.3

>かなり大きなピクセルで作る 実際に質問に出てる2つめのサイトの背景は表示までに結構時間かかってるね。 調べると 1600x1100 の画像だったよ。 cssは bottom center norepeat fixed だったからだいたい予想通りで、後は単純に大きな画像ってだけみたいだね。

darlingpapa
質問者

お礼

ありがとうございました! 単純なことなのですね。

その他の回答 (2)

回答No.2

貴方が記載したアドレスを見た限り特別な設定は見受けられませんでした。 ウィンドウを広げると背景が見えましたので、単純に大きい画像を配置しているだけです。

darlingpapa
質問者

お礼

ありがとうございます。 ビルダー利用者なので、感覚で作ってきてしまって、コードを読む能力がなくて… ありがとうございました。

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

単に大きな画像を background-position:center; にして background-attachment:fixed; にしているだけでは?

darlingpapa
質問者

補足

回答ありがとうございます。大きな画像を背景にすると、ものすごく表示が遅くなるように思うのですが、私の知っているデザイン的なサイトは、それほど重くないのです。 また、PhotoShopでデザインして、ImageReadyでテキスト入力部分を「画像ナシ」にすることも考えたのですが、ユーザーの画面の大きさが違ううえに、左右のイラストが全部表示されないようにするには、かなり大きなピクセルで作る、ということなのでしょうか?(横2000ピクセルくらい?)

関連するQ&A

  • 目の疲れに良い壁紙画像

    目の疲れに良い壁紙画像 WindowsXP付属の壁紙で、緑の丘の絵の画像があります。 これは画面の端に遠近法で遠くの山が見えます。 この遠くの山を見ると、近眼の目の疲れによいと感じます。 このような近眼の目の疲れを取るのに良い壁紙に使える画像 データ(ファイル)があったら教えてください。

  • ホームページビルダでページ作成中、画像・文章が突然消えてしまった

    こんばんは。 OSはWIN XP HOMEです。 ホームページビルダー10の「標準モード」「スタンダードスタイル」でホームページを作成中、困った事が起きて、頭を抱えています。 トップページを「ページ編集」画面で作成中、絵の描ける人に書いてもらったGIF形式のイラストをフォトショップでサイズ調整して、「画像の挿入」で所定の位置に貼り付け、「プレビュー」画面で確認したら 「ページ編集」画面ではキレイに貼り付けられていたイラストが、「プレビュー」画面では貼り付けられていませんでした。「なぜだろう」 と思い、「ページ編集」画面に戻り、例のイラスト画像のセル(この画面では画像が貼り付けられている)を選択して、バックスペースキーで 削除しようとしたら、他の文章・画像・トップページタイトルを含む あらゆるモノが「消えて」しまい、トップページは壁紙だけになってしまいました!(ひょっとして、トップページ全体を選択して、バックスペースキーを押してしまったかも)マイドキュメントに保存してあるフォルダを確認すると 「index.htm」フォルダはやはり全て「消えて」いて壁紙だけになっていて、かろうじて「sub.htm」フォルダに幸い、全ての画像・文章が生き残っていました。「sub.htm」フォルダに残っている画像・文章を 「index.htm」フォルダに「渡す」方法を教えて下さいませんか。 また、「マウスクリックのちょっとしたはずみ」?で簡単に画像・文章が消えるものなのでしょうか。

  • HPの壁紙をDLし、それをHPの壁紙全体に表示させたい

    ビルダーで作成しています。無料の壁紙をダウンロードし、HPの壁紙として使用したいのですが、挿入すると小さな画像として挿入されます。引き伸ばすと画像が荒くなってしまいます。ビルダーの素材集の壁紙のように、挿入したらページ全体に設定するにはどうしたらよいのでしょうか?初歩的な質問で申し訳ありませんがよろしくお願いします。

  • 壁紙 vista

    こんにちは 壁紙について質問します。OSはvistaです。 壁紙の設定で三種類の画像配置を選べ、 1.画面全体に拡大 2.画面全体に画像を並べる 3.画像を真ん中に設置 この三種類しか選べません。 例えば画像を右側の方にしたい場合どうしたらいいですか? さらに、違う画像を好きな位置に設置したいとすれば どうすればいいですか?

  • 自分で壁紙を作成して、ホームページの背景にしたい。(ビルダー使用)

     ホームページビルダー6.5が手元にあります。自分で壁紙を作成してホームページの背景にしてみたいのですが、壁紙の作成方法もよくわからないし(難しいんですかね?)、素材屋さんで入手したものにしても、単にマウスで貼り付けてもページ全体には広がらないみたいなんですが、タグの入力(編集)をしないとダメなんですかね?  ちなみに、モードはどこでも配置モードで作業しています。ホームページ作成ということで、このカテゴリで質問しましたが、ソフトの方で質問した方が、良さそうならば、変更しようと思います。  ちなみに、細かいチェックの柄にしたいんですが、デザインはよくありますが、色が気に入ったものが無くて・・・。素材屋さんの物の色だけ変えるとかはできないんでしょうか?

    • ベストアンサー
    • HTML
  • アイコンを乗せた画像を枠でかこみたい

    よろしくお願いいたします。 ホームページビルダー6.0を使っています。 とある画像の上にアイコンを乗せたいと思っています。 どこでも配置モードでやるとできるのですが、そのアイコンを 乗せた画像を枠で囲みたいのです。枠で囲むとどこでも配置の 機能がなくなってしまい、画像の上にアイコンを置くことが できません。どうしたらアイコンを乗せた画像を枠に入れる ことができるでしょうか? また、ソフトを使わなくてもかまいません。タグなどでそういう ことができるようでしたらお教えください。

  • 大相撲関連の壁紙探しています(初心者)

    PC初心者です。 大相撲関連の壁紙探しています。 画像(写真)ではなく絵・イラスト・文字のもの希望です。 ご紹介お願いします。

  • 1024×768ピクセルの壁紙

    ダウンロードしたものですが、この壁紙を使用すると上下の絵が端で切れちゃってるんです。 それで、photoshopの画像解像度でピクセル数を90%に変更してみましたが、デスクトップに使用してみたら、同じになってしまいます。 どうやったら、上下の絵が切れないようになるんでしょうか? 1024×768というのは、デスクトップにするには大きすぎると言う事でしょうか?いまいち、ピクセルの概念がわかりません。 誰か、お馬鹿な人間にもわかるようにお願いしますm(_"_)m。

    • 締切済み
    • Mac
  • ブログに背景壁紙画像を設定したいです。

    壁紙素材を使ってブログの余白を飾りたいです。 ブログ初めて5か月の初心者なりに 色々調べスタイルシートを触ってみました。 使用しているテンプレート 【csstmp-smp-gray】 が 画面いっぱいな大きさなので まずは、画面上に余白が出来るように大きさを縮小かと思い  全体の幅  #container{  width: ●●●px;  」          や    左右の幅  #left {  float : left;  width : ●●●px;    } などの数値を変更してみましたが テンプレートの大きさは変わらずでした。 body{ }の中に  background-image: url(壁紙背景素材URL);  background-repeat: repeat-y;  background-repeat: repeat;    を挿入しました。 全体に素材画像が連続して貼られて ブログの文字も画像のうえにある感じで ダブっていて文字も見にくいです。 わたしが思い描くのは 壁紙画像の上にテンプレートが そのまま乗っかっている感じなんです。 テンプレートには画像は反映しないでいいんです。 (左右の余白部分に背景がある感じ) 使っているテンプレートは FC2ブログの共有テンプレートcsstmp-smp-grayです。 初心者ですができるでしょうか? よろしくお願いします。

  • 画像のバックを透明にする方法を

    ホームページを作っています。全体のバックに画像を貼り付けました。 その上に切り抜きしたい画像を配置したのですが、その切抜きしたい画像のバックを透明にする方法を教えてください。

    • 締切済み
    • CSS

専門家に質問してみよう