GIFにした動画を失敗せずにnoteに貼る方法｜貼れない原因と安全な作り方

ふな

2026年1月10日 16:00

最近、記事内の画像をアニメーションさせている方、
多いですね。

めっちゃ可愛くて癒やされたり、ホクホクしたりしながらも、
こう思いませんか？🤔

記事の質（クオリティ）のボーダーを上げるな！
と。

なんか、
アニメーションさせるのが当たり前みたいになってるやん……。

僕も流行りに乗ってみようと思って、
Veo3で動画を作って → Canvaで文字入れして → GIFにして
note記事に貼ろうとしたんですが……

「貼れるGIF」と「貼れないGIF」がある問題に、
しっかりハマりました。

その時の記事に貼ったヤツがこれです。

本当に貼りたかったのは、こっち。

いろいろ試した結果、
安定して貼れるやり方が見えてきたので、
今回はその手順をまとめておきます✍️

このnoteを読めば、
GIF貼り付けで失敗する確率は、
たぶんかなり下がります（多分）。

※PC向けの手順となります。ご了承くださいませ🙇‍♂️

今回は長いので、目次入れます！！

noteが弾くGIFは「重いから」じゃない

まず前提の話から。

noteに貼れないGIFって、
「容量が大きいからダメなんでしょ？」
と思いがちなんですが……

実はこれ、半分ハズレです。

noteがGIFを弾く理由の多くは、

GIFの“中身の作り”が、noteと相性悪い

これ。

ちょっと専門的になるので、
この章は「へぇ〜」くらいで読み飛ばしてOKです（笑）

noteに貼れないGIFにありがちなポイント

フレーム数が多すぎる
FPS（1秒あたりのコマ数）が高すぎる
フレーム遅延（delay）が極端（0msなど）
透明処理が複雑
Disposal Method（前フレームの扱い）が特殊
ピクセルサイズがやたら大きい

CanvaやAI生成ツールは、
動画としては優秀なんですが、
GIFとして見ると
「構造が複雑すぎる」 ことが多いんですね。

「貼れるGIF」にする安全ライン（超重要）

ここが一番大事なところです⚠️

note用GIFは、
これくらいを目安にすると安定します。

横幅：〜800px（最大でも1200px）
FPS：10〜12
フレーム数：〜150
ループ：無限ループ
テキスト：できるだけ動かさない
透明度変化：極力使わない

容量よりも、
「シンプルなGIF構造」 が正義です。

アニメーション作成の正解ルート

結論から言うと、
この流れが一番安全でした👇

Veo3（動画作成）してMP4で保存
↓
（必要なら）Canvaで編集してMP4で書き出し
↓
別ツールでGIF変換

ポイント

Canvaから直接GIFを書き出さない
Canvaは「動画編集まで」と割り切る

これだけで、
事故率がかなり下がります。

GIF変換は2パターンあります

GIFへの変換方法は、大きく2つ。

ffmpeg（コマンドライン）
EZGIF（ブラウザツール）

せっかくなので両方紹介します。
エンジニア系じゃなければ、
EZGIFのやり方へGO！です🏃‍♂️

ffmpegを使う場合（マニアックだけど一発）

ffmpegを入れている人向けです。
「ffmpegって何？」という方は、
EZGIFの使い方までスキップしてくださいね。

この方法は、
画質・安定性ともに最強。
そして、楽。

ffmpeg -i input.mp4 ^
-vf "fps=12,scale=800:-1:flags=lanczos,palettegen=stats_mode=diff" ^
palette.png

ffmpeg -i 1200x400_withTxt.mp4 -i palette.png ^
-filter_complex "fps=12,scale=800:-1:flags=lanczos[x];[x][1:v]paletteuse=dither=bayer:bayer_scale=5" ^
output.gif

以下のファイル名は環境に応じて適宜書き換えて下さいね。