你还好吗?快速 GIF 动画的症状。
こんにちは、さち です。
你好,我叫 Sachi。
インターネットをしていると
アニメーションする画像を見かけることがあると思います。
これはGIF画像の機能の一つで
一般的に「GIFアニメ」と呼ばれています。
在互联网上,您可能会看到
动画图片。
这是 GIF 图像
的特征之一,通常被称为 "GIF 动画"。
しかし、このGIFアニメの画像
ものすごい速さでアニメーションしているものを時々見かけます。
せっかくGIFアニメを作ったのに
意図してない高速なアニメーションになってしまう!?
これでは困ってしまいますよね。
然而,我们有时会看到这些 GIF 动画图片
,它们的动画速度非常快。
你费尽心机制作了一个 GIF 动画,但
结果却变成了一个你并不打算制作的快速动画!
这很麻烦,不是吗?
そこで今回は、
GIFアニメを作るときに気をつけておきたい
フレーム間隔(フレームディレイ、ウェイトタイム)について
書いていきたいと思います。
因此,我想写一篇
关于
帧间隔(帧延迟和等待时间)的文章
,这是你在制作 GIF 动画时应该注意的。
スポンサーリンク
赞助商链接
目次
目录
- アニメーションの速さを決める「フレーム間隔」
- 帧间隔 "决定动画的速度。
- ブラウザが違うとGIFアニメの見え方も違う
- 不同的浏览器看到 GIF 动画的方式不同。
- フレーム間隔0.05秒以下は危険!
- 帧间隔为 0.05 秒或更短时间是很危险的!
- フレームレートから適切なフレーム間隔を考える
- 根据帧频考虑适当的帧间隔。
アニメーションの速さを決める「フレーム間隔」
帧间隔 "决定动画的速度。
GIFアニメを作る際
アニメーションの速さを決めるのが「フレーム間隔」です。
ディレイタイム、ウェイトタイム などと呼ばれることもあります。
制作 GIF 动画
时,"帧间隔 "决定了动画的速度。
有时也称为延迟时间或等待时间。
GIFアニメでは、何枚もの画像を次々と表示することで
アニメーションを表現しており
「何秒後に次の画像に切り替えるか」というのが「フレーム間隔」です。
在 GIF 动画中,
,动画的表现形式是一个接一个地显示多个图像。
"帧间隔 "是指 "多少秒后才切换到下一个图像"。
動画を作ったことがある方は
「フレームレート」という言葉をご存知かと思いますが
これと同じような考え方です。
如果您以前制作过视频,您可能对
"帧频 "这个术语并不陌生。
这是一个类似的概念。
ブラウザが違うとGIFアニメの見え方も違う
不同的浏览器看到 GIF 动画的方式不同。
GIFアニメが意図せずに
高速でアニメーションしてしまうのは
閲覧環境(使っているウェブブラウザ)の違いが関係しています。
GIF 动画无意中以
高速动画的原因与
不同的浏览环境(使用的网络浏览器)有关。
ウェブブラウザといえば
多くの人が使っている Internet Explorer(以下:IE) ですが
実はこの IE こそが高速GIFアニメの原因です。
说到网页浏览器,
,很多人都使用 Internet Explorer(以下简称:IE)。
事实上,IE 是高速 GIF 动画的始作俑者。
あなたの作ったGIFアニメは
意図しない速さでアニメーションしていませんか?
IE でしか表示を確認していない人は特に要注意!
您的 GIF 动画是否以非预期的速度运行
?
如果只在 IE 中检查显示效果,则要特别小心!
フレーム間隔0.05秒以下は危険!
帧间隔为 0.05 秒或更短时间是很危险的!
使用できるGIFアニメのフレーム間隔はウェブブラウザによって異なります。
各ウェブブラウザが対応しているフレーム間隔は次の表のとおり。
可使用的 GIF 动画帧间隔取决于网络浏览器。
下表列出了各网络浏览器支持的帧间隔。
GIF
图像互换格式
フレーム間隔
框架间距
0.10秒(10fps)
0.10 秒(10 帧/秒)
0.09秒(11.11fps)
0.09 秒(11.11 帧/秒)
0.08秒(12.5fps)
0.08 秒(12.5 帧/秒)
0.07秒(14.29fps)
0.07 秒(14.29 帧/秒)
0.06秒(16.67fps)
0.06 秒(16.67 帧/秒)
0.05秒(20fps)
0.05 秒(20 帧/秒)
0.04秒(25fps)
0.04 秒(25 帧/秒)
0.03秒(33.33fps)
0.03 秒(33.33 帧/秒)
0.02秒(50fps)
0.02 秒(50 帧/秒)
0.01秒(100fps)
0.01 秒(100 帧/秒)
この通り、IE だけが0.05秒以下のGIFアニメに対応していません。
IE で0.05秒以下のGIFアニメを表示すると「0.10秒」で再生されます。
IE でこのページを見...