ウェブで Animated WebP が作成できます。

アニメーションWebP作成

ウェブでアニメーションWebP作成。
各フレームの時間、縮小処理など様々な設定が出来ます。画像は最大50枚指定できます。
アニメーションGIFに代わる新しいフォーマット。透過PNGもそのまま指定可能。アニメーションWebPで透過も綺麗。
処理はJavaScriptで完結しています。サーバーにアップロードされませんので機密データも安心。個人利用無料、商用利用無料。

画像ファイル  持続時間
(1000=1秒)
画像ファイル1を選択
 
画像ファイル2を選択
 
画像ファイル3を選択
 
画像ファイル4を選択
 
画像ファイル5を選択
 
画像ファイル6を選択
 
画像ファイル7を選択
 
画像ファイル8を選択
 
画像ファイル9を選択
 
画像ファイル10を選択
 
画像ファイル11を選択
 
画像ファイル12を選択
 
画像ファイル13を選択
 
画像ファイル14を選択
 
画像ファイル15を選択
 
画像ファイル16を選択
 
画像ファイル17を選択
 
画像ファイル18を選択
 
画像ファイル19を選択
 
画像ファイル20を選択
 
画像ファイル21を選択
 
画像ファイル22を選択
 
画像ファイル23を選択
 
画像ファイル24を選択
 
画像ファイル25を選択
 
画像ファイル26を選択
 
画像ファイル27を選択
 
画像ファイル28を選択
 
画像ファイル29を選択
 
画像ファイル30を選択
 
画像ファイル31を選択
 
画像ファイル32を選択
 
画像ファイル33を選択
 
画像ファイル34を選択
 
画像ファイル35を選択
 
画像ファイル36を選択
 
画像ファイル37を選択
 
画像ファイル38を選択
 
画像ファイル39を選択
 
画像ファイル40を選択
 
画像ファイル41を選択
 
画像ファイル42を選択
 
画像ファイル43を選択
 
画像ファイル44を選択
 
画像ファイル45を選択
 
画像ファイル46を選択
 
画像ファイル47を選択
 
画像ファイル48を選択
 
画像ファイル49を選択
 
画像ファイル50を選択
 
持続時間一括設定(1000=1秒)
横縦幅の指定
横幅 縦幅
関連サイト:
アニメーションPNG作成 APNG
アニメーションGIF生成
動画からアニメWebP生成
動画からアニメPNG生成 APNG
動画からアニメGIF生成
動画から静止画切り出し
動画サムネイル生成
動作環境(2022-09-22時点)
・Google Chrome 105
・Microsoft Edge 105
・Mozilla Firefox 105 --- 使用できますが、WebP画像をダウンロード時に不要な別タブが開きます
・Apple Safari 15.6
基本的な使い方:
画像を1番から順番に設定します。画像の持続時間(表示時間)を入力します。
生成する画像のサイズを指定します。
[アニメーションWebP作成]ボタンをクリックします。
入力可能な画像について:
PNG(透過PNG可)、JPG、WebP(透過WebP可)、SVG、GIF などの画像を指定できます。
持続時間について:
1枚の画像の表示継続時間です。単位ms(ミリ秒)です。よって、1は0.001秒、1000で1秒です。
この持続時間(ウエイトタイムとも言われます)の最小処理能力は処理系の性能に依存します。0.01秒で指定しても、実際には0.2秒程度になります。ブラウザの処理能力で異なってきますので、様々なブラウザで表示速度をお試しください。
注意事項:
画像処理は全てJavaScriptで行っています。よって、処理速度はお使いのパソコン性能に左右されます。
処理時間が長いと、ブラウザはJavaScriptがフリーズした可能性があるとして、以下のメッセージを出す場合が有ります。
(Firefoxの場合)
(Chromeの場合)

この場合は「処理を続行」または「待機」で問題ありません。
なかなか処理が終わらずにこのメッセージが何度も出る場合は、「スクリプトを停止」または「ページを強制終了」させて、画像サイズを小さくして再度お試しください。
横縦幅の指定で、任意サイズで100×100程度からお試し頂き、徐々に横縦幅を大きくしていき動作をご確認ください。
作成した画像の確認:
画像はウェブブラウザにドラグアンドドロップすることで表示を確認できます。
2022年9月初版
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。