画像の縦横比を変えずに、テーブルにちょうどはまるサイズで表示するにはどうすればよいのでしょうか。
自分の知っている方法では、縦横比が変わってしまうのです。。。
Yahoo! JAPAN
URLはダミーです。
縦横比を変えずに表示する場合は,
イメージタグで,縦か横,どちらかのみを指定してあげると良いでしょう。
例えば,image100.jpgというファイルを表示するとすれば,
>縦を120ピクセルで統一するなら
<IMG src=”image100.jpg” height=”120”>
>横を200ピクセルで統一するなら
<IMG src=”image100.jpg” width=”200”>
とするときれいに収まります。
ホームページビルダーなどで作成していて
タグが良く分からないという場合でも
ビルダーの「ソース表示」のところで画像の部分を上記のように変更してあげればうまく行きます。
作成した後でメモ帳で開いて,変更することも可能です。
その場合,上書き保存を忘れずに。
http://homepage1.nifty.com/k_okada/
K_OKADA's WebPage
ViXでサムネイル表示した画面をキャプチャして画像として貼り付けるというのはどうでしょうか?
これなら縦横比は変わらないと思います。でもテーブルにはならないか・・・。
いや、待てよ。サムネイル画像をそれぞれ切り出して別画像保存して使えばいけるかも。
手間ばっかりかかりそうですがいかがでしょうか。
全体として何百枚もあるのでちょっとそれは厳しいですね。。もうちょっとシンプルな方法はないもんでしょうか
とほほのWWW入門
画像表示をするにあたって、<img >のなかで、サイズ指定をすればいいでしょう。その場合、画像の長いほうの変の長さだけ指定すれば、縦横比は維持されます。
「長いほう」がばらばらなので、縦と横のどちらが長いか動的に判断しなければならないことになってしまいます
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
こういったソフトを利用するのが手っ取り早いと思います。
ちなみに私は「すなねいる」を使っています。
ちょっとそれは目的に反します。
逆転の発想でテーブルの升目サイズを画像の長辺サイズで固定してしまう、
というのはまずいんでしょうか?
http://www.hatena.ne.jp/1121970708#
人力検索はてな - ホームページに、大きさがばらばらのJPG画像を、テーブルで碁盤目状に区切られた升目の中に表示したいと思っています。 画像の縦横比を変えずに、テーブルにちょうどはまる..
これまでのコメントを見ていて、今ひとつやりたいことが見えません。
その碁盤の目に並べた画像は、縦横比だけでなくて、本来の大きさ(ピクセル数、ファイルサイズ)を持っている必要があるのでしょうか?
1. の方のやり方でも揃いますよ。
実際に試されましたか?
数が多いと手で直すのは大変ですが。
そういう意味では 4. のようなツールを使ってしまえば、勝手に希望サイズ(そろえたいサイズ)の画像を生成してくれて、HTML まではき出してくれます。
それを目的に反するというのであれば、本来の目的は何なのか説明いただかないとわからないです。
http://www.vector.co.jp/magazine/softnews/050713/n0507133.html
�摜�T�C�Y�ꊇ�ϊ� - �x�N�^�[�\�t�g�j���[�X
こういうソフトでどちらかの高さか幅を一定にして一括縮小し、
サムネイル画像として使うのは?
容量の大きな画像を大量に表示させる方法だとデータ転送量がハンパじゃなく、
読み込みに時間が掛かりストレスを発生させるから止めた方がいいようような…。
訳あって、画像は既にあるもの(サイズはバラバラ)を使用しなければならないのです。
http://hatena.ne.jp/1121970708
人力検索はてな - ホームページに、大きさがばらばらのJPG画像を、テーブルで碁盤目状に区切られた升目の中に表示したいと思っています。 画像の縦横比を変えずに、テーブルにちょうどはまる..
URLはダミーです。
エクセルを使って
画像ファイル名 | 元の縦サイズ | 元の横サイズ
とそれぞれの画像に関して入力して、
「もし縦サイズ>横サイズなら、
縦サイズ=100
横サイズ=(元の横サイズ×100÷縦サイズ)の四捨五入
そうでなければ、その逆」
のような計算式で縦横サイズを得てはどうでしょう。
(上は長辺100pxの場合の例です。実際の式の記述はお調べください)
ちなみにperlなどを使ってプログラムを組めば、HTMLファイルや画像ファイルから縦横サイズを取得して長辺を判断してソースを書き換えてHTMLを上書き、なんてことも可能です。
やはり簡単にはいきおうにないようですね・・・参考になります、ありがとうございました。
それだと、例えば横でそろえた場合に、縦幅が碁盤目状からはみでてしまいませんか?