Voici une toute petite astuce CSS qui peut vraiment vous simplifier la vie. Cette astuce va vous permettre de définir une largeur maximale pour vos images et les redimensionner automatiquement si elles dépassent cette valeur.

Avec la propriété CSS max-width vous définissez une largeur maximale et si une image est plus grande que cette valeur, elle sera automatiquement redimensionné.
La hauteur de l'image sera calculée automatiquement, ce qui signifie que votre image ne se
ra pas déformée.

Pour appliquer l'astuce, allez dans "Mise en page", "Modifier le code HTML" et recherchez ce code : 

]]></b:skin>

Juste au dessus, ajoutez cette ligne :

.post img {max-width:500px;}

Voilà, vous venez de définir une largeur maximale pour toutes les images présentes dans les articles ....

Exemple

Avec une image qui fait 986×535px et avec un Max-width:600px