web素材（ロゴやボタン）などをイラストレータで作成して
web素材（ロゴやボタン）などをイラストレータで作成して
そのサイズで書き出すときの、ドキュメント設定についてです。
作りたいロゴやボタンのサイズ：300px×50px
例えば、イラストレータで新規ドキュメント（webドキュメント）を
800px×600pxで作ったとします。
そのドキュメントの中に300px×50pxの絵（ボタンなど）を描いたとして、
最終的にイラストレータで300px×50pxのボタンだけを書き出したいんですが、
書き出そうとすると、当然ながら、ドキュメント自体の800px×600pxなので
ドキュメント全体（800px×600px）が書き出されます。
【質問１】
イラストレータでとりあえず、書き出したあとで、photoshopかFireworksなどで、
欲しい部分（300px×50px部分）を切り取る作業をしないと手順としてできないんでしょうか？
【質問２】
イラストレータでの「書き出し→jpg」、と「webデバイス用に保存→jpg」の
どちらでもいけそうですが、違いがわかりません。どちらですべきか？
※補足
なぜ最初から作りたい画像サイズである、300px×50pxのボタンを新規ドキュメント
サイズとして300px×50pxで作らないかというと、
作ろうとするボタンのサイズがドキュメントサイズと同じだと、
ボタンの外枠が作りにくいからです。
なので、ドキュメント自体は作ろうとするボタンのサイズより大きなサイズを適当に
指定して作り、そのドキュメントの中にボタンを描いています。
作る方法（手順）として間違っていますかね？
詳しい方がいましたらご教授のほどよろしくお願いします。
