MENU
シナリオ執筆の為、更新停滞気味です
余韻が続く、優しくて重い言葉を | サザノノポートフォリオ
  1. ホーム
  2. TRPG
  3. ココフォリア容量軽量化、画像軽量化、APNGをアニメーションが動く状態で軽量化する方法、APNGをWebpに変える変換ツールとその使い方について

ココフォリア容量軽量化、画像軽量化、APNGをアニメーションが動く状態で軽量化する方法、APNGをWebpに変える変換ツールとその使い方について

TRPG TRPGダイス関係
サザノ ノザサ

リガル研究室のリガル様のツールをお借りして、この記事を作成しております。

目次

導入

ココフォリア、
サーバーがかなり負荷かかって
APNG制限かかる可能性ある

男子C
男子C
ココフォリアFANBOX

FANBOXに入っていない方でも読める内容です。

男子D
男子D

そうなんだ

……となると
今のうちに
軽量化しないとな

男子C
男子C

軽いに越したことはない

画面サクサク動くしさ

男子C
男子C
男子D
男子D

何よりも速さが足りない？

お前、
それ好きだよな…？

男子C
男子C

データの単位

KB/kb（キロバイト）＜MB/mb（メガバイト）

800KBと書かれると大きそうに見えますが、
1MBより小さいので安心してください。

念の為に
データの単位について
説明しとく

男子C
男子C

データの単位
KB（キロバイト）＜MB（メガバイト）＜GB（ギガバイト）
1MB＝1024KB

男子D
男子D

キロ→メガ→ギガの順番に
大きいんだ

そう！

だから、KBの場合は
1024以上からが
1MBの対象だな

男子C
男子C

※とはいえ、軽いほうがサーバーの負担は少ないです

データ容量軽量化の対象の確認し方

フォルダ内から確認することができます。
1MB以上が制限対象可能性

とはいえ、
データ容量どこで見るの？
ってなるよな

男子C
男子C
男子D
男子D

フォルダから
見ればいい？

説明任せた

男子C
男子C
男子D
男子D

ここから見れるよ

この場合は？

男子C
男子C
男子D
男子D

……確かに
こういう場合もあるね。

　　　　　

男子D
男子D

この時は
「表示」を
クリック

男子D
男子D

「並べて表示」
をクリック

男子D
男子D

３行目に書いてある
～MBとか、～KBが
データ容量だよ

説明、助かった！

男子C
男子C

軽量化ツールでAPNG→WebPに変えていく

これからやること

APNGで作ったアニメーション画像を
WebpというWebサイト特化した軽量アニメーション画像に
変換するツールを使っていきます。

ここからは
APNGを
WebPという画像に
変える

男子C
男子C
男子D
男子D

あぺんぐを
うぇぶぴーにかえる

　　　　　

男子D
男子D

・・・そう

俺が気になるから
先に言っておく

男子C
男子C

Webpは
ウェッピーと呼ぶ。
ウェブピーじゃない

男子C
男子C
男子D
男子D

呼び方警察だ
面倒だな

画質落ちるの気になる人は
このページ見てくれ

男子C
男子C
株式会社ネディア │ネットワークの…
【APNG vs WebP】次世代アニメーション画像フォーマットを比較。さらに実際に作成してみよう！ – 株式会社… アニメーション画像といえば、長年にわたりGIFが主流でしたが、画質の低下や透明度の制限などのデメリットがありました。 そこで近年、APNGとWebPという新しいアニメーショ…
男子A
男子A

実際の比較例が
セキレイだな。かわいい

アニメーションWebp変換ツール様

BOOTHページへ

【利用規約】
本ソフトウェアを正常な方法で用いて制作された画像ファイルの一切について制作者は関与せず、その著作権は全て本来の持ち主に帰属します。
使用者は本ソフトウェアを正常な方法で用いて制作した画像ファイルについて、自由に個人利用、商用利用も行っていただくことが可能です
使用に関してクレジット表記やリンク、報告等は一切不要です。ただし使用報告を頂いた場合、制作者がとても嬉しくなります。
本ソフトウェアの著作権は制作者であるリガルが保有しています。
本ソフトウェアを制作者に無断で再配布・再販売・自作発言・改造を行うことを禁止します。

