Flickr にアップロードしたアニメーション GIF をブログで使う

写真共有サイト Flickr は JPEG, PNG などと併せてアニメーション GIF もアップロードすることができる。ただ、ブログ等でアニメーション GIF を利用するには制限がある。先日、当ブログにアニメーション GIF を貼り付けたので、やり方を書いておく。

アップロード

Flickr にアニメーション GIF をアップロードをする際の制限はない。ぼくは Mac から Google Chrome 経由で、作成したアニメーション GIF をアップロードした。

ブログへの貼り付け

1. Flickr で貼り付けたいアニメーション GIF を選択する
2. 「共有」から「Embed」を選択する
3. サイズを「Original」にする
4. 表示されたコードをコピーする

以上。

Flickr で生成されたコードをエディターにペーストしてみると、ファイルの拡張子が gif になっているのが分かる。

あとがき

Flickr は JPEG で各種サイズの画像を作成してくれる。「サイズ」の選択で「Original」を選ばなかった場合は、JPEG 画像になってしまうので注意。上のアニメーション GIF では、320x240 のアニメーション GIF を embed しようとしているけれど、「Medium 320x240」を選ぶと JPEG 画像、「Original 320x240」そ選ぶとアニメーション GIF になる。

なお、Flickr はアニメーション GIF のリサイズは行なってくれない。基本は写真や動画を保存しておくサービスなので。。。