HTML でロールオーバー効果を作成する次のコードがあります。
<img src="images/facebook.png"
onmouseover='this.src="images/facebookActive.png"'
onmouseout='this.src="image/facebook.png"' height="32px" width="32px"/>
最初は問題ありませんが、ホバーすると元のサイズ (500x500) に戻ります。各属性に height="32px" width="32px" を追加しようとしましたが、役に立たないようです。また、GIMPを使用して画像のサイズを小さくすると、品質が失われ、よりピクセル化されます。この状況で何か助けはありますか？
あなたのシナリオを再現しようとしましたが、それができません。このJsFiddleを編集して問題を再現できますか。あなたのイメージを使ってみてください。
<img src="http://netdna.copyblogger.com/images/flogo.jpg" onmouseover='this.src="http://t1.gstatic.com/images?q=tbn:ANd9GcQ6y qrcyQQxC6hISHmE37Yk2IUsOQtACy8NvcQgxMA0Uk3er5y"' onmouseout='this.src="http://netdna.copyblogger.com/images/flogo.jpg"' height="32px" width="32px" />
うまくいっているようです。また、PNGGauntletを使用して画像のサイズを変更してみてください