【免責事項】
いかなる場合においても、本ソフトウェアの使用または使用不能によって発生したあらゆる損害について、制作者及び関係者は一切の責任を負わないものとします。
本ソフトウェアを使用する際は必ず各自の責任においてご使用ください。

変換は
リガル研究室様のを
使わせてもらう

男子C
男子C
男子D
男子D

ブラウザサイトでもいい？

愛用のサイトは
静止画変換された。

動画変換してくれる
ブラウザサイトがあれば
教えて欲しい…

男子C
男子C

アニメーションWebp変換ツールの使い方

READ　MEは必ず読んだうえで、行ってください。

ダウンロードする

まず、
ダウンロードを押す

男子C
男子C
BOOTHページへ
男子D
男子D

ダウンロードできた

ダウンロードしたファイルをデスクトップに移動させる

ダウンロードしたファイルは
「ダウンロード」ファイルにある

男子C
男子C

それを
デスクトップに
投げ入れて欲しい。

男子C
男子C
男子D
男子D

投げ入れたら、
コピーされたよ

ファイルの展開をする

次はファイルの展開だな
右クリックして

男子C
男子C
男子D
男子D

「すべて展開」？

それで！

男子C
男子C
男子D
男子D

何か出てきたよ

「展開」で

男子C
男子C

※ファイルの場所指定なので、指定変えたい人は変えてもOK

男子D
男子D

ダウンロードしたら
ウィンドウが開いたよ

フォルダを
ダブルクリックでOK

男子C
男子C
男子D
男子D

色々入っているね

README、規約について

まずは
「README」から
読んで欲しい

男子C
男子C
男子D
男子D

README？

READMEは
製作者が読んで欲しいと思っている
規約とかが載っているから
それを確認する必要がある

男子C
男子C
男子D
男子D

このあたりが
特に大事そうかな

【利用規約】
本ソフトウェアを正常な方法で用いて制作された画像ファイルの一切について制作者は関与せず、その著作権は全て本来の持ち主に帰属します。
使用者は本ソフトウェアを正常な方法で用いて制作した画像ファイルについて、自由に個人利用、商用利用も行っていただくことが可能です
使用に関してクレジット表記やリンク、報告等は一切不要です。ただし使用報告を頂いた場合、制作者がとても嬉しくなります。
本ソフトウェアの著作権は制作者であるリガルが保有しています。
本ソフトウェアを制作者に無断で再配布・再販売・自作発言・改造を行うことを禁止します。

【免責事項】
いかなる場合においても、本ソフトウェアの使用または使用不能によって発生したあらゆる損害について、制作者及び関係者は一切の責任を負わないものとします。
本ソフトウェアを使用する際は必ず各自の責任においてご使用ください。

自作発言禁止で、
バグが起こっても
自己責任って話だな

男子C
男子C
男子D
男子D

それは……そう…

注意点、他のファイルは消さない

念のために言っておくと
このファイルは
消さないようにしてくれ

男子C
男子C
男子D
男子D

ゴミじゃないんだ

歯車マーク書いてある奴は
消すとバグるって覚えると楽

男子C
男子C

というより、
必要だから入ってるんだ
消すなー？

男子C
男子C

セキュリティガードの解除と実行方法

アプリは
その緑だから
クリックしてくれ

男子C
男子C
男子D
男子D

クリックしたら、
危険そうなの出てきた

問題ない問題ない
「詳細情報」押して

男子C
男子C

※問題ないかどうかは、そのファイルが本当に大丈夫か自己責任で確かめてから行ってください※

男子D
男子D

実行ボタンが出てきた
押す？

押してほしい！

男子C
男子C
男子D
男子D

ツールが開いた

ツールの使い方

あとは簡単

男子C
男子C

　　　

画像を
灰色の場所に入れる

男子C
男子C
男子D
男子D

……？
何も変わらない

画像は出てこないけど
画像名が
出ているからOK!

男子C
男子C
男子D
男子D

なら、
「START」でいい？

OK

男子C
男子C
男子D
男子D

……！

　　　　

　　　

