GIF作成(写真・画像から)
このGIF作成ツールは、手持ちの写真やイラストからアニメーションGIFを作ります。画像を追加して順番を決め、1枚ごとの表示時間とGIFの幅を選ぶと、すぐにプレビューが動きます。ボタンひとつでGIFができあがり、処理はすべてブラウザ内で行われます。
計算方法
写真からGIFを作る手順
- 画像をドラッグするか、選ぶか、Ctrl + Vで貼り付けます。あとから追加もできます。リストが並び順で、↑・↓で移動、✕で削除します。
- 1枚の表示時間を決めます(例:500ミリ秒=1秒に2枚)。最後の1枚だけ長くするなど、画像ごとに時間を変えることもできます。
- 幅を選びます。高さは1枚目の縦横比に合わせて決まります。「全体を表示」は画像全体を見せて余白を指定色で塗り、「枠いっぱい」ははみ出した部分をカットします。
- 「GIFを作成」を押すと、下に完成したGIFが表示され、保存できます。
GIF形式のしくみ
GIFは1コマあたり最大256色です。このツールは写真が自然に見えるよう、コマごとに専用のカラーパレットを作ります(減色処理)。表示時間は1/100秒単位で記録されるため、入力値は10ミリ秒単位に丸められ、最短は20ミリ秒です。ループするかどうかは追加ブロック(NETSCAPE 2.0)に記録され、これがないとアニメーションは1回だけ再生されます。
ファイルを軽くするコツ
- 幅:チャットやWebなら480 pxで十分です。ファイルサイズはおおむね面積に比例して増えます。
- 色数:128色や64色にすると大きく軽くなり、図やスクリーンショットではほとんど差が見えません。
- コマ数:往復再生はコマ数がほぼ2倍になります。動きはなめらかですがファイルは大きくなります。
制限とプライバシー
画像は100枚まで、1辺は最大1,000 pxです。GIFは半透明のピクセルを扱えないため、余白は単色で塗ります。画像は端末の外に送られません。動画からGIFを作るなら動画をGIFに変換、既存のGIFをコマに分けるならGIF分解ツール、複数の写真を1枚にまとめるなら写真コラージュ作成が使えます。
文字を入れる・ファイルサイズを事前に確認する
あいさつやキャプションなどの短い文字を、白文字に濃いふち取りですべてのコマの上または下に入れられます。長い場合は最大3行に折り返します。プレビューにすぐ反映されます。コマ数と長さの後ろにはファイルサイズの目安が表示されます。現在の設定で最初のコマを実際に変換し、全コマ分に換算した値です。細部の多い写真ではこれより大きくなることがあります。正確なサイズは、GIFの作成後に結果の欄に表示されます。
よくある質問
写真からGIFを作るには?
写真を追加し、順番と1枚ごとの表示時間を設定して「GIFを作成」を押します。作成前にプレビューで動きを確認できます。
1コマの表示時間はどれくらいがいいですか?
スライドショー風なら500〜1,000ミリ秒、なめらかな動きなら50〜100ミリ秒(1秒に10〜20コマ)が目安です。画像ごとに変えることもできます。
作ったGIFはLINEで送れますか?
GIFファイルを保存して、画像として送ることができます。アプリによってはアニメーションではなくファイルとして表示されます。
GIFの容量が大きくなるのはなぜ?
サイズとコマ数で容量が決まります。幅を320〜480 pxに下げる、色数を128や64にする、コマ数を減らすと軽くなります。
GIFはずっとループしますか?
標準では繰り返し再生します。「1回だけ再生」を選ぶと、1回再生して最後のコマで止まります。
画像はアップロードされますか?
いいえ。GIFはお使いのブラウザ内で作成され、写真が端末の外に出ることはありません。
出典・根拠
- W3C – Graphics Interchange Format Version 89a(Graphic Control Extension:遅延時間は1/100秒単位、1テーブルあたり最大256色)
- gifenc – Matt DesLauriers (MIT): GIFエンコーダーと色の量子化
- MDN – CanvasRenderingContext2D.getImageData()
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
更新日: · 編集方針
関連ツール
- 動画をGIFに変換動画をGIFに変換。MP4・MOV・WebMから開始位置、長さ、幅、フレームレートを選んでGIFを作成します。ブラウザ内で完結し、アップロードも透かしもなし。
- GIF分解ツール(コマ画像を書き出し)アニメーションGIFを1コマずつ分解。各コマの表示時間を確認し、1枚ずつ・まとめてZIP(PNG・JPG・WebP)・スプライトシートで保存できます。アップロード不要です。
- 写真コラージュ作成写真2〜9枚でコラージュを作成。11種類のレイアウト、Instagram投稿・ストーリーズ・10×15cmプリント向けのサイズ、余白と枠の色も選べます。無料でアップロード不要。
- 画像サイズ変更(リサイズ)画像サイズ変更をブラウザで無料で。ピクセルや%で指定、縦横比を保持またはトリミング、最大20枚まで一括リサイズ。画像はアップロードされません。
- 画像圧縮ツール:画像を軽くするJPG・PNG・WebP・HEICの画像を無料で圧縮。アップロード不要でブラウザ内で処理し、最大20枚を一括で軽くできます。KB指定やZIP保存にも対応。
- QRコード作成|無料・有効期限なしURL・Wi-Fi・連絡先(vCard)・メール・電話・SMSのQRコードを無料で作成。色を選んでPNGやSVGで保存できます。登録不要、有効期限もありません。
- GIF圧縮:目標のサイズまでファイルを小さくするGIF圧縮をブラウザだけで。目標サイズをKBで指定するか、幅・色数・コマ数を自分で調整できます。動きはそのまま、アップロードは不要で無料です。
- PDF パスワード解除PDF パスワード解除:パスワードを知っている保護付きPDFを、パスワードなしのPDFに変換します。文字は検索・コピーできるまま。無料でアップロード不要。
- テキストをPDFに変換(TXT→PDF)テキストやTXTファイルを無料でPDFに変換。用紙サイズ、文字の大きさ、余白、行番号、ページ番号を選べ、プレビューも見られます。日本語に対応し、アップロード不要です。