• ベストアンサー

一つの画像を分割して表示するには

画像が重いためYahoo!JAPANみたいに一つの画像を分割して表示したいと思います。 どのように一つの画像をカットして一つの画像として表示すればいいのでしょうか?

  • CSS
  • 回答数2
  • ありがとう数1

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

  • ベストアンサー
回答No.1

一般的にスライスと呼ばれている方法を使えばできると思います。 別に難しいものではなく、画像を分割して保存できる機能のあるソフトがあればできます。 ImagereadyやFireworksなどがあればよりカンタンにできます。 原理はテーブルを使って分割したファイルを配置しているだけです。 テーブルのセルにパズルにように分割した画像を入れているだけです。

Intel_404
質問者

お礼

有難うございます。 FireWorks8を先日買ったので早速使ってみようと思います。 ところで方法などを解説したサイトなどは知らないでしょうか?よろしくお願いいたします。

その他の回答 (1)

回答No.2

Fireworksあるならサイト見るよりマニュアル見たほうが早いと思いますよ。

関連するQ&A

  • 分割した画像を結合して表示。何故?

    お世話になります。 http://www.tut.ac.jp/ の画像は、いくつも分割されたものが結合されて表示されています。 一つの画像で表示しても良いもののように思うのですが、何故このような分割した画像として、ブラウザでそれを結合して表示するようなことをするのでしょうか。 他でもこのような方法を見たような気がします。 メリットなど教えていただけるとありがたいのですが。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 画像を分割して並べる?

    ウェブサイトで、見かけるのですが、大きな画像を いくつかに分割して、複数の小さな画像がうまく配置され、 1つの大きな画像になっているものがあります。 なぜ、そのようなことをしているのでしょうか? 私もホームページを作っているのですが、 大きな画像の場合は、こうゆうことをしたほうが良いのでしょうか? そして、その方法ですが、 1:(分割の方法) 画像を、マウスでの範囲選択で、いくつもに分割すれば、微量のズレも出るはずです。 2:(表示の方法) 分割できたとして、サイトに表示するには、 テーブルタグかなにかで、並べるのでしょうか? 解説と共に、1と2の方法をレクチャーしてください。

    • ベストアンサー
    • HTML
  • 画像を分割するのはなぜ?

    よくトップページのバナーや写真のページで、1枚の画像を数枚に分割して表示させているページを見るのですが、これはどういった理由(メリット)があるのでしょうか? 画像を分割した方が読み込みが早いのでしょうか? また画像を分割するのは、PhotoShopあたりでやっているのでしょうか? 謎です...?

  • 1枚だけの画像から、4分割した内容を一つずつ表示させる方法は?

    一枚一枚画像を保存するのではなく、 1枚だけの画像から、4分割した内容を一つずつ表示させる場合のコーディングを教えて欲しいです。 Image a; a = getImage(getCodeBase(), "a.gif"); ...この後に4分割の1番目だけを表示させる方法?

    • ベストアンサー
    • Java
  • 分割画像を1つの画像として保存。

    ラジオ局の私がいつも聴いている番組のサイトにて、毎週画像が更新されるのですが、その小さい画像をクリックすると新たなページで大きく表示されます。 この大きくなった画像を保存したいのですが、大きく表示された際、1つの画像でなく『1つの画像が4分割されて成り立っている』ので1回に4つの画像を保存しなければいけません。 こういった、『分割された4つで1枚の画像』を『大きな1枚』として保存する方法がわからなく、困っています。 どなたかこの事例についてのご回答をしていただけませんか? 宜しく御願い致します。

  • 分割フレームに1枚の画像を貼り付けるには?

    テーブルのそれぞれのセルに分割した画像を貼り付けて、あたかもブラウザで表示させるときれいに1枚の画像になっているのをよく見かけますが、ホームページビルダーで縦横分割したせるに1枚の画像を貼り付けて、境界線の表示を「なし」にしても、ブラウザで表示させると絵がばらばらになってしまいます。これって所詮無理なのでしょうか。テーブルしか適用されないのでしょうか?おわかりの方がいましたらよろしくお願いします。

  • 画像を分割したい

    いつもお世話になってます。 アイフレームのサイトを作ろうと思い画像を制作したのですが 画像を分割するのを忘れて一枚画像にしてしまいました。 リンクを付けたりするのはクリッカブルマップに出来ますが アイフレームにする為にはテーブルタグを使わなければならず 一枚画像を分割しなければならなくなりました。 しかし何度やってもずれてしまい、上手く分割できません。 そこで質問です。 画像をうまく分割する方法を教えてください。

  • ヤフオク画像の4分割の仕方

    ヤフーオークションで1枚に画像に4分割のカットをいれたいのですが加工の仕方がわかりません。 ソフトはデジカメの達人を使ってますがトリミングして他の画像に重ねてもきれいな4等分になりません。 他の簡単にできるなソフト等もあればあればご紹介ください。

  • イラストレーターで画像の分割

    イラストレーターの操作で初歩的な質問です。 質問は、アートボード上に配置した画像を任意の形に切り抜く方法についてです。 通常、クリッピングマスクを施した後に画像とパスをグループ化して使っています。 しかし、この方法ですとクリッピングマスクを施した画像を同レイヤー上にコピーすると、一画像しか表示されないので、別レイヤーに貼り付けています。 いくつも同画像をコピーしたい時にはレイヤーが増えてしまい、使いづらい時が多々あります。 自分で作成したオブジェクトの一部を切り抜く時は「オブジェクトの分割」を使ったりしていますが、画像の場合は分割ボタンを押しても上手くいきません。 根本的に画像の分割のようなことは出来ないのでしょうか? 上手く質問の意図が伝えられたか心配ですが、 ご回答よろしくお願い致します。

  • ホームページ画像の分割方法

    ホームページを作っています。 その際に大きな写真を入れたいのですが、表示速度が気になります。 よく、ほかのサイトを見ていて、大きな写真等を入れているものをHTMLを保存してHP作成ソフトで立ち上げてみると、編集画面で大きな1枚の画像が数個の画像ファイルにきれいに分割されています。切れ目がかなりきれいなので手動で切り取って分割しているとは思えず、どうしているのかと疑問に思っています。 何か画像編集する際の、そういった分割する機能などがあるのでしょうか。 またそれができるソフトがあるのでしょうか。もしくは手動できれいに分割する技術があるのでしょうか。 お分かりになる方がいらっしゃいましたら、ぜひご指導いただきたいと思います。よろしくお願いします。

専門家に質問してみよう