男子D
男子D

ダウンロード、
完了した

変換されたファイルの場所

outputの中にあります

男子D
男子D

さっきのファイルは……
何処に入っているんだろう

ファイルを
開いて

男子C
男子C

※ファイルの中にファイルが入っていたので、２回ファイルを押してください※

このoutputって
ところだな

男子C
男子C

関連記事一覧

ココフォリアでの部屋の作り方（シーン分けやはじめの一歩編）

画像に alt 属性が指定されていません。ファイル名: %E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-2021-10-19T231031.792-1024x538.png

–

ココフォリアでの部屋の作り方（スクリーンパネル編）

画像に alt 属性が指定されていません。ファイル名: %E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-8-1024x538.jpg

ココフォリアの部屋の作り方、マーカーパネル素材の使い方。

画像に alt 属性が指定されていません。ファイル名: image-4-1024x538.png

ファンブルとクリティカルのカットインの作り方は此方

画像に alt 属性が指定されていません。ファイル名: Enter-to-win-12-1024x576.jpg

ココフォリア部屋の小技。システム音の作り方、＠アットマークの使い方、差分の切り替え方について

画像に alt 属性が指定されていません。ファイル名: image-5-1024x538.png

インスタントココフォリア部屋、部屋Zip素材まとめ、お部屋がドラックアンドドロップで何もしなくても完成できる！ZIP部屋の作り方、おすすめのココフォリア部屋素材まとめ

画像に alt 属性が指定されていません。ファイル名: image-1-28-1024x538.webp

立ち絵瞬きAPNGの作り方

画像に alt 属性が指定されていません。ファイル名: %E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF-21-1024x538.jpg

–

TRPGのリプレイ動画や配信画面の作り方

画像に alt 属性が指定されていません。ファイル名: music-5-1024x538.jpg

ココフォリア初めてのPLさんに必要なところだけ教える為の記事。KPやDLの際にPLさんにぜひ！サンプルのキャラシ。クトゥルフ神話TRPG6版、エモクロアのサンプルキャラクターデータ。キャラクターコマの作成仕方、チャットパレットの出し方、ダイスの振り方、秘匿チャットのやり方、ログの保存し方。

画像に alt 属性が指定されていません。ファイル名: PC2%E3%83%AD%E3%83%83%E3%83%97%E7%9B%AE%E7%B7%9A-50-1024x576.webp

ココフォリアPROの登録し方・PROが使える機能について、タイマー機能、Zipファイルデータの作り方、出力し方、お部屋の複製し方、Unsplashの画像検索機能も紹介。

立ち絵ディスプレイの作成し方

画像に alt 属性が指定されていません。ファイル名: image-2022-05-26T124343.830-1024x576.webp

RPGトレイラー４枚を作る前編！キャッチコピー編！Canvaを使ったトレイラー作成方法。キャッチコピーや人を引き付ける台詞をどうやって作るのか、キャッチコピーやタイトルを付けるコツや型について紹介！

TRPGトレイラー４枚を作る後編！トレイラー画像編！Canvaを使ったトレイラー作成方法。概要に何を書くのか、シナリオのロスト率基準について、１枚目から４枚目って何に書いているのか。Twitterでもおしゃれに見えるトレイラー画像を作る！

クトゥルフ神話TRPG第六版の説明

「TRPGって何？」超初心者向けの簡単なやり方と実践準備編。いあキャラでのキャラクター作成、ココフォリアの使い方から、チャットパレットの設定まで。ルールブックとシナリオさえあれば、すぐ遊べる手前までチャットノベル形式で紹介！（前編）

–

サムネイルの作り方（TRPGトレイラー作成の参考例）

ディスコードの使い方

関連記事

–

–

–TOP

–

–

—

TRPG TRPGダイス関係
多くの方に教えてくださると、喜びます！
  • URLをコピーしました！
  • URLをコピーしました！

この記事を書いた人

サザノ ノザサのアバター サザノ ノザサ

今はゲームシナリオを書いている者です。
アナログゲームを嗜む脚本家、小説家、人狼もマダミスも好き。

この著者の記事一覧へ

関連記事

目次