{"id":37307,"date":"2022-05-07T15:00:12","date_gmt":"2022-05-07T13:00:12","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=37307"},"modified":"2022-05-05T13:27:48","modified_gmt":"2022-05-05T11:27:48","slug":"jpg-vs-jpeg","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/jpg-vs-jpeg\/","title":{"rendered":"JPG vs JPEG: Is There a Difference and Which One is Better"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]If you have even a passing familiarity with digital graphics, you have most likely noticed the <em>.jpg<\/em> and <em>.jpeg<\/em> file extensions some of the image files have. You may have wondered if there is a difference between the two, and, especially if you are a webmaster looking into <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-optimize-images-for-web\/\">optimizing image files for a website<\/a>, which one is better and for which purpose. You may have also been looking into <a href=\"https:\/\/qodeinteractive.com\/magazine\/png-vs-jpg-wordpress\/\">using the <em>.png<\/em> format on your website<\/a>, and there are merits to that notion, too.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This article is here to resolve the <em>.jpg<\/em> vs <em>.jpeg<\/em> dilemma.It\u2019s a long story which involves some history of computing, which we will begin with. If you just want the lowdown, feel free to scroll right through to the appropriate section.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Here\u2019s what we\u2019d like to talk about:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#what-is-the-jpeg-standard\">What is the JPEG Standard<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#difference-between-jpg-and-jpeg-file-formats\">What is the Difference Between .jpg and .jpeg File Formats<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#what-is-jpeg-2000\">What is a JPEG 2000<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#characteristics-of-jpg-or-jpeg-image\">What are the Characteristics of a .jpg Or .jpeg Image<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"what-is-the-jpeg-standard\"><\/a>What is the JPEG Standard<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"553\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-the-JPEG-Standard.jpg\" class=\"attachment-full size-full\" alt=\"What is the JPEG Standard\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-the-JPEG-Standard.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-the-JPEG-Standard-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-the-JPEG-Standard-768x438.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-the-JPEG-Standard-620x354.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Our story begins in 1992, with the creation of the <strong>JPEG standard<\/strong>. JPEG is part of the ISO system of standards \u2013 the system supported and maintained by the <strong>International Organisation for Standardisation<\/strong>. ISO is the most respected standard-setting international body, and it is comprised of representatives from various national bodies. In a nutshell, ISO standards are why your credit card will fit an ATM in Hanoi and Halifax both \u2013 and that\u2019s just a small part of what the organisation does.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]JPEG stands for the <strong>Joint Photographic Experts Group<\/strong>, the ISO committee which created the standard for encoding. The standard itself is the codec \u2013 how an image is compressed into bytes and decompressed for display \u2013 rather than the file format.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]JPEG is <strong>a widely recognized and broadly applied standard<\/strong>, especially for high-quality, colourful images, as it supports over 16 million colours displayed using the RGB colour model. JPEG is used not only in computers, tablets, and mobile devices, but also digital cameras.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"difference-between-jpg-and-jpeg-file-formats\"><\/a>What is the Difference Between <em>.jpg<\/em> and <em>.jpeg<\/em> File Formats<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"553\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-the-Difference-Between-.jpg-and-.jpeg-File-Formats.jpg\" class=\"attachment-full size-full\" alt=\"What is the Difference Between .jpg and .jpeg File Formats\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-the-Difference-Between-.jpg-and-.jpeg-File-Formats.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-the-Difference-Between-.jpg-and-.jpeg-File-Formats-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-the-Difference-Between-.jpg-and-.jpeg-File-Formats-768x438.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-the-Difference-Between-.jpg-and-.jpeg-File-Formats-620x354.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Unexpectedly, when comparing <em>.jpg<\/em> to <em>.jpeg<\/em>, one arrives at the conclusion that <strong>the only difference is the number of characters in the extension.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The reason why the extension <em>.jpg<\/em> exists at all is due to the earlier versions of the file systems used at the time of the establishment of the standard. Specifically, Microsoft-developed<strong> file systems operated at a maximum of three letters for file name extensions<\/strong>, and this necessitated the shortening of the file name extension from <em>.jpeg<\/em> to <em>.jpg<\/em>. At the same time, Mac- and Linux-based systems kept employing the <em>.jpeg<\/em> extension.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Modern Microsoft-developed systems support file extensions of three or four letters, whereby the problem is eliminated. If you were to load a <em>.jpg<\/em> image and save it as a <em>.jpeg<\/em>, you wouldn\u2019t be able to find any differences between the two, regardless of the file system your device is using.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We can more or less safely conclude, then, that the<em> .jpg<\/em> vs <em>.jpeg<\/em> battle of the titans is a tie.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"what-is-jpeg-2000\"><\/a>What is a JPEG 2000<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"553\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-a-JPEG-2000.jpg\" class=\"attachment-full size-full\" alt=\"What is a JPEG 2000\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-a-JPEG-2000.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-a-JPEG-2000-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-a-JPEG-2000-768x438.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-is-a-JPEG-2000-620x354.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you are using any kind of <a href=\"https:\/\/qodeinteractive.com\/magazine\/photoshop-effects-for-creative-web-design\/\">graphics editing software<\/a>, you are likely aware of the ability to <strong>save an image as a JPEG 2000 file<\/strong>. The JPEG 2000 format is an updated version of the original standard. The updated version of the encoding standard <strong>uses lossless compression to encode image data into bits, as well as lossy<\/strong>, which is the characteristic of the previous version of the standard.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You may be tempted to take this to mean that the JPEG 2000 format is better all around and switch to it entirely, but there are two things you should take into account. The first is browser support: the format is <strong>only fully tested and accepted by Safari<\/strong>, and can therefore cause issues when accessed by other browsers. The second is that, while the new format supports lossless conversion, it <strong>still uses lossy conversion<\/strong>, too. This is to say that a JPEG 2000 image is not necessarily better than a <em>.jpg<\/em> or <em>.jpeg<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"characteristics-of-jpg-or-jpeg-image\"><\/a>What are the Characteristics of a <em>.jpg<\/em> Or <em>.jpeg<\/em> Image<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"553\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-are-the-Characteristics-of-a-.jpg-Or-.jpeg-Image.jpg\" class=\"attachment-full size-full\" alt=\"What are the Characteristics of a .jpg Or .jpeg Image\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-are-the-Characteristics-of-a-.jpg-Or-.jpeg-Image.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-are-the-Characteristics-of-a-.jpg-Or-.jpeg-Image-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-are-the-Characteristics-of-a-.jpg-Or-.jpeg-Image-768x438.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/What-are-the-Characteristics-of-a-.jpg-Or-.jpeg-Image-620x354.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Certain characteristics define the <em>.jpg<\/em>, or <em>.jpeg<\/em> format. We will discuss them in this section. For the purposes of brevity, we will be using the terms interchangeably throughout.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Raster Image<\/h3>\n<p>[\/vc_column_text][vc_column_text]Computer graphics can be raster images or vector images. A <strong><em>.jpg<\/em> is a raster image<\/strong>. This means that it is a bitmap: a grid of pixels, each one encoded with one of the 16 million colours supported, which, when viewed as a whole, presents as an image to the human eye.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]There are consequences to this: a raster image <strong>cannot be scaled indefinitely<\/strong> without loss in quality, making raster formats best suited for photographs and scans, but not great for any content which needs to be zoomable or scaled without exposing pixelation. This is why fonts, which are meant to be scaled for various purposes, are vector graphics, for instance.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Lossy Compression<\/h3>\n<p>[\/vc_column_text][vc_column_text]Lossy compression means that <strong>some information is lost when encoding an image<\/strong> into the <em>.jpeg<\/em> file format. This is to keep the file sizes smaller, and, consequently, loading times shorter.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The format also lends itself well to <a href=\"https:\/\/qodeinteractive.com\/magazine\/best-photography-websites\/\">digital photography<\/a>, because the huge number of colours supported keeps the colour gradations appearing seamless and light quality intact, while the lines are blurry and show pixelation when zoomed in.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Web and Digital Photography Standard<\/h3>\n<p>[\/vc_column_text][vc_column_text]For reasons discussed above, the <em>.jpg<\/em> format is the<strong> industry standard in both digital photography and online media<\/strong>. We have explained what makes a <em>.jpeg<\/em> great for storing digital photographs. The combination of file size and image quality, however, also makes it great for online image content. Raster images, including <em>.jpg<\/em>, are the industry standard, with JPEG 2000 only making slow inroads so far.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">In Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]As you can see, there is a great deal of <em>.jpg<\/em> vs <em>.jpeg<\/em> confusion, not to mention what the JPEG encoding standard actually is, which one is better for which purpose, and how does the JPEG 2000 format figure in the whole story. However, we believe that this article sets the record straight: the <em>.jpg<\/em> vs <em>.jpeg<\/em> dilemma isn\u2018t something that should concern you, unless you care a great deal about how many letters your file extensions have. The JPEG 2000 format is another story, and you should be wary of using it on your website, at least until such time as it is supported by the most commonly used browsers.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Ever wondered which is the best image format for your WordPress website? Get our take on the JPG vs JPEG dilemma.<\/p>\n","protected":false},"author":16990,"featured_media":37316,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[257,112,4],"class_list":["post-37307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-resources","tag-blog","tag-portfolio","tag-tips"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/37307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/16990"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=37307"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/37307\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/37316"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=37307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=37307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=37307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}