統計データ会員登録するWeb担当者の皆様は、画像の形式を気にしていますか?画像を保存する際、末尾に「.jpeg」や「.png」という拡張子がついているのを見たことはあっても、それぞれどのような特徴を持っているかまでは知らない方が多いのではないでしょうか。今回は、Web上でよく利用されるJPEG・GIF・PNGそれぞれの特徴を解説します。ホームページの見栄えを左右する画像は、コンテンツの重要な一要素です。使い分けせずなんとなく利用していたという方は一度確認してみましょう。画像形式の種類JPEG(ジェイペグ)JPEGはフルカラーの1,677万色を表現できる点が利点で、草花などの繊細なグラデーションや自然色の多い画像に適した形式です。その反面、色の境界がくっきりしたアニメ風イラストやアイコンなどの画像とは相性が悪く、色と色の境目が明確に区別されず、曖昧な表現になってしまいます。JPEGはデータを圧縮して画像サイズを小さくすることはできるのですが、一度画像を圧縮すると元のサイズには戻せません(不可逆圧縮)。画質を一度下げて保存してしまうと、もう元の画質には戻すことはできず、保存を切り返すと画質が劣化してしまいます。ちなみに、画像形式でよく見かける「.jpg」はJPEGと同じものと捉えて問題ありません。PNG(ピング)PMGは、他の画像形式に比べると比較的新しく開発された拡張子で、様々な点で高い利便性を持ちます。256色を扱える形式と、JPEG同様フルカラー(1677万色)を扱える形式のどちらにも対応可能なため、グラデーションにも境目のくっきりしたアイコン画像でも問題なく表示できます。JPEGと異なり、保存を繰り返しても画質は劣化しません。透過も可能で、画像の透明度を自由に設定できます。フルカラーで保存した場合には、JPEGよりも画像サイズはが大きくなってしまうため、あまりにも大きい場合はJPEG形式で保存する方が良いでしょう。GIF(ジフ)GIFは256色までの対応が可能で、アイコンや図形など、色数を必要としない図形に適しています。GIFにも透過機能があり、PNGのように調節はできませんが、指定した色を完全に透明にすることができます。ロゴやボタンなど背景が不要な画像によく利用されます。GIFは複数の画像を重ねてアニメーション表現ができるため、ちょっとした短い動画はGIF形式で保存されているケースが多くあります。6/30追記:誤った記載があったため、該当箇所を削除しました。まとめ画像は、ユーザーの興味・関心をひくのに欠かせない要素の1つです。デスクトップパソコン、ノートパソコン、スマホ、タブレット等ユーザーのネット接続環境が多種多様になってきているのに加え、各デバイスの解像度も飛躍的に上昇しているため、掲載する画像の質にはできるだけ気をつけるようにしましょう。色数が多い画像はJPEG、透明度を調整したい場合はPNGといったように、画像によって形式を使い分け、少しでも気を配るだけでも見栄えに差が出てきます。このニュースを読んだあなたにおすすめCSSの基本~スタイルシートとはタグ・HTMLとは。制作カリキュラム一覧ホームページ制作に関する基礎知識を学べるカリキュラムです。ページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るコンテンツコンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。CD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るタブレットタブレットとは、元々「板状のもの」「銘板」といった意味の単語です。パソコンの分野で単にタブレットといえば、「ペンタブレット」や「タブレット型端末」などの板状のデバイス全般を指します。ここでは主にタブレット型端末について説明していきます。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るデバイスデバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。「Pardotユーザー会」が国内最大級のMAユーザー会へと成長した理由マーケティングオートメーション(MA)ADビジネスビジネスチャットだけでは限界かも......。会社の“成長期”に改めて考えたい情報共有の仕組みビジネスADマーケティングオートメーション(MA)伝達から会話の時代へ。AI時代を一足先に予習する「マーケティングの練習問題」マーケティングオートメーション(MA)BtoBマーケティングのノウハウ資料をダウンロード!基礎から4ステップで実践まで!BtoBマーケティング実践ガイド(無料)BtoBマーケティング実践ガイドは、BtoB事業のマーケティングのノウハウを網羅的かつ体系的にまとめたものです。基礎から応用まで4つのステップでマーケティングが実践できるBtoBマーケターの永久保存版です。株式会社SoLabo「0→1」「1→10」がどちらも叶う。株式会社ベーシック【求人】サービス価値を高め市場を創造。編集部厳選!最新情報をお届けもう一度読みたい記事をブックマーク実務に役立つ資料をダウンロード無料会員登録会員ログインこの記事を書いたライターferret編集部ferret編集メンバーが不定期で更新します。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方AD記事を作っているのにサイト流入が足踏み・・・・・・。そんな状況を打開する「正しい努力」の仕方ADWebサイト制作でよくある失敗例5選。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ADWebサイト制作でよくある失敗例5選。PIECE』を超える異例の売上。『鬼滅の刃』が大ヒットした理由ケーススタディで学ぶ。人気記事をもれなくチェックSNSで話題!BtoBビジネスで勝てるマーティングのノウハウを1冊の資料にまとめました。