スライスした画像をHTMLとともに保存し、ブラウザで表示すると隙間ができてしまう

画像を縦に3分割し、「Web用に保存（従来）」より、1つはGIF,2つはJPEGにし、「保存」を押下しました。

「最適化ファイルを別名で保存ダイアログ」で、フォーマットを【HTMLと画像】にし、ファイル名が〇〇.html  になり、保存しました。HTMLファイルと、imagesフォルダが書き出されました。HTMLファイルをブラウザで開くと、imagesフォルダ内に書き出された3つの画像がもとの通りに並んで表示されるのですが、左側と中央の画像はくっついているのですが、中央と右側の画像は、1ピクセルくらいの隙間ができてしまいます。この隙間はどのような操作でそうなってしまうのでしょうか？

また上記とは別に、時折spacer.gifという画像が、imagesフォルダに書き出されることがあります。最初の通り複雑なスライスは行っていないのですが・・

この2点をどうぞ教えてください。