サムネイルを作るといった用途でしょうか? 各画像の辺が枠の辺より大きい場合に使える方法ですが、CSSのmax-width・max-heightプロパティを使う方法があると思います。 img { max-width: 100px; max-height: 100px; } <img src="hoge.gif" alt="hoge"> 縦横比はそのままで、長辺が100pxを超える場合、100pxになるように調整されます。長辺が100pxを下回っている場合は、そのままです。とりあえず枠にさえ収まればいいのであれば、この方法で十分ではないかと思います。 もしくは、JavaScriptを使って、 -------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>sample</title> <script
![HTMLで画像の縦横比を保ったまま一定の大きさに収める方法 - widthまたはheightのうちいずれか一方のみを指定すれば縦横比を保っ... - Yahoo!知恵袋](https://cdn-ak-scissors.b.st-hatena.com/image/square/1d07bee2b75b182ba712690f3a3464c29972e28b/height=288;version=1;width=512/https%3A%2F%2Fs.yimg.jp%2Fimages%2Fks%2Fclap%2Fimage%2Fogp%2Fogp.png)