2


0

アニメーションGIFについての考え

アニメーションgif、フラッシュ、またはhtml5 / jsを使用して短いアニメーションを選択し、一連の異なる画像を表示しようとしています。

アニメーションGIFについてどう思いますか? 彼らは死んでいますか? HTML5を使用する必要がありますか?

いくつかの興味深い考えをありがとう。 :)

7 Answer


5


重要な要因は、循環させたい画像のサイズだと思います。 おそらく100ピクセル未満の非常に小さな画像の場合、アニメーションGIFで十分です。 ポートフォリオやアイテムの画像など、より大きなものについては、ほとんど受け入れられません。 セマンティクスやSEOではなく、画質です。 GIFは単純に複雑には見えません(例: 写真)画像。

HTML5はこの方程式には含まれていません。マークアップは(X)HTML4とHTML5でほぼ同じです。 javascriptは画像のサイクリングの重要な部分であり、ニーズに応じてあらゆる種類の派手なことを実行する全体の束があります。 最もよく知られているjQueryプラグインの1つは、http://jquery.malsup.com/cycle/ [cycle plugin]です。 実装はとても簡単です。

セマンティクスとSEOの考え方に戻ると、ページに埋め込まれたGIFは多くの画像のように見えないため、検索エンジンはそれを知りません。つまり、表示しようとしているものに関連する画像検索を実行する人は画像が見つかりません。 JSサイクルアプローチを使用する場合、すべての画像はマークアップに個別に埋め込まれ、検索エンジンはこれを取得します。 ユーザーは個々の画像をダウンロードできますが、GIFの場合はGIFエディターまたはスクリーンショットでの分解が必要になりますが、これは利点または障害になります。

要約すると、ほぼ確実にjavascriptを使用して画像に切り替えます。


3


特に、Webサイトの一部をiPhone、iPadなどのデバイスからアクセスできないようにする場合は、フラッシュを使用しないでください。 HTML5は優れていますが、100%をサポートするブラウザーはありません。また、モバイルブラウザーの一部はサポートが非常に不足しています。 これを行うには、おそらくgifが最も簡単で手間のかからない方法です。


2


アニメーションGIFは良くも悪くもありません。 これらは広くサポートされているツールです。 彼らがあなたの問題を解決するなら、それらを使うことをheしないでください。


0


アニメーションGIFはどこでも機能します。

フラッシュは非常に重く、フラッシュへの依存関係を作成します。

HTML5は便利ですが、まだ誰もがサポートしているわけではありません。


0


それがどれほど複雑かによります…​ 画像の短いシリーズの場合は、HTML5を使用せずにJavaScriptを使用します。 数行のコードを書くだけで効果が得られます。


0


アニメーションGIFは死んでいません。 実際、アニメーションGIFミームが非常に多いため、これまでよりも人気が高まっています。 そうは言っても、アニメーションGIFは便利ですが、アニメーションGIFを再作成できないというより動的な形式の利点を考慮してください。

  • 画像間の遷移

  • 動的に生成できます

  • ファイルサイズが小さくなる可能性があります

これらの機能やJavascriptが提供する他の機能が必要ない場合は、アニメーションgifを使用してください。


0


前の回答で述べたように、アニメーションGIFだけで十分な場合は、それを選択してください。

フラッシュは、過爆のわずかな場合です。

少し柔軟なものが必要な場合は、もちろん、HTML5を混在させずにjsを使用できます。 シンプルなjQueryスライドショーを作成することで、トランジションエフェクトを購入し、画像を簡単に置き換えることができます。 繰り返しになりますが、それが必要ない場合や、やりすぎの場合は、GIFを使用してください。