CSS か JavaScript だけで画像のきれいなサムネイルをする方法ないでしょうか？

大きい画像をきれいにサムネイルしたいのですが、img 要素の width、height 属性だけではつぶれて表示されてしまいます。

<img src="画像パス" width="32" height="32">

CSS か JavaScript だけで実現する方法ってないでしょうか？

１．アイブドアのブログ機能では、だめでしょうか？

参考にしてみてください。


２．予め、綺麗に、自分で作るのは、駄目でしょうか？


ソフト一覧１



ソフト一覧２

綺麗に、とのご希望ですが、やはりそれは描画ソフトを用いてリサイズしたほうがいいかと思います。
確かにimgタグに属性を指定してリサイズすることは可能ですが、このリサイズは鮮明ではない、というのは前から言われている事ですし、それをjavascript等に変えたところでさしたる違いは無いような気もします。如何せんブラウザの処理に頼るのはやはり・・・という所でしょうか。

・・・あとは、画像の形式に着目するくらいでしょうか。jpeg形式は保存時の状況によって縮小時の劣化具合は大きく変わります。クオリティが50を切った時の縮小表示はかなりひどいです。
その分、逆にpng形式等ではそんなに大きくつぶれる事もないので(当然限界はありますが)対処を講じるとしてそれくらい・・・のような気もします。