★PHP？★画像を縦横比を変えずに表示

質問

画像を縦横比を変えずに表示したいです。
簡単な方法を教えてください。
PHPで作成してます。
下記の画像のサイズはバラバラです。
150*150の正方形の中に全て収めたいです。
<table>
<tbody>
<tr>
<td><img id="imgtf" src="photo1.jpg" alt="" /></td>
<td><img id="imgtf" src="photo2.jpg" alt="" /></td>
<td><img id="imgtf" src="photo3.jpg" alt="" /></td>
<td><img id="imgtf" src="photo4.jpg" alt="" /></td>
<td><img id="imgtf" src="photo5.jpg" alt="" /></td>
</tr>
</tbody>
</table>
何か方法はありますでしょうか？

回答No.1

yambejp · ベストアンサー

考え方は２つあります。

一つは、とりあえず見た目だけ表示できればいいなら
ブラウザを限定していいならmax-heightなどのCSSでできます。
実際には非対応のブラウザもおおいので、javascriptなどで補完します。

もうひとつは実際にリサイズしたサムネイルを作成すること。
単純にグラフィックソフトで用意してもいいし
GDなどのツールで変換してもいいでしょう。
ただ毎回アクセスごとにGDを使っていると無駄な気がします。

ロジックは簡単で
縦と横の長い方を150に併せ、短い方を縦横で150に乗じてやるだけです
常に正方の画像ということであれば、キャンパスの余白の色をどうするとか
仕様はご自身できめてください。

回答No.3

BellBell

getimagesizeを使って、画像の縦横サイズを取得して。
縦が大きければ、imgタグにheight="150px"を指定(widthは指定しない)、横が大きければwidth="150px"を指定(heightは指定しない)。同じなら、どちらか一方を(両方でも可)。
そうしておけばブラウザの機能で、勝手に縦横比を変えずに表示してくれます。

という手抜きを、かなり昔にやってましたね。
画像のファイルサイズは大きいまま、表示だけ縮小しているだけですし、CSS使いから見ると激怒ものの使用方法かも知れませんが。

お礼

ご連絡ありがとうございました。
getimagesizeも今後視野にいれていきたいと思います。
ありがとうございました

回答No.2

t_ohta

PHPで作成しているなら、HTMLを書き出す前に各画像ファイルのサイズを確認して、適切なサイズを計算したうえで、imgタグのwidthとheightを指定してあげればいいのではないでしょうか。

それと余計な話ですが、imgタグのidが全て同じになってますので直しましょう。

お礼

ご連絡ありがとうございました。
余計なタグ等、整理します。
ありがとうございました。