「イラストの周りの余白」をどのくらい取って書き出すべきかについてです。

通常の画像切り出しサイズ

通常はimgにclassを書いて、そこで調整するので、できるだけイラストに近い位置で切り出して残りをCSSで調整する方法が良いです。

<img src="sample.img" class="img">

WordPressの場合

WordPressの場合、投稿ページや固定ページでimgがpにデフォルトで囲われます。
構造を考えると当たり前なんだけれど、pの余白などのスタイルがimgについてくることになります。

<p><img src="sample.img"></p>

pやclassに対して個別のclassは設定をするとクライアントが変更できなくなるのでつけません。
ですのでpの余白を考えて、イラストの余白を取った上で書き出すと割と幸せな状況になります。