人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページに、大きさがばらばらのJPG画像を、テーブルで碁盤目状に区切られた升目の中に表示したいと思っています。
画像の縦横比を変えずに、テーブルにちょうどはまるサイズで表示するにはどうすればよいのでしょうか。
自分の知っている方法では、縦横比が変わってしまうのです。。。

●質問者: tecra
●カテゴリ:コンピュータ
✍キーワード:jpg サイズ ホームページ 画像
○ 状態 :終了
└ 回答数 : 8/8件

▽最新の回答へ

1 ● kamesuke2
●14ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

URLはダミーです。

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

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

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


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

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


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

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


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

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

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

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

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

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

◎質問者からの返答

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


2 ● RIKKUN
●14ポイント

http://homepage1.nifty.com/k_okada/

K_OKADA's WebPage

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

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

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

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

◎質問者からの返答

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


3 ● マリオ
●14ポイント

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

とほほのWWW入門

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

◎質問者からの返答

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


4 ● Nara-Chan
●14ポイント

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

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

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

◎質問者からの返答

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


5 ● mannin
●14ポイント

http://www.google.co.jp/search?q=%E3%83%86%E3%83%BC%E3%83%96%E3%...

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

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


1-5件表示/8件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