{"id":2397,"date":"2020-07-20T11:45:19","date_gmt":"2020-07-20T09:45:19","guid":{"rendered":"http:\/\/ictknow-how.ch\/blog\/?p=2397"},"modified":"2023-12-12T13:46:03","modified_gmt":"2023-12-12T12:46:03","slug":"wie-wandelt-man-progressive-jpg-in-baseline-jpg-um","status":"publish","type":"post","link":"https:\/\/ictknow-how.ch\/blog\/2020\/07\/20\/wie-wandelt-man-progressive-jpg-in-baseline-jpg-um\/","title":{"rendered":"Wie wandelt man progressive JPG in baseline JPG um?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Es soll Ger\u00e4te geben, die k\u00f6nnen keine progressiven JPGs anzeigen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Aber was ist \u00fcberhaupt der Unterschied zwischen progressiven und baseline JPGs? <\/strong><br>Einfach ausgedr\u00fcckt bauen sich baseline JPGs zeilenweise von oben nach unten auf. Progressive JPGs stehen dagegen sofort in voller Gr\u00f6sse da, jedoch sehr unscharf und verpixelt. Das progressive Bild wird nach und nach feink\u00f6rniger und sch\u00e4rfer dargestellt.<br>Beispielbilder und detailliertere Erkl\u00e4rungen findet man z.B. <a href=\"https:\/\/oliver-kaestner.de\/posts\/baseline-vs-progressive-jpeg\/\" target=\"_blank\" rel=\"noreferrer noopener\">hier<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wie erkennt man, ob ein JPG \u00abprogressive\u00bb ist?<\/strong><br>Zum Beispiel, indem man es in <a rel=\"noreferrer noopener\" href=\"https:\/\/www.irfanview.com\/\" target=\"_blank\">IrfanView<\/a> l\u00e4dt. Dort dr\u00fcckt man die Taste <kbd class=\"keyboard-key nowrap KeybKey\">i<\/kbd> <br>(oder klickt mit der Maus auf das blaue &#8222;i&#8220; in der Symbolleiste) und kontrolliert dann in der vierten Eigenschaft <strong>Komprimierung:<\/strong> ob \u00abprogressive\u00bb angezeigt wird.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"484\" height=\"607\" src=\"https:\/\/ictknow-how.ch\/blog\/wp-content\/uploads\/2020\/07\/Progressive-1.png\" alt=\"\" class=\"wp-image-2399\" srcset=\"https:\/\/ictknow-how.ch\/blog\/wp-content\/uploads\/2020\/07\/Progressive-1.png 484w, https:\/\/ictknow-how.ch\/blog\/wp-content\/uploads\/2020\/07\/Progressive-1-239x300.png 239w\" sizes=\"auto, (max-width: 484px) 100vw, 484px\" \/><figcaption class=\"wp-element-caption\">Progressive JPG, Info aus IrfanView                                                                  <\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Wie wandelt man das \u00abprogressive\u00bb JPG in ein \u00abbaseline\u00bb JPG um?<\/strong><br>Ein einzelnes progressives JPG kann man in IrfanView mit <kbd class=\"keyboard-key nowrap KeybKey\">Ctrl<\/kbd> + <kbd class=\"keyboard-key nowrap KeybKey\">S<\/kbd> oder <br>Datei -&gt; Speichern neu abspeichern. <br>Dabei <strong>w\u00e4hlt<\/strong> man die erscheinende Option &#8222;Als Progressives-JPG speichern&#8220;<strong> AB<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"538\" src=\"https:\/\/ictknow-how.ch\/blog\/wp-content\/uploads\/2020\/07\/2020-07-20-11_21_42-JPEG_GIF-Speichern.png\" alt=\"\" class=\"wp-image-2400\" srcset=\"https:\/\/ictknow-how.ch\/blog\/wp-content\/uploads\/2020\/07\/2020-07-20-11_21_42-JPEG_GIF-Speichern.png 380w, https:\/\/ictknow-how.ch\/blog\/wp-content\/uploads\/2020\/07\/2020-07-20-11_21_42-JPEG_GIF-Speichern-212x300.png 212w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><figcaption class=\"wp-element-caption\">IrfanView Option &#8222;Als Progressives-JPG speichern&#8220; DEAKTIVIEREN                                                                                                <br>damit baseline JPG gespeichert wird                                                                                                   <\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Wie wandle ich progressive JPGs massenhaft in baseline JPGs um?<\/strong><br>Die Batch-Umwandlung ist in IrfanView ebenfalls m\u00f6glich, aber einigermassen umst\u00e4ndlich. Einfacher geht es mit dem Kommandozeilen-Tool <code>mogrify<\/code> aus der Bildbearbeitungs-Sammlung von <a rel=\"noreferrer noopener\" href=\"https:\/\/imagemagick.org\/script\/mogrify.php\" target=\"_blank\">ImageMagick<\/a>:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>mogrify -interlace none *.jpg<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Obigen Befehl tippt man in einem CMD-Befehlszeilenfenster ein und wandelt damit s\u00e4mtliche gefundenen *.jpg im aktuell ge\u00f6ffneten Verzeichnis in baseline Varianten um. <strong>ACHTUNG<\/strong>: Die Original-JPG-Bilder werden dabei am gleichen Ort mit den gleichen Namen \u00fcberschrieben, sind also nach der Umwandlung nur noch als neue baseline Variante vorhanden!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wer diesen Vorgang \u00fcber mehrere verschachtelte Unterverzeichnisse durchf\u00fchren will, der packt den obigen Befehl in einen FOR-Loop und tippt auf der CMD-Zeile:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>FOR \/R %f in (*.jpg) DO mogrify -interlace none \"%f\"<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ben\u00f6tigt man diesen Befehl \u00f6fter, dann schreibt man diese Zeile in eine Batch-Textdatei:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>FOR \/R %%f in (*.jpg) DO mogrify -interlace none \"%%f\"<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">und speichert diese Textdatei z.B. als \u00ab<code>WandleProgressiveJPGinBaselineJPG.cmd<\/code>\u00bb ab. Damit braucht man nur noch diese *.cmd-Datei in das Hauptverzeichnis der umzuwandelnden Bilder zu kopieren und per Doppelklick werden alle gefundenen progressiven JPG in baseline JPG umgewandelt. (Achtung: Nochmal der Hinweis, dass damit alle Original JPG \u00fcberschrieben werden).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn man seine Original JPG-Dateien in progressiver Variante behalten will, kopiert man sie am einfachsten zuerst in ein neues Verzeichnis und f\u00fchrt die Umwandlung nur im neuen Verzeichnis durch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Theoretisch kann man dem Befehl <code>mogrify<\/code> mit der Option <code>-path<\/code> auch einen Zielpfad angeben wo die umgewandelten JPG neu hingespeichert werden sollen (statt die Original JPG zu \u00fcberschrieben). Der Befehl daf\u00fcr lautet:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>FOR \/R %f in (*.jpg) DO mogrify -interlace none -path .\/ExistingOutputPath \"%f\"<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Entscheidend ist dabei, dass der angegebene <code>\/ExistingOutputPath<\/code> tats\u00e4chlich schon vor dem Umwandeln existieren muss &#8211; er wird nicht automatisch erstellt! <br>&#8222;Theoretisch&#8220; funktioniert das nur deshalb, weil zwar s\u00e4mtliche JPG aus allen Unterverzeichnissen umgewandelt werden, gespeichert werden sie aber dank der <code>-path<\/code> Angabe alle in diesem einzigen Zielpfad, egal wie tief verschachtelt das Original JPG urspr\u00fcnglich lag. Es werden wie gesagt keinerlei Zielpfade durch <code>mogrify<\/code> selber erstellt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr diejenigen, die eine solche L\u00f6sung auf einem USB-Stick &#8222;portabel&#8220; mitnehmen m\u00f6chten:<br>F\u00fcr die Umwandlung braucht es aus der ImageMagick-Sammlung mindestens diese beiden Dateien im gleichen Verzeichnis:<br>1.) <code>mogrify.exe<\/code><br>2.) <code>magic.xml<\/code><\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;2397&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;1&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;1&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;Rate this post&quot;,&quot;legend&quot;:&quot;1\\\/5 - (1 vote)&quot;,&quot;size&quot;:&quot;24&quot;,&quot;title&quot;:&quot;Wie wandelt man progressive JPG in baseline JPG um?&quot;,&quot;width&quot;:&quot;26.5&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 26.5px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 19.2px;\">\n            1\/5 - (1 vote)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Es soll Ger\u00e4te geben, die k\u00f6nnen keine progressiven JPGs anzeigen. Aber was ist \u00fcberhaupt der Unterschied zwischen progressiven und baseline JPGs? Einfach ausgedr\u00fcckt bauen sich baseline JPGs zeilenweise von oben nach unten auf. Progressive JPGs stehen dagegen sofort in voller Gr\u00f6sse da, jedoch sehr unscharf und verpixelt. Das progressive Bild wird nach und nach feink\u00f6rniger &#8230; <a title=\"Wie wandelt man progressive JPG in baseline JPG um?\" class=\"read-more\" href=\"https:\/\/ictknow-how.ch\/blog\/2020\/07\/20\/wie-wandelt-man-progressive-jpg-in-baseline-jpg-um\/\" aria-label=\"Mehr Informationen \u00fcber Wie wandelt man progressive JPG in baseline JPG um?\">Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[199,197,195,196,198],"class_list":["post-2397","post","type-post","status-publish","format-standard","hentry","category-software","tag-baseline-jpg","tag-for-loop","tag-imagemagick","tag-mogrify","tag-progressive-jpg"],"_links":{"self":[{"href":"https:\/\/ictknow-how.ch\/blog\/wp-json\/wp\/v2\/posts\/2397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ictknow-how.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ictknow-how.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ictknow-how.ch\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ictknow-how.ch\/blog\/wp-json\/wp\/v2\/comments?post=2397"}],"version-history":[{"count":0,"href":"https:\/\/ictknow-how.ch\/blog\/wp-json\/wp\/v2\/posts\/2397\/revisions"}],"wp:attachment":[{"href":"https:\/\/ictknow-how.ch\/blog\/wp-json\/wp\/v2\/media?parent=2397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ictknow-how.ch\/blog\/wp-json\/wp\/v2\/categories?post=2397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ictknow-how.ch\/blog\/wp-json\/wp\/v2\/tags?post=2397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}