◯ スプライトをファイルからアップロードする時の注意点

同じように見えますが、違うことがあります。どこが違うかわかりますか?
それぞれの画像を保存し、それを読み込んでスプライトを作成してみるとわかると思います。

左の図は、四角形の白地の所が表示されますが、右の図は白地の所は透過されています。
同じ図形でもこのような違いもありますので、目的に応じて利用しましょう。
なお、右のような図形は、透過pngや透過gifファイルと一般的には呼ばれているようです。

左の図形を右のように変換する無料サイトもありますよ。
https://www.peko-step.com/tool/alphachannel.html