Illustratorでｗｅｂページを作る時

初めまして！私はイラストレーターでｗｅｂページを作成しようと思ってるのですが、添付Fileの様に写真のバッグにグラデーションをかけるには、まず、グラデーションの四角を作って、その中に写真を配置して行こうと思ってるのですが・・・バッグにグラデがかかるという事は、写真の背景は透明じゃないといけないですよね？でも写真の背景を透明にするのはgifでしかできませんよね。jpegあるいはそれと同じくらいの奇麗な形で写真を配置する事は出来るのでしょうか？
ちなみに、写真をphotoshopで必要な所だけ選択して、それを新規の背景透明に貼り付けて、ｗｅｂ用に保存でｇｉｆにし、それをグラデのかかったイラレに配置してますが、ｇｉｆで配置すると、後々、奇麗には見せる事ができないのではないかと・・悩んでいます。よろしくお願い致します。