GIF画像とは?(前)

ITリテラシー学習
ITリテラシー学習

画像ファイルには様々な種類がありますが、その内のGIF画像についてご紹介します。

こちらの記事は前編です。
*後編はこちら↓

GIF画像とは?(後)
画像ファイルには様々な種類がありますが、その内のGIF画像についてご紹介します。こちらの記事は後編です。*前編はこちら↓編集ScreenToGifで録画したGIF動画は編...

画像の種類

画像ファイルには様々な種類があります。良く利用される3つの画像の特徴をご紹介します。

jpgファイル

JPEG(ジェイペグ)はJoint Photographic Experts Groupの略称です。拡張子は「.jpg(または.jpeg)」です。非可逆圧縮のため、人が感知できないような情報はカットした状態で圧縮して保存しているため、容量を小さく保つことができます。ただ一度圧縮してしまうと元の画像の解像度に戻すことはできないため、圧縮には注意が必要です。

gifファイル

GIF(ジフ)はGraphics Interchange Formatの略称です。拡張子は「.gif」です。限られた色数で構成される可逆圧縮形式です。256色以下の色で構成される画像(ロゴ、アイコン、ボタン、図版、イラストなど)に向いています。また背景を透明化したり、動きをつけたアニメーションを作ることができます。

pngファイル

PNG(ピング)はPortable Network Graphicsの略称です。拡張子は「.png」です。WEBサイトで利用されるために作られた可逆圧縮の画像形式です。GIF画像のように背景を透過する機能を持ちながら、256色以下という制限がなくなったことで、写真やグラデーションなど色数が多い表現も可能な画像形式です。

可逆圧縮と非可逆圧縮

圧縮方式には可逆圧縮と非可逆圧縮があります。可逆圧縮(gifやpngなど)は圧縮してデータを戻す際に、完全に元に戻すことができます。非可逆圧縮(jpgなど)は圧縮したデータは完全に元に戻す事が出来ず、劣化してしまいます。

GIF画像の作り方

GIF画像のアニメーションはパラパラ漫画のように複数のパターンを動かすことで表現しています。画面を録画をしてGIF画像のアニメーションを作ってみましょう。

(1)「ScreenToGif」というフリーツールを利用します。下記のリンクからダウンロード後、インストールしてください。

ScreenToGif - Record your screen, edit and save as a gif or video
Free screen recorder tool. Record, edit and save as a gif or video.

(2)起動すると下記の画面が表示されます。GIF画像の撮り方を選択します。レコーダーをクリックしてください。

(3)枠が表示されます。枠の中に表示されている動きがGIF動画として保存されます。「記録」をクリックすると録画が開始され、「停止」をクリックすると録画が完了します。

POINT

GIF動画はMP4などの動画ファイルよりも容量が軽いため、WEBサイトで動きを付けたい場合や、SNSのループ動画など、様々な用途で使用されます。
*社内でツールダウンロード利用が禁止されている場合は、事前に情報システム部等へお問い合わせください。

menter_logo

[転職希望者限定]
『MENTER PERSONAL』
3ヶ月間 0円キャンペーン!!

「MENTER PERSONAL (メンターパーソナル)」は、ITスキルを身につけることでこれまで未経験であった職種への転職、副業、独立、スキルアップを支援するサービスです。
転職希望者に限り3ヶ月間サービスを0円でご利用頂けるキャンペーンを実施中!

*教材/リモート面談/転職支援サービスを提供
*キャンペーン適用条件1:WHITE㈱の転職支援サービス利用
*キャンペーン適用条件2:期間内に指定カリキュラムの受講
*適用条件に満たない場合はサービス提供中断させて頂く場合がございます(料金請求することはありませんのでご安心ください)

店舗販売員、飲食業などオフィスワーク未経験から転職も。
サービス詳細や転職成功者のストーリーを‍見る
*お問い合わせ時に「ブログを見た」と備考欄に入力ください。

menter_logo

[法人向け]
文系DX人材育成なら『MENTER』

「うちの会社はITリテラシーが低い...」
「DXを行うには人材育成から始めなくては...」
「自動化やAI理解できる社員が増えたらな...」

デジタルに強い人材育成を行うオンライン学習サービス『MENTER』が、そんなお悩みを解決します!

・マンガで楽しくインターネットについて学習
・ショートカットキーからAIの設計まで
・大手企業の導入事例/成功事例あり
・DX人材育成について相談/事例集請求/無料トライアル/ITリテラシー無料診断可能

MENTER紹介ページを‍見る
お問い合わせは ‍こちら

ITスキルアップ相談室

コメント

タイトルとURLをコピーしました