するバナーやトップ画像などデザイン画像を作成する際や、デジタルカメラで撮影する際にも利用するJPEG形式のファイルを見かける機会は多いでしょう。JPEG形式のファイルには「.jpg」と「.jpeg」という2種類の拡張子があるのはご存知でしょうか?今回は、「JPG(.jpg)」と「JPEG(.jpeg)」の違いを解説します。利用頻度が高いファイル形式だからこそ「どっちの拡張子を指定すればいいの?」とならないよう、違いを理解しておきましょう。JPEG形式とはJPEG形式はフルカラーの1,677万色を表現することができ、風景写真など色合いにグラデーションがある画像に適しているファイル形式です。JPEGはPNGとは異なり、一度画像を圧縮してしまうと元に戻せない「不可逆圧縮」という特徴があります。そのため画質を下げてしまうと、元の画質には戻せません。】よく使う画像形式の種類・特徴まとめ.jpegと.jpgの違い端的に言うと、この2つは表記されている拡張子が違うだけで、機能面での違いはありません。画像ファイルを保存した時「〜(タイトル).jpg」と「〜(タイトル).jpeg」というよく似た2種類の表記を見かけたことはありませんか?JPEGには「.jpg」と「.jpeg」2種類の拡張子があります。画像ファイル名の末尾についている.(ドット)以下の文字列は拡張子と呼ばれ、ファイルの保存形式を表しています。.jpeg」と「.jpg」という2つの拡張子が存在しているのでしょうか。これにはMS-DOSという1980年代に普及していたOSの仕様が関係しています。MS-DOSではファイルの拡張子は3文字までという制約がありました。そのため、MS-DOSの仕様を引き継いでいるWindowsでは、そのままファイル拡張子を3文字にする習慣が続いており「.jpg」と言う拡張子が長年利用されてきました。現在普及しているOSでは4文字も利用できるため「.docx」や「.xlsx」といった4文字の拡張子も登場しています。代表的なWebサービスにおける対応では、「.jpeg」と「.jpg」では、どちらの形式のがスタンダードなものとして普及しているのでしょうか。画像編集に関わる代表的なソフトを見てみましょう。Reader」では、JPEG形式のファイルについて下記のように対応しています。.jpg、.jpeg上記のように「.jpg」の方がより多くの機能に対応しています。Reader)(※2019年11月時点でページが存在しないためリンク削除)IllustratorCS6画像の編集やデザインの作成を行える「Illustrator」の最新版である「IllustratorCS6」では、下記のように案内しています。◎このように「.jpg」と「.jpeg」に対応の違いはなく、どちらでも対応できます。「.jpe」もJPEG形式のファイルであり、表記が異なるだけで機能面に違いはありません。CS6)(※2019年11月時点でページが存在しないためリンク削除)「.jpg」と「.jpeg」どちらの拡張子を選択すべきかここまで紹介してきたように「.jpg」と「.jpeg」に表記以外の違いはなく、あまり違いを意識しなくても利用できます。ファイルを保存する際にどちらの形式にするか迷ったら、より一般的に普及している「.jpg」にするといいでしょう。まとめ.jpgと.jpegは同じファイル形式であり、拡張子が異なるだけで利用制限などの違いはありません。.jpgはMS-DOSでは拡張子が3文字しか指定できないことからきており、その流れを汲むWindowsで長年利用されてきましたが、現在普及しているOSでは4文字以上の拡張子も使用できます。JPEG(.jpeg)とJPG(.jpg)のどちらを使用するか迷った場合は、より一般的に普及している「.jpg」を利用するのがいいでしょう。GIF、BMP)画像を扱うためにはデータ化する必要があり、様々な画像フォーマットが存在します。GIF、BMPの4つです。GIF、BMPの4つの画像フォーマットについて、それぞれの特徴をまとめてみました。写真やイラスト、文字などjpg、gif、png画像を扱う中で、「ベクターで画像を編集したい」と思ったことがある方も多いのではないでしょうか。ベクターを使えば、劣化させずにIllustratorなどで画像の拡大縮小やイラストの色を変えたりできるので便利ですよね。今回は、jpg、gif、png画像をベクターに変換できる、オススメのオンラインツールをご紹介します。バナーバナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。静止画像だけでなく、アニメーションを用いたバナーもあります。詳しく見るタイトルホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。詳しく見るタイトルホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るリンクリンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るリンクリンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るリンクリンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。OS、スマートフォンではiOSやAndroidが有名です。するおすすめ記事ADマーケティングオートメーション(MA)「Pardotユーザー会」運営リーダーが語る。国内最大級のMAユーザー会を維持・拡大する秘訣とはマーケティングオートメーション(MA)ADコンテンツマーケティング「記事制作」だけじゃない。リソース不足を根絶する100人100色の“ランサーズ活用術”コンテンツマーケティングADSEO(検索エンジン最適化)顕在ニーズを引き寄せる。株式会社SoLabo「0→1」「1→10」がどちらも叶う。株式会社ベーシック【求人】サービス価値を高め市場を創造。編集部厳選!最新情報をお届けもう一度読みたい記事をブックマーク実務に役立つ資料をダウンロード無料会員登録会員ログインこの記事を書いたライターferret編集部ferret編集メンバーが不定期で更新します。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ADWebサイト制作でよくある失敗例5選。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ADWebサイト制作でよくある失敗例5選。PIECE』を超える異例の売上。人気記事をもれなくチェックSNSで話題!BtoBビジネスで勝てるマーティングのノウハウを1冊の資料にまとめました。