はてなブログの記事にアニメPNGを貼る

はてなフォトライフで利用できないアニメーションPNG(APNG)を記事に貼り付けてみましょう。
たぶん、おそらく、ひょっとしたら、ブログのオリジナリティが増すかもしれません！

アニメGIFはフォトライフに対応しているので全く問題ないんですけど、
アニメPNGはフォトライフが対応していないので、今回はGoogleドライブを利用します。
前に書いた以下の関連記事のアニメPNG実践版です。

まずはGoogleドライブに貼り付けたい画像をアップロードします。
次に「リンクを取得」をクリックして、公開範囲を「リンクを知っている全員」にしましょう。
その後「リンクをコピー」をクリックしてそのURLをコピーします。

注意

共有する画像からは、アカウント名とそのメールアドレスが閲覧できる状態になります。
共有する画像のアカウントの選択は十分注意してください。

このURLのままだと画像が表示されないので、以下の変換ツールにURLを貼り付けてください。
貼り付けた瞬間に変換が終了するので、コピーした内容を記事に貼り付けます。
このツールは全てJavaScriptで構成されていて、サーバにURLが送信されることはありません。

使い方

これで完成です。鮮やかなアニメPNGをぜひ設置しましょう！

HTML

<img src="https://drive.google.com/uc?id=1_AzyZPOL3UajyfpjykM9VaKodWXF56-6">

Result

ショート
一口サイズのお役立ち記事

みずー工房