T018 ツール・アプリ
Squoosh
自作PNGをWebP・JPEGへ変換。保存した画像と容量を、実操作画面で見比べる。
- ブラウザーの画像変換
- 自作画像で保存・寸法を確認
- 小さな図では容量が増加
画像編集・文字アニメのWebツールを探す
文字入れ、歌詞動画、図解、音楽・映像の制作。実際に使った画面と保存した作例から、無料で試せる範囲と手順を紹介します。
今日は、何を作る？
作品を絞り込む
作者から探す →ジャンルで探す 画像・デザイン
T016 ツール・アプリ
SVG-Edit
四角を描き、コードで色を変える。ソースから保存したSVGと、実操作画面・保存の注意点を紹介。
- ブラウザで図形とソースを編集
- PCで描画・色変更・ファイル表示を確認
- 直接ダウンロードは未確認
T015 ツール・アプリ
Method Draw
丸と四角を描いてSVGを保存。サイズ入力の操作、実画面、保存した図と確認手順を紹介。
- ブラウザのベクター描画
- PCで図形描画・SVG保存を確認
- ソフトウェアはMIT
T014 ツール・アプリ
JS Paint
図形ツールで家を描いてPNGを保存。実際の出力、保存画面とファイルを残す手順を紹介。
- ブラウザの描画ツール
- PCで図形描画・PNG保存を確認
- ソフトウェアはMIT
T013 ツール・アプリ
draw.io
三段階の図を読み込み、SVGと編集用ファイルを保存。実際の仕上がり、操作画面と保存形式の違いを紹介。
- 無料のブラウザ図解ツール
- PCで図の読み込み・SVG保存を確認
- 作った図の権利は利用者に残る
T012 ツール・アプリ
Piskel
二枚のドット絵から星のGIFを保存。再生・停止できる実物と、PNG・編集用ファイルを添えて紹介。
- 無料のブラウザエディタ
- PCで描画・複製・GIF保存を確認
- 作った絵の権利は制作者に残る
2 / 4ページ
作りたいものからツールを探す
画像の文字入れ、歌詞動画、動く文字、図解。実際の仕上がりと手順を見比べ、無料で試せる範囲や保存方法を確認できます。
- 画像に文字を入れて保存したい
miniPaintでは文字を入力し、位置を調整してPNGを保存しました。記事の実画面と保存した画像を見ながら、同じ手順を試せます。
文字入れからPNG保存までの手順- 背景が透明な動く文字を作りたい
文字画像APNGメーカーで、一文字ずつ登場するアニメを作って保存しました。実際のAPNGを再生でき、設定と公開時のクレジットも確認できます。
動く仕上がりとAPNG保存の手順- 歌詞や短文を文字PVにしたい
JIZURAでは数行の文字を入力し、「おまかせで作る」で構成の案を試せます。記事には操作画面と、提供された横・縦の完成動画を掲載しています。
JIZURAの最初の操作と書き出しの案内