2019年05月24日(金)
GIFアニメーションを軽量化してWebページのスピードアップ完全ガイド ブラウザ上でのロード時間を短縮
GIFとしてよく知られているグラフィックス インターチェンジフォーマットは、ワールドワイドウェブ(WWW)自体よりも長い間使用されてきています。 そのシンプルさと広範囲のサポートのおかげで、他の何十もの画像とビデオフォーマットが利用可能になっているにも関わらず、GIFファイルは高い人気を保っています。
ただしGIFは、特に最適化されていない場合、ウェブページのパフォーマンスを低下させる可能性があります。 ここでは、ウェブサイトでGIFアニメーションを高速化する方法をいくつかご紹介していきます。検討が必要と思われる代替フォーマットもいくつか見てみましょう。
GIFアニメーションを高速化する理由
1987年、GIFは、同じメタデータを共有する複数の画像をひとつのファイルに移す方法として発明されました。決してアニメーションツールであることが意図されていないのですが、過去30年間その目的のために使用されていました。アニメーションを表示するためには、優れた代替手段がいくつかありますが、GIFに慣れているのでGIFアニメーションを作成する方が非常に簡単なのでしょう。
GIFは使いやすいものですが、実はウェブサイトには適していません。 ウェブサイトに載せて見て満足していても、GIFが各ページにどれほどの負荷を付けているかわ...
author:
SeleQt(セレキュト)
web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。
‹ PREV
ついにQRコード決済のQR統一化が進む!キャッシュレス拡大に拍車をかけるか 【週刊】最新マーケティングリリース
NEXT ›
【Adjust Global App Trends 2019】アドフラウド・アプリ内不正を防止するには「教育」が重要
関連記事
Ads
web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt(セレキュト)の記事『GIFアニメーションを軽量化してWebページのスピードアップ完全ガイド ブラウザ上でのロード時間を短縮』についてまとめています。
この記事は特にアニメーション・facebook・HTML5・Mac・サーバ・動画・safari・iOSについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt(セレキュト)で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt(セレキュト)の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
Ads