ホームページに、大きさがばらばらのJPG画像を、テーブルで碁盤目状に区切られた升目の中に表示したいと思っています。

画像の縦横比を変えずに、テーブルにちょうどはまるサイズで表示するにはどうすればよいのでしょうか。
自分の知っている方法では、縦横比が変わってしまうのです。。。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答8件)

id:kamesuke2 No.1

回答回数18ベストアンサー獲得回数0

ポイント14pt

URLはダミーです。

縦横比を変えずに表示する場合は,

イメージタグで,縦か横,どちらかのみを指定してあげると良いでしょう。

例えば,image100.jpgというファイルを表示するとすれば,


>縦を120ピクセルで統一するなら

<IMG src=”image100.jpg” height=”120”>


>横を200ピクセルで統一するなら

<IMG src=”image100.jpg” width=”200”>


とするときれいに収まります。

ホームページビルダーなどで作成していて

タグが良く分からないという場合でも

ビルダーの「ソース表示」のところで画像の部分を上記のように変更してあげればうまく行きます。

作成した後でメモ帳で開いて,変更することも可能です。

その場合,上書き保存を忘れずに。

id:tecra

それだと、例えば横でそろえた場合に、縦幅が碁盤目状からはみでてしまいませんか?

2005/07/22 09:45:22
id:RIKKUN No.2

回答回数51ベストアンサー獲得回数1

ポイント14pt

ViXでサムネイル表示した画面をキャプチャして画像として貼り付けるというのはどうでしょうか?

これなら縦横比は変わらないと思います。でもテーブルにはならないか・・・。

いや、待てよ。サムネイル画像をそれぞれ切り出して別画像保存して使えばいけるかも。

手間ばっかりかかりそうですがいかがでしょうか。

id:tecra

全体として何百枚もあるのでちょっとそれは厳しいですね。。もうちょっとシンプルな方法はないもんでしょうか

2005/07/22 09:46:12
id:mario2004 No.3

回答回数133ベストアンサー獲得回数2

ポイント14pt

http://www.tohoho-web.com/

とほほのWWW入門

画像表示をするにあたって、<img >のなかで、サイズ指定をすればいいでしょう。その場合、画像の長いほうの変の長さだけ指定すれば、縦横比は維持されます。

id:tecra

「長いほう」がばらばらなので、縦と横のどちらが長いか動的に判断しなければならないことになってしまいます

2005/07/22 09:47:19
id:Nara-Chan No.4

回答回数186ベストアンサー獲得回数1

ポイント14pt

http://www.vector.co.jp/magazine/softnews/030208/n0302083.html

���Ȃ˂���!! - �x�N�^�[�\�t�g�j���[�X

http://www.vector.co.jp/magazine/softnews/010613/n0106132.html

Easy�T���l�C�� - �x�N�^�[�\�t�g�j���[�X

http://www.vector.co.jp/magazine/softnews/030712/n0307124.html

Versatile-Thumbnail - �x�N�^�[�\�t�g�j���[�X

こういったソフトを利用するのが手っ取り早いと思います。

ちなみに私は「すなねいる」を使っています。

id:tecra

ちょっとそれは目的に反します。

2005/07/22 09:47:40
id:mannin No.5

回答回数45ベストアンサー獲得回数2

ポイント14pt

逆転の発想でテーブルの升目サイズを画像の長辺サイズで固定してしまう、

というのはまずいんでしょうか?

id:check-it-now No.6

回答回数3ベストアンサー獲得回数0

ポイント14pt

http://www.hatena.ne.jp/1121970708#

人力検索はてな - ホームページに、大きさがばらばらのJPG画像を、テーブルで碁盤目状に区切られた升目の中に表示したいと思っています。 画像の縦横比を変えずに、テーブルにちょうどはまる..

これまでのコメントを見ていて、今ひとつやりたいことが見えません。


その碁盤の目に並べた画像は、縦横比だけでなくて、本来の大きさ(ピクセル数、ファイルサイズ)を持っている必要があるのでしょうか?


1. の方のやり方でも揃いますよ。

実際に試されましたか?

数が多いと手で直すのは大変ですが。


そういう意味では 4. のようなツールを使ってしまえば、勝手に希望サイズ(そろえたいサイズ)の画像を生成してくれて、HTML まではき出してくれます。


それを目的に反するというのであれば、本来の目的は何なのか説明いただかないとわからないです。

id:giko_neko No.7

回答回数187ベストアンサー獲得回数0

ポイント13pt

http://www.vector.co.jp/magazine/softnews/050713/n0507133.html

�摜�T�C�Y�ꊇ�ϊ� - �x�N�^�[�\�t�g�j���[�X

こういうソフトでどちらかの高さか幅を一定にして一括縮小し、

サムネイル画像として使うのは?


容量の大きな画像を大量に表示させる方法だとデータ転送量がハンパじゃなく、

読み込みに時間が掛かりストレスを発生させるから止めた方がいいようような…。

id:tecra

訳あって、画像は既にあるもの(サイズはバラバラ)を使用しなければならないのです。

2005/07/25 23:17:21
id:flowermaze No.8

回答回数20ベストアンサー獲得回数1

ポイント13pt

http://hatena.ne.jp/1121970708

人力検索はてな - ホームページに、大きさがばらばらのJPG画像を、テーブルで碁盤目状に区切られた升目の中に表示したいと思っています。 画像の縦横比を変えずに、テーブルにちょうどはまる..

URLはダミーです。


エクセルを使って


画像ファイル名 | 元の縦サイズ | 元の横サイズ


とそれぞれの画像に関して入力して、

「もし縦サイズ>横サイズなら、

 縦サイズ=100

 横サイズ=(元の横サイズ×100÷縦サイズ)の四捨五入

そうでなければ、その逆」

のような計算式で縦横サイズを得てはどうでしょう。

(上は長辺100pxの場合の例です。実際の式の記述はお調べください)


ちなみにperlなどを使ってプログラムを組めば、HTMLファイルや画像ファイルから縦横サイズを取得して長辺を判断してソースを書き換えてHTMLを上書き、なんてことも可能です。

id:tecra

やはり簡単にはいきおうにないようですね・・・参考になります、ありがとうございました。

2005/07/25 23:18:49

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません