]> granicus.if.org Git - imagemagick/blobdiff - www/command-line-processing.html
(no commit message)
[imagemagick] / www / command-line-processing.html
index 4d0144364bcbc6386f77adc6c26ce9ab311e8ae5..18a6f5a3fafadfec82c78cb2b79f20f04083e10a 100644 (file)
@@ -1,15 +1,15 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"\r
-    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">\r
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" \r
+  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">\r
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">\r
 <head>\r
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>\r
   <meta name="verify-v1" content="g222frIIxcQTrvDR3NBRUSKP3AnMNoqxOkIniCEkV7U="/>\r
-  <title>ImageMagick: Command-line Processing</title/>
+  <title>ImageMagick: Command-line Processing</title>
   <meta http-equiv="Content-Language" content="en-US"/>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <meta http-equiv="Reply-to" content="magick-users@imagemagick.org"/>
   <meta name="Application-name" content="ImageMagick"/>
-  <meta name="Description" content="ImageMagick® is a software suite to create, edit, and compose bitmap images. It can read, convert and write images in a variety of formats (about 100) including GIF, JPEG, JPEG-2000, PNG, PDF, PhotoCD, TIFF, and DPX. Use ImageMagick to translate, flip, mirror, rotate, scale, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves.  ImageMagick is free software delivered as a ready-to-run binary distribution or as source code that you can freely use, copy, modify, and distribute. Its license is compatible with the GPL. It runs on all major operating systems.  The functionality of ImageMagick is typically utilized from the command line or you can use the features from programs written in your favorite programming language. Choose from these interfaces: MagickCore (C), MagickWand (C), ChMagick (Ch), Magick++ (C++), JMagick (Java), L-Magick (Lisp), PascalMagick (Pascal), PerlMagick (Perl), MagickWand for PHP (PHP), PythonMagick (Python), RMagick (Ruby), or TclMagick (Tcl/TK). With a language interface, use ImageMagick to modify or create images automagically and dynamically."/>
+  <meta name="Description" content="Use ImageMagick to convert, edit, or compose bitmap images in a variety of formats.  In addition resize, rotate, shear, distort and transform images."/>
   <meta name="Application-url" content="http://www.imagemagick.org"/>
   <meta name="Generator" content="PHP"/>
   <meta name="Keywords" content="command-line, processing, ImageMagick, ImageMagic, MagickCore, MagickWand, PerlMagick, Magick++, RMagick, PythonMagick, JMagick, TclMagick, Image, Magick, Magic, Wand, ImageMagickObject, Swiss, Army, Knife, Image, Processing"/>
   <meta name="Author" content="ImageMagick Studio LLC"/>
   <meta name="Revisit-after" content="2 DAYS"/>
   <meta name="Resource-type" content="document"/>
-  <meta name="Copyright" content="Copyright (c) 1999-2010 ImageMagick Studio LLC"/>
+  <meta name="Copyright" content="Copyright (c) 1999-2011 ImageMagick Studio LLC"/>
   <meta name="Distribution" content="Global"/>
-  <link rel="icon" href="../images/wand.png"  sizes="32x32"/>
+  <link rel="icon" href="../images/wand.png"/>
   <link rel="shortcut icon" href="../images/wand.ico"  type="images/x-icon"/>
   <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf"/>\r
+  <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />\r
   <style type="text/css" media="all">\r
     @import url("../www/magick.css");\r
   </style>\r
+  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>\r
+  <script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.pack.js"></script>\r
+  <link rel="stylesheet" type="text/css" href="../fancybox/jquery.fancybox-1.3.4.css" media="screen" />\r
+  <script type="text/javascript">\r
+    $(document).ready(function() {\r
+      $("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox({\r
+        'transitionIn'  : 'elastic',\r
+        'transitionOut' : 'elastic',\r
+        'overlayShow'   : false,\r
+        'opacity'       : true\r
+      });\r
+    });\r
+  </script>\r
 </head>\r
 \r
 <body id="www-imagemagick-org">\r
   style="width: 350px; height: 60px; margin: 28px auto; float: left;" /></a>\r
 <a href="http://www.networkredux.com">\r
   <img src="../images/networkredux.png" alt="[sponsor]"\r
-  style="margin: 45px auto; border: 0px; float: left;" /></a>\r
+  style="margin-top: 42px; border: 0px; float: left;" /></a>\r
 <a href="http://www.imagemagick.org/discourse-server/">\r
-  <img src="../images/logo.jpg" alt=""\r
-  style="width: 114px; height: 118px; border: 0px; float: right;" /></a>\r
+  <img src="../images/logo.jpg"\r
+  alt="ImageMagick Logo"\r
+  style="width: 123px; height: 118px; border: 0px; float: right;" /></a>\r
 <a href="../index.html">\r
-  <img src="../images/sprite.jpg" alt=""\r
+  <img src="../images/sprite.jpg"\r
+  alt="ImageMagick Sprite"\r
   style="width: 114px; height: 118px; border: 0px; float: right;" /></a>\r
 </div>\r
 \r
     <a title="Program Interface: PerlMagick" href="../www/perl-magick.html">PerlMagick</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: Magick++" href="../Magick++/">Magick++</a>
+    <a title="Program Interface: Magick++" href="../www/magick++.html">Magick++</a>
 </div>
 <div class="sep"></div>\r
 <div  class="menu">
 </div>
 <div class="sep"></div>\r
 <div class="menu">
-  <a title="Search" href="http://www.imagemagick.org/script/search.php">Search</a>
+  <a title="Search" href="../www/search.html">Search</a>
 </div>
 <div class="sep"></div>\r
 <div class="menu">
-  <a title="Site Map"href="../www/sitemap.html">Site Map</a>
+  <a title="Site Map" href="../www/sitemap.html">Site Map</a>
 </div>
 <div  class="sub">
-    <a title="Site Map: Links"href="../www/links.html">Links</a>
+  <a title="Site Map: Links" href="../www/links.html">Links</a>
 </div>
 <div class="sep"></div>\r
 <div  class="menu">
 
 <div class="sponsbox">
 <div  class="sponsor">
-   <a title="Sponsor: Free Catalogs" href="http://www.who-sells-it.com/">Free Catalogs</a><!-- 20120801000600 -->
+  <a title="Sponsor: Best Web Hosting" href="http://webhostinggeeks.com">Best Web Hosting</a><!-- 201110010720 -->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 201110010720 -->
+  <a title="Sponsor: Web Hosting Ratings" href="http://webhostingrating.com">Web Hosting Ratings</a><!-- 201110010720 -->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: Image Converter" href="http://www.batchphoto.com">Image Converter</a><!-- 201103010900 Bits Coffee-->
+  <a title="Sponsor: Druckerei" href="http://www.allesdruck.de">Druckerei</a><!-- 201106010240 -->
+</div>
+<div class="sponsor">
+  <a title="Sponsor: Web Hosting" href="http://www.bodhost.com/hosting.shtml">Web Hosting</a><!-- 201104010090 -->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: Flyer drucken" href="http://www.online-druck.biz">Flyer drucken</a><!-- 201109010900 Floeter-->
+  <a title="Sponsor: Image Converter" href="http://www.batchphoto.com">Image Converter</a><!-- 201103010900 Bits Coffee-->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: Webdesign Agentur" href="http://www.ventzke-partner.de">Webdesign Agentur</a><!-- 201101010480 invendio.de-->
+  <a title="Sponsor: Flyer drucken" href="http://www.online-druck.biz">Flyer drucken</a><!-- 201109010900 Floeter-->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: LVM Versicherung" href="http://www.neu-reich.de">LVM Versicherung</a><!-- 201101010480 -->
+  <a title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 201110010720 -->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: Diamonds are a Girls Best Friend" href="http://www.schmuck.org">Diamonds are a Girls Best Friend</a><!-- 201101010600 Peterssen-->
+   <a title="Sponsor: Custom T-Shirts" href="http://www.ooshirts.com">Custom T-Shirts</a><!-- 2011050100030 ooshirts.com-->
 </div>
 </div>
 </div>
 \r
 \r
 \r
+<h1>ImageMagick Command-line Processing</h1>
 <p class="navigation-index">[<a href="#anatomy">The Anatomy of the Command Line</a> &bull; <a href="#input">Input Filename</a> &bull; <a href="#setting">Image Setting</a> &bull; <a href="#operator">Image Operator</a> &bull; <a href="#sequence">Image Sequence Operator</a> &bull; <a href="#geometry">Image Geometry</a> &bull;  <a href="#stack">Image Stack</a> &bull; <a href="#output">Output Filename</a>]</p>
 
+<div class="doc-section">
+
 <p>The ImageMagick command line can be as simple as this.</p>
 
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert image.jpg image.png</span></p>
 <p>Without knowing much about the ImageMagick command line, you can probably figure out that the first command above converts an image in the JPEG format to one in the PNG format.  However, very few may realize the second, more complex command, gives a flat two-dimensional label a three-dimensional look with rich textures and simulated depth:</p>
 
 <div class="image">
-<p>
   <a href="../images/label.gif"><img src="../images/label.gif" width="78" height="53" alt="label" /></a>
 <img style="margin-top:16px; margin-bottom:17px;" src="../images/right.gif" width="20" height="20" alt="==>" />
   <a href="../images/button.gif">
   <img src="../images/button.gif" width="78" height="53" alt="button" /></a>
-</p>
 </div>
 
 <p class="warn">[ <em>A quick word about our formatting of commands:</em> The second example above is long enough that the command must be written across several lines, so we formatted it for clarity by inserting backslashes (<kbd>\</kbd>). The backslash is the Unix <em>line continuation</em> character. In the Windows shell, use a carat character (<kbd>^</kbd>) for line continuation. We use the Unix style on these web pages, as above. Sometimes, however, the lines are wrapped by your browser if the browser window is small enough, but the command lines, shown in white, are still intended to be typed as one line. Line continuation characters need not be entered. The <em>parentheses</em> that are <em>escaped</em> above using the backslash are not escaped in Windows. There are some other differences between Windows and Unix (involving quotation marks, for instance), but we'll discuss some of those issues later, as they arise. ]</p>
 <p>Here we show percent completion of a task as a shaded cylinder:</p>
 
 <div class="image">
-<p>
-  <img src="../images/cylinder_shaded.png" width="320" height="200" alt="Shaded Cylinder" /></a>
-</p>
+  <img src="../images/cylinder_shaded.png" width="320" height="200" alt="Shaded Cylinder" />
 </div>
 
 <p>Given the complexity of the rendering, you might be surprised it is accomplished by a single command-line:</p>
@@ -222,8 +240,10 @@ convert -size 320x90 xc:none -stroke snow4 -size 1x90 -tile gradient:white-snow4
 <p>In the next sections we dissect the anatomy of the ImageMagick command line.  Hopefully, after carefully reading and better understanding how the command line works, you should be able to accomplish complex image-processing tasks without resorting to the sometimes daunting <a href="../www/api.html">program interfaces</a>.</p>
 
 <p>See <a href="http://www.imagemagick.org/Usage/">Examples of ImageMagick Usage</a> for additional help when using ImageMagick from the command-line.</p>
+</div>
 
-<h2><a name="anatomy"></a>The Anatomy of the Command Line</h2>
+<h2><a id="anatomy"></a>The Anatomy of the Command Line</h2>
+<div class="doc-section">
 <p>The ImageMagick command line consists of</p>
 
 <ol>
@@ -233,52 +253,53 @@ convert -size 320x90 xc:none -stroke snow4 -size 1x90 -tile gradient:white-snow4
 <li>zero, one, or more image sequence operators.</li>
 <li>zero, one, or more image stacks.</li>
 <li>zero or one output image filenames (required by
-       <a href="../www/convert.html">convert</a>,
-       <a href="../www/composite.html">composite</a>,
-       <a href="../www/montage.html.html">montage.html</a>,
-       <a href="../www/compare.html">compare</a>,
-       <a href="../www/import.html">import</a>,
-       <a href="../www/conjure.html">conjure</a>).
-       </li>
+<a href="../www/convert.html">convert</a>,
+<a href="../www/composite.html">composite</a>,
+<a href="../www/montage.html.html">montage.html</a>,
+<a href="../www/compare.html">compare</a>,
+<a href="../www/import.html">import</a>,
+<a href="../www/conjure.html">conjure</a>).
+</li>
 </ol>
 
 <p>You can find a detailed explanation of each of the constituent parts of the command line in the sections that follow.</p>
+</div>
+
+<h2><a id="input"></a>Input Filename</h2>
+<div class="doc-section">
 
-<h2><a name="input"></a>Input Filename</h2>
+<p>ImageMagick extends the concept of an input filename to include:</p>
+<ul>
+<li>filename globbing</li>
+<li>an explicit image format</li>
+<li>using built-in images and patterns</li>
+<li>STDIN, STDOUT, and file descriptors</li>
+<li>selecting certain frames from an image</li>
+<li>selecting a region of an image</li>
+<li>forcing an inline image resize</li>
+<li>forcing an inline image crop</li>
+<li>using filename references</li>
+</ul>
+
+<p>These extensions are explained in the next few paragraphs.</p>
+
+<h3>Filename Globbing</h3>
 <div class="doc-section">
+<p>In Unix shells, certain characters such as the asterisk (<kbd>*</kbd>) and question mark (<kbd>?</kbd>) automagically cause lists of filenames to be generated based on pattern matches. This feature is known as globbing.  ImageMagick supports filename globbing for systems, such as Windows, that does not natively support it.  For example, suppose you want to convert <kbd>1.jpg</kbd>, <kbd>2.jpg</kbd>, <kbd>3.jpg</kbd>, <kbd>4.jpg</kbd>, and <kbd>5.jpg</kbd> in your current directory to a GIF animation.  You can conveniently  refer to all of the JPEG files with this command:
+</p>
+
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert *.jpg images.gif</span></p>
+</div>
 
-       <p>ImageMagick extends the concept of an input filename to include:</p>
-               <ul>
-               <li>filename globbing</li>
-               <li>an explicit image format</li>
-               <li>using built-in images and patterns</li>
-               <li>STDIN, STDOUT, and file descriptors</li>
-               <li>selecting certain frames from an image</li>
-               <li>selecting a region of an image</li>
-               <li>forcing an inline image resize</li>
-               <li>forcing an inline image crop</li>
-               <li>using filename references</li>
-               </ul>
-
-       <p>These extensions are explained in the next few paragraphs.</p>
-
-       <h3>Filename Globbing</h3>
-               <div class="doc-section">
-               <p>In Unix shells, certain characters such as the asterisk (<kbd>*</kbd>) and question mark (<kbd>?</kbd>) automagically cause lists of filenames to be generated based on pattern matches. This feature is known as globbing.  ImageMagick supports filename globbing for systems, such as Windows, that does not natively support it.  For example, suppose you want to convert <kbd>1.jpg</kbd>, <kbd>2.jpg</kbd>, <kbd>3.jpg</kbd>, <kbd>4.jpg</kbd>, and <kbd>5.jpg</kbd> in your current directory to a GIF animation.  You can conveniently  refer to all of the JPEG files with this command:
-               </p>
-
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert *.jpg images.gif</span></p>
-               </div>
-
-       <h3>Explicit Image Format</h3>
-               <div class="doc-section">
-               <p>Images are stored in a myriad of image formats including
+<h3>Explicit Image Format</h3>
+<div class="doc-section">
+<p>Images are stored in a myriad of image formats including
 the better known JPEG, PNG, TIFF and others.  ImageMagick must know the format
 of the image before it can be read and processed.  Most formats have a
 signature within the image that uniquely identifies the format.  Failing
 that, ImageMagick leverages the filename extension to determine the format. 
 For example, <kbd>image.jpg</kbd> or <kbd>image.JPG</kbd> tells ImageMagick
-it is reading an image in the JPEG format. </>
+it is reading an image in the JPEG format. </p>
 
                 <p>In some cases the image may not contain a signature
 and/or the filename does not identify the image format.  In these cases an
@@ -286,117 +307,121 @@ explicit image format must be specified.  For example, suppose our image
 is named <kbd>image</kbd> and contains raw red, green, and blue intensity
 values.  ImageMagick has no way to automagically determine the image format
 so we explicitly set one:
-               </p>
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 640x480 -depth 8 rgb:image image.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 640x480 -depth 8 rgb:image image.png</span></p>
   </div>
 
-       <h3>Built-in Images and Patterns</h3>
-               <div class="doc-section">
-               <p>ImageMagick has a number of built-in <a href="../www/formats.html#builtin-images">images</a> and <a href="../www/formats.html#builtin-patterns">patterns</a>.  To utilize the checkerboard pattern, for example, use:
-               </p>
+<h3>Built-in Images and Patterns</h3>
+<div class="doc-section">
+<p>ImageMagick has a number of built-in <a href="../www/formats.html#builtin-images">images</a> and <a href="../www/formats.html#builtin-patterns">patterns</a>.  To utilize the checkerboard pattern, for example, use:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 640x480 pattern:checkerboard checkerboard.png</span></p>
-               </div>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 640x480 pattern:checkerboard checkerboard.png</span></p>
+</div>
 
-       <h3>STDIN, STDOUT, and file descriptors</h3>
-               <div class="doc-section">
-               <p>Unix and Windows permit the output of one command to be piped to the input of another. ImageMagick permits image data to be read and written from the <a href="http://en.wikipedia.org/wiki/Standard_streams">standard streams</a> STDIN (<em>standard in</em>) and STDOUT (<em>standard out</em>), respectively, using a pseudo-filename of <kbd>-</kbd>.  In this example we pipe the output of
-                 <a href="../www/convert.html">convert</a> to the <a href="../www/display.html">display</a> program:
-               </p>
+<h3>STDIN, STDOUT, and file descriptors</h3>
+<div class="doc-section">
+<p>Unix and Windows permit the output of one command to be piped to the input of another. ImageMagick permits image data to be read and written from the <a href="http://en.wikipedia.org/wiki/Standard_streams">standard streams</a> STDIN (<em>standard in</em>) and STDOUT (<em>standard out</em>), respectively, using a pseudo-filename of <kbd>-</kbd>.  In this example we pipe the output of
+  <a href="../www/convert.html">convert</a> to the <a href="../www/display.html">display</a> program:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: gif:- | display gif:-</span></p>
-               <p>The second explicit format "<kbd>gif:</kbd>" is optional in the preceding example.  The GIF image format has a unique signature within the image so ImageMagick's <a href="../www/display.html">display</a>           command can readily recognize the format as GIF.  The <a href="../www/convert.html">convert</a> program also accepts STDIN as input in this way:
-               </p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: gif:- | display gif:-</span></p>
+<p>The second explicit format "<kbd>gif:</kbd>" is optional in the preceding example.  The GIF image format has a unique signature within the image so ImageMagick's <a href="../www/display.html">display</a> command can readily recognize the format as GIF.  The <a href="../www/convert.html">convert</a> program also accepts STDIN as input in this way:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert rose: gif:- | convert - -resize "200%" bigrose.jpg</span></p>
-               <p>Other pipes can be accessed via their <em>file descriptors</em> (as of version 6.4.9-3). The file descriptors 0, 1, and 2 are reserved for the standard streams STDIN, STDOUT, and STDERR, respectively, but a pipe associated with a file descriptor number <em>N</em>&gt;2 can be accessed using the pseudonym <kbd>fd:</kbd><em>N</em>. (The pseudonyms <kbd>fd:0</kbd> and <kbd>fd:1</kbd> can be used for STDIN and STDOUT.) The next example shows how to append image data piped from files with  descriptors 3 and 4 and direct the result to the file with descriptor number 5.
-               </p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert rose: gif:- | convert - -resize "200%" bigrose.jpg</span></p>
+<p>Other pipes can be accessed via their <em>file descriptors</em> (as of version 6.4.9-3). The file descriptors 0, 1, and 2 are reserved for the standard streams STDIN, STDOUT, and STDERR, respectively, but a pipe associated with a file descriptor number <em>N</em>&gt;2 can be accessed using the pseudonym <kbd>fd:</kbd><em>N</em>. (The pseudonyms <kbd>fd:0</kbd> and <kbd>fd:1</kbd> can be used for STDIN and STDOUT.) The next example shows how to append image data piped from files with  descriptors 3 and 4 and direct the result to the file with descriptor number 5.
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert fd:3 fd:4 -append fd:5</span></p>
-               <p>When needed, explicit image formats can be given as mentioned earlier, as in the following.
-               </p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert fd:3 fd:4 -append fd:5</span></p>
+<p>When needed, explicit image formats can be given as mentioned earlier, as in the following.
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert gif:fd:3 jpg:fd:4 -append tif:fd:5</span></p>
-               </div>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert gif:fd:3 jpg:fd:4 -append tif:fd:5</span></p>
+</div>
 
-       <h3>Selecting Frames</h3>
-               <div class="doc-section">
-               <p>Some images formats contain more than one image frame.  Perhaps you only want the first image, or the last, or some number of images in-between.  You can specify which image frames to read by appending the image filename with the frame range enclosed in brackets.  Here our image (an animated GIF) contains more than one frame but we only want the first:
-               </p>
+<h3>Selecting Frames</h3>
+<div class="doc-section">
+<p>Some images formats contain more than one image frame.  Perhaps you only want the first image, or the last, or some number of images in-between.  You can specify which image frames to read by appending the image filename with the frame range enclosed in brackets.  Here our image (an animated GIF) contains more than one frame but we only want the first:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert 'images.gif[0]' image.png</span></p>
-               <p class="warn">[Unix shells generally interpret brackets so we enclosed the filename in quotes above.
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert 'images.gif[0]' image.png</span></p>
+<p class="warn">[Unix shells generally interpret brackets so we enclosed the filename in quotes above.
 In a Windows command shell the brackets are not interpreted but using quotes doesn't hurt. However, in most cases the roles of single-quotes and double-quotes are reversed with respect to Unix and Windows, so Windows users should usually try double-quotes where we display single-quotes, and vice versa.]
-               </p>
+</p>
 
-               <p>You can read more than one image from a sequence with a frame range.  For example, you can extract the first four frames of an image sequence:
-               </p>
+<p>You can read more than one image from a sequence with a frame range.  For example, you can extract the first four frames of an image sequence:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert 'images.gif[0-3]' images.mng</span></p>
-               <p>Finally, you can read more than one image from a sequence, out-of-order. The next command gets the third image in the sequence, followed by the second, and then the fourth:
-               </p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert 'images.gif[0-3]' images.mng</span></p>
+<p>Finally, you can read more than one image from a sequence, out-of-order. The next command gets the third image in the sequence, followed by the second, and then the fourth:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert 'images.gif[3,2,4]' images.mng</span></p>
-               <p>Notice that in the last two commands, a single image is written. The output in this case, where the image type is MNG, is a multi-frame file because the MNG format supports multiple frames. Had the output format been JPG, which only supports single frames, the output would have consisted of separate frames. More about that below, in the section about the <a href="#output">Output Filename</a>.
-               </p>
-               </div>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert 'images.gif[3,2,4]' images.mng</span></p>
+<p>Notice that in the last two commands, a single image is written. The output in this case, where the image type is MNG, is a multi-frame file because the MNG format supports multiple frames. Had the output format been JPG, which only supports single frames, the output would have consisted of separate frames. More about that below, in the section about the <a href="#output">Output Filename</a>.
+</p>
+</div>
 
-       <h3>Selecting an Image Region</h3>
-               <div class="doc-section">
-               <p>Raw images are a sequence of color intensities without additional meta information such as width, height, or image signature.  With raw image formats, you must specify the image width and height but you can also specify a region of the image to read.  In our example, the image is in the raw 8-bit RGB format and is 6000 pixels wide and 4000 pixels high.  However, we only want a region of 600 by 400 near the center of the image:
-               </p>
+<h3>Selecting an Image Region</h3>
+<div class="doc-section">
+<p>Raw images are a sequence of color intensities without additional meta information such as width, height, or image signature.  With raw image formats, you must specify the image width and height but you can also specify a region of the image to read.  In our example, the image is in the raw 8-bit RGB format and is 6000 pixels wide and 4000 pixels high.  However, we only want a region of 600 by 400 near the center of the image:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 6000x4000 -depth 8 \ <br/> 'rgb:image[600x400+1900+2900]' image.jpg</span></p>
-               <p>
-                 You can get the same results with the <a href="../www/command-line-options.html#extract">&#x2011;extract</a> option:
-               </p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 6000x4000 -depth 8 \ <br/> 'rgb:image[600x400+1900+2900]' image.jpg</span></p>
+<p>
+  You can get the same results with the <a href="../www/command-line-options.html#extract">&#x2011;extract</a> option:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 6000x4000 -depth 8 \ <br/> -extract 600x400+1900+2900 rgb:image image.jpg</span></p>
-               </div>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 6000x4000 -depth 8 \ <br/> -extract 600x400+1900+2900 rgb:image image.jpg</span></p>
+</div>
 
-       <h3>Inline Image Resize</h3>
-               <div class="doc-section">
-               <p>It is sometimes convenient to resize an image as they are read.  Suppose you have hundreds of large JPEG images you want to convert to a sequence of PNG thumbails:
-               </p>
+<h3>Inline Image Resize</h3>
+<div class="doc-section">
+<p>It is sometimes convenient to resize an image as they are read.  Suppose you have hundreds of large JPEG images you want to convert to a sequence of PNG thumbails:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert '*.jpg' -resize 120x120 thumbnail%03d.png</span></p>
-               <p>Here <em>all</em> the images are read and subsequently
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert '*.jpg' -resize 120x120 thumbnail%03d.png</span></p>
+<p>Here <em>all</em> the images are read and subsequently
 resized.  It is faster and less resource intensive to resize each image it
 is read:
-               </p>
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert '*.jpg[120x120]' thumbnail%03d.png</span></p>
-               </div>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert '*.jpg[120x120]' thumbnail%03d.png</span></p>
+</div>
 
-       <h3>Inline Image Crop</h3>
-               <div class="doc-section">
-               <p>It is sometimes convenient to crop an image as they are read.  Suppose you have hundreds of large JPEG images you want to convert to a sequence of PNG thumbails:
-               </p>
+<h3>Inline Image Crop</h3>
+<div class="doc-section">
+<p>It is sometimes convenient to crop an image as they are read.  Suppose you have hundreds of large JPEG images you want to convert to a sequence of PNG thumbails:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert '*.jpg' -crop 120x120+10+5 thumbnail%03d.png</span></p>
-               <p>Here <em>all</em> the images are read and subsequently cropped.  It is faster and less resource-intensive to crop each image as it is read:
-               </p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert '*.jpg' -crop 120x120+10+5 thumbnail%03d.png</span></p>
+<p>Here <em>all</em> the images are read and subsequently cropped.  It is faster and less resource-intensive to crop each image as it is read:
+</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert '*.jpg[120x120+10+5]' thumbnail%03d.png</span></p>
-               </div>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert '*.jpg[120x120+10+5]' thumbnail%03d.png</span></p>
+</div>
 
-       <h3>Filename References</h3>
-               <div class="doc-section">
-               <p>There are two methods to use a filename to reference other image filenames.
-               The first is with '<kbd>@</kbd>' which reads image filenames from the specified file.  Assume the file <kbd>myimages.txt</kbd> consists of a list of filenames, like so:
-               </p>
+<h3>Filename References</h3>
+<div class="doc-section">
+<p>There are two methods to use a filename to reference other image filenames.
+The first is with '<kbd>@</kbd>' which reads image filenames separated by white space from the specified file.  Assume the file <kbd>myimages.txt</kbd> consists of a list of filenames, like so:
+</p>
 
-               <p class="text">
-                 frame001.jpg  <br/>
-                 frame002.jpg  <br/>
-                 frame003.jpg  <br/>
+<pre class="text">
+  frame001.jpg
+  frame002.jpg
+  frame003.jpg
+</pre>
 
-               </p>
+<p>We then expect this command:</p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert @myimages.txt mymovie.gif</span></p><p>to read the images <kbd>frame001.jpg</kbd>, <kbd>frame002.jpg</kbd>, and <kbd>frame003.jpg</kbd> and convert them to a GIF image sequence.  </p>
+<p>If the image path includes one or more spaces, enclose the path in quotes:</p>
+<pre class="text">
+  'my title.jpg'
+</pre>
 
-               <p>Then with the following command, ImageMagick reads the images <kbd>image-1.jpg</kbd>, <kbd>image-2.jpg</kbd>, and <kbd>image-3.jpg</kbd>.  </p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert @myimages.txt mymovie.gif</span></p>
     <p>Some ImageMagick command-line options may exceed the capabilities of
 your command line processor.  Windows, for example, limits command lines
 to 8192 characters.  If, for example, you have a draw option with polygon
@@ -404,27 +429,27 @@ points that exceed the command-line length limit, put the draw option instead
 in a file and reference the file with
 the <kbd>@</kbd> (e.g. <kbd>@mypoly.txt</kbd>).</p>
 
-               <p>Another method of referring to other image files is by
+<p>Another method of referring to other image files is by
 embedding a formatting character in the filename with a scene range.  Consider
 the filename <kbd>image-%d.jpg[1-5]</kbd>. The command</p>
 
-               <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert image-%d.jpg[1-5]</span></p>
-               <p>causes ImageMagick to attempt to read images with these filenames:
-               </p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert image-%d.jpg[1-5]</span></p>
+<p>causes ImageMagick to attempt to read images with these filenames:
+</p>
 
-               <p class="text">
-                 image-1.jpg <br/>
-                 image-2.jpg <br/>
-                 image-3.jpg <br/>
-                 image-4.jpg <br/>
-                 image-5.jpg
-               </p>
+<pre class="text">
+  image-1.jpg
+  image-2.jpg
+  image-3.jpg
+  image-4.jpg
+  image-5.jpg
+</pre>
 
-               </div>
+</div>
 </div>
 
 
-<h2><a name="setting"></a>Image Setting</h2>
+<h2><a id="setting"></a>Image Setting</h2>
 <div class="doc-section">
 
 <p>An image setting persists as it appears on the command line and may affect
@@ -441,7 +466,7 @@ is reset or the command line terminates.  The image settings include:</p>
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -channel RGB wand.png wizard.png images.png</span></p>
 </div>
 
-<h2><a name="operator"></a>Image Operator</h2>
+<h2><a id="operator"></a>Image Operator</h2>
 <div class="doc-section">
 
 <p>An image operator differs from a setting in that it affects the image
@@ -460,7 +485,7 @@ include:</p>
 
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert wand.png -negate wizard.png images.png</span></p></div>
 
-<h2><a name="sequence"></a>Image Sequence Operator</h2>
+<h2><a id="sequence"></a>Image Sequence Operator</h2>
 <div class="doc-section">
 
 <p>An image sequence operator differs from a setting in that it affects an
@@ -471,7 +496,7 @@ these image sequence operators:</p>
 <a href="../www/command-line-options.html#append">&#x2011;append</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#affinity">&#x2011;affinity</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#average">&#x2011;average</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#clut">&#x2011;clut</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#coalesce">&#x2011;coalesce</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#combine">&#x2011;combine</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#composite">&#x2011;composite</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#crop">&#x2011;crop</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#debug">&#x2011;debug</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#deconstruct">&#x2011;deconstruct</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#delete">&#x2011;delete</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#evaluate-seqence">&#x2011;evaluate&#x2011;seqence</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#fft">&#x2011;fft</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#flatten">&#x2011;flatten</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#fx">&#x2011;fx</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#hald-clut">&#x2011;hald&#x2011;clut</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#ift">&#x2011;ift</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#identify">&#x2011;identify</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#insert">&#x2011;insert</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#layers">&#x2011;layers</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#limit">&#x2011;limit</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#map">&#x2011;map</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#maximum">&#x2011;maximum</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#minimum">&#x2011;minimum</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#morph">&#x2011;morph</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#mosaic">&#x2011;mosaic</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#optimize">&#x2011;optimize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#print">&#x2011;print</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#process">&#x2011;process</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#quiet">&#x2011;quiet</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#separate">&#x2011;separate</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#swap">&#x2011;swap</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#write">&#x2011;write</a> </p>
 </div>
 
-<h2><a name="geometry"></a>Image Geometry</h2>
+<h2><a id="geometry"></a>Image Geometry</h2>
 <div class="doc-section">
 
 <p>Many command-line options take a <em class="arg">geometry</em> argument
@@ -563,72 +588,72 @@ setting for more specifics.</p>
 
 
 <h3>Basic adjustments to width and height; the operators <kbd>%</kbd>, <kbd>^</kbd>, and <kbd>!</kbd> </h3>
-       <div class="doc-section">
-       <p>Here, just below, are a few simple examples of <em class="arg">geometry</em>, showing how it might be used as an argument to the <a href="../www/command-line-options.html#resize">&#x2011;resize</a> option. We'll use the internal image <kbd>logo:</kbd> for our input image.
-       <a href="../images/logo-fullsize.png">
-       This fine image</a> is 640&nbsp;pixels wide and 480&nbsp;pixels high. We say its <em>dimensions</em> are 640x480. When we give dimensions of an image, the width (the horizontal dimension) always precedes the height (the vertical dimension). This will be true when we speak of coordinates or <em>offsets</em> into an image, which will always be <em>x</em>&ndash;value followed by&nbsp;<em>y</em>. Just think of your high school algebra classes and the <em>xy</em>&ndash;plane. (Well, almost: our <em>y</em>&ndash;axis will always go downward!)
-       </p>
+<div class="doc-section">
+<p>Here, just below, are a few simple examples of <em class="arg">geometry</em>, showing how it might be used as an argument to the <a href="../www/command-line-options.html#resize">&#x2011;resize</a> option. We'll use the internal image <kbd>logo:</kbd> for our input image.
+<a href="../images/logo-fullsize.png">
+This fine image</a> is 640&nbsp;pixels wide and 480&nbsp;pixels high. We say its <em>dimensions</em> are 640x480. When we give dimensions of an image, the width (the horizontal dimension) always precedes the height (the vertical dimension). This will be true when we speak of coordinates or <em>offsets</em> into an image, which will always be <em>x</em>&ndash;value followed by&nbsp;<em>y</em>. Just think of your high school algebra classes and the <em>xy</em>&ndash;plane. (Well, almost: our <em>y</em>&ndash;axis will always go downward!)
+</p>
 
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '200%' bigWiz.png</span></p>
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '200x50%' longShortWiz.png</span></p>
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100x200' notThinWiz.png</span></p>
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100x200^' biggerNotThinWiz.png</span></p>
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100x200!' dochThinWiz.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '200%' bigWiz.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '200x50%' longShortWiz.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100x200' notThinWiz.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100x200^' biggerNotThinWiz.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100x200!' dochThinWiz.png</span></p>
 
-       <p>The first of the four commands is simple&mdash;it stretches both the width and height of the input image by <kbd>200%</kbd> in each direction; it magnifies the whole thing by a factor of two. The second command specifies different percentages for each direction, stretching the width to&nbsp;<kbd>200</kbd>% and squashing the height to&nbsp;<kbd>50%</kbd>. The resulting image (in this example) has dimensions 1280x240. Notice that the percent symbol needn't be repeated; the following are equivalent: <kbd>200x50%</kbd>, <kbd>200%x50</kbd>, <kbd>200%x50%</kbd>.
-       </p>
+<p>The first of the four commands is simple&mdash;it stretches both the width and height of the input image by <kbd>200%</kbd> in each direction; it magnifies the whole thing by a factor of two. The second command specifies different percentages for each direction, stretching the width to&nbsp;<kbd>200</kbd>% and squashing the height to&nbsp;<kbd>50%</kbd>. The resulting image (in this example) has dimensions 1280x240. Notice that the percent symbol needn't be repeated; the following are equivalent: <kbd>200x50%</kbd>, <kbd>200%x50</kbd>, <kbd>200%x50%</kbd>.
+</p>
 
-       <p>By default, the width and height given in a <em class="arg">geometry</em> argument are <em>maximum</em> values unless a percentage is specified. That is, the image is expanded or contracted to fit the specified width and height value while maintaining the <em>aspect ratio</em> (the ratio of its height to its width) of the image. For instance, the third command above "tries" to set the dimensions to <kbd>100x200</kbd>. Imagine gradually shrinking the original image (which is 640x480), keeping is aspect ratio constant, until it just fits into a 100x200 rectangle. Since the image is longer than it is tall, it will fit when its width shrinks to&nbsp;100 pixels. To preserve the aspect ratio, the height will therefore have to be (480/640)&times;100&nbsp;pixels=75&nbsp;pixels, so the final dimensions will be 100x75.</p>
+<p>By default, the width and height given in a <em class="arg">geometry</em> argument are <em>maximum</em> values unless a percentage is specified. That is, the image is expanded or contracted to fit the specified width and height value while maintaining the <em>aspect ratio</em> (the ratio of its height to its width) of the image. For instance, the third command above "tries" to set the dimensions to <kbd>100x200</kbd>. Imagine gradually shrinking the original image (which is 640x480), keeping is aspect ratio constant, until it just fits into a 100x200 rectangle. Since the image is longer than it is tall, it will fit when its width shrinks to&nbsp;100 pixels. To preserve the aspect ratio, the height will therefore have to be (480/640)&times;100&nbsp;pixels=75&nbsp;pixels, so the final dimensions will be 100x75.</p>
 
-       <p> Notice that in the previous example, at least one of the specified dimensions will be attained (in this case, the width, 100&nbsp;pixels). The resulting image fits snugly within the original. One can do just the opposite of this by invoking the <kbd>^</kbd>&nbsp;operator, as in the fourth example above. In that case, when <kbd>100x200^</kbd> is given as the argument, again at least one of the dimensions will be attained, but in this case the resulting image can snugly contain the original. Here the <em class="arg">geometry</em> argument gives <em>minimum</em> values. In our example, the height will become 200 and the width will be scaled to preserve the aspect ratio, becoming (640/480)&times;200&nbsp;pixels=267&nbsp;pixels. With the <kbd>^</kbd>&nbsp;operator, one of those dimensions will match the requested size, but the image will likely overflow the dimensions requested to preserve its aspect ratio. (The <kbd>^</kbd> feature is new as of IM&nbsp;6.3.8-2.)</p>
+<p> Notice that in the previous example, at least one of the specified dimensions will be attained (in this case, the width, 100&nbsp;pixels). The resulting image fits snugly within the original. One can do just the opposite of this by invoking the <kbd>^</kbd>&nbsp;operator, as in the fourth example above. In that case, when <kbd>100x200^</kbd> is given as the argument, again at least one of the dimensions will be attained, but in this case the resulting image can snugly contain the original. Here the <em class="arg">geometry</em> argument gives <em>minimum</em> values. In our example, the height will become 200 and the width will be scaled to preserve the aspect ratio, becoming (640/480)&times;200&nbsp;pixels=267&nbsp;pixels. With the <kbd>^</kbd>&nbsp;operator, one of those dimensions will match the requested size, but the image will likely overflow the dimensions requested to preserve its aspect ratio. (The <kbd>^</kbd> feature is new as of IM&nbsp;6.3.8-2.)</p>
 
-       <p>We see that ImageMagick is very good about preserving aspect ratios of images, to prevent distortion of your favorite photos and images. But you might really want the dimensions to be <kbd>100x200</kbd>, thereby stretching the image. In this case just tell ImageMagick you really mean it (!) by appending an exclamation operator to the geometry. This will force the image size to exactly what you specify. So, for example, if you specify <kbd>100x200!</kbd> the dimensions will become exactly 100x200 (giving a small, vertically elongated wizard).</p>
-       </div>
+<p>We see that ImageMagick is very good about preserving aspect ratios of images, to prevent distortion of your favorite photos and images. But you might really want the dimensions to be <kbd>100x200</kbd>, thereby stretching the image. In this case just tell ImageMagick you really mean it (!) by appending an exclamation operator to the geometry. This will force the image size to exactly what you specify. So, for example, if you specify <kbd>100x200!</kbd> the dimensions will become exactly 100x200 (giving a small, vertically elongated wizard).</p>
+</div>
 
 <h3>Bounding the width, height, and area; the operators <kbd>&gt;</kbd>, <kbd>&lt;</kbd>, and <kbd>@</kbd> </h3>
 <div class="doc-section">
-       <p>
-       Here are a few more examples:
-       </p>
+<p>
+Here are a few more examples:
+</p>
 
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100' wiz1.png</span></p>
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize 'x200' wiz2.png</span></p>
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100x200&gt;' wiz3.png</span></p>
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100x200&lt;' wiz4.png</span></p>
-       <p>If only one dimension is given it is taken to be the width. When only the width is specified, as in the first example above, the width is accepted as given and the height is chosen to maintain the aspect ratio of the input image. Similarly, if only the height is specified, as in the second example above, the height is accepted and the width is chosen to maintain the aspect ratio.</p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100' wiz1.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize 'x200' wiz2.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100x200&gt;' wiz3.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '100x200&lt;' wiz4.png</span></p>
+<p>If only one dimension is given it is taken to be the width. When only the width is specified, as in the first example above, the width is accepted as given and the height is chosen to maintain the aspect ratio of the input image. Similarly, if only the height is specified, as in the second example above, the height is accepted and the width is chosen to maintain the aspect ratio.</p>
 
 
-       <p>Use <kbd>&gt;</kbd> to change the dimensions of the image <em>only</em> if the original width or height is exeeded by one of the <em class="arg">geometry</em> specifications. Use <kbd>&lt;</kbd> to resize the image <em>only</em> if the original dimensions are more than the <em class="arg">geometry</em> specifications.  In either case, if a change is made, the result is as if the <kbd>&gt;</kbd> or <kbd>&gt;</kbd> operator was not present. So, in the third example above, we specified <kbd>100x200&gt;</kbd> and the original image size is 640x480, so the image size is reduced as if we had specified <kbd>100x200</kbd>. However, in the fourth example above, there will be no change to its size.</p>
+<p>Use <kbd>&gt;</kbd> to change the dimensions of the image <em>only</em> if the original width or height is exeeded by one of the <em class="arg">geometry</em> specifications. Use <kbd>&lt;</kbd> to resize the image <em>only</em> if the original dimensions are more than the <em class="arg">geometry</em> specifications.  In either case, if a change is made, the result is as if the <kbd>&gt;</kbd> or <kbd>&gt;</kbd> operator was not present. So, in the third example above, we specified <kbd>100x200&gt;</kbd> and the original image size is 640x480, so the image size is reduced as if we had specified <kbd>100x200</kbd>. However, in the fourth example above, there will be no change to its size.</p>
 
-       <p>Finally, use <kbd>@</kbd> to specify the maximum area in pixels of an image, again while attempting to preserve aspect ratio. (Pixels take only integer values, so some approximation is always at work.) In the following example, an area of 10000&nbsp;pixels is requested. The resulting file has dimensions 115x86, which has 9890&nbsp;pixels. </p>
+<p>Finally, use <kbd>@</kbd> to specify the maximum area in pixels of an image, again while attempting to preserve aspect ratio. (Pixels take only integer values, so some approximation is always at work.) In the following example, an area of 10000&nbsp;pixels is requested. The resulting file has dimensions 115x86, which has 9890&nbsp;pixels. </p>
 
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '@10000' wiz10000.png</span></p>
-       <p class="warn">Another word about the quotation marks: In all the examples above and below, we have enclosed the <em class="arg">geometry</em> arguments  within quotation marks. Doing so is optional in many cases, but not always. We <em>must</em> enclose the geometry specifications in quotation marks when using <kbd>&lt;</kbd> or <kbd>&gt;</kbd> to prevent these characters from being interpreted by the shell as <em>file redirection</em>. On Windows systems, the carat <kbd>^</kbd>&nbsp; needs to be within quotes, else it is ignored. To be safe, one should probably maintain a habit of enclosing all <em class="arg">geometry</em> arguments in quotes, as we have here.
-       </p>
-       </div>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -resize '@10000' wiz10000.png</span></p>
+<p class="warn">Another word about the quotation marks: In all the examples above and below, we have enclosed the <em class="arg">geometry</em> arguments  within quotation marks. Doing so is optional in many cases, but not always. We <em>must</em> enclose the geometry specifications in quotation marks when using <kbd>&lt;</kbd> or <kbd>&gt;</kbd> to prevent these characters from being interpreted by the shell as <em>file redirection</em>. On Windows systems, the carat <kbd>^</kbd>&nbsp; needs to be within quotes, else it is ignored. To be safe, one should probably maintain a habit of enclosing all <em class="arg">geometry</em> arguments in quotes, as we have here.
+</p>
+</div>
 
 <h3>Offsets in geometry</h3>
 <div class="doc-section">
-       <p>
-       Here are some examples to illustrate the use of <em>offsets</em> in <em class="arg">geometry</em> arguments. One typical use of offsets is in conjunction with the
-       <a href="../www/command-line-options.html#region">&#x2011;region</a> option. This option allows many other options to modify the pixels within a specified rectangular subregion of an image. As such, it needs to be given the width and height of that region, and also an <em>offset</em> into the image, which is a pair of coordinates that indicate the location of the region within the larger image. Below, in the first example, we specify a region of size <kbd>100x200</kbd> to be located at the <em>xy</em>&ndash;coordinates <em>x</em>=10,&nbsp;<em>y</em>=20. Let's use the usual algebraic notation (<em>x</em>,<em>y</em>)=(10,20), for convenience.
-       </p>
+<p>
+Here are some examples to illustrate the use of <em>offsets</em> in <em class="arg">geometry</em> arguments. One typical use of offsets is in conjunction with the
+<a href="../www/command-line-options.html#region">&#x2011;region</a> option. This option allows many other options to modify the pixels within a specified rectangular subregion of an image. As such, it needs to be given the width and height of that region, and also an <em>offset</em> into the image, which is a pair of coordinates that indicate the location of the region within the larger image. Below, in the first example, we specify a region of size <kbd>100x200</kbd> to be located at the <em>xy</em>&ndash;coordinates <em>x</em>=10,&nbsp;<em>y</em>=20. Let's use the usual algebraic notation (<em>x</em>,<em>y</em>)=(10,20), for convenience.
+</p>
 
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -region '100x200+10+20' -negate wizNeg1.png</span></p>
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -region '100x200-10+20' -negate wizNeg2.png</span></p>
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -gravity center -region '100x200-10+20' \ <br/> -negate wizNeg3.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -region '100x200+10+20' -negate wizNeg1.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -region '100x200-10+20' -negate wizNeg2.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -gravity center -region '100x200-10+20' \ <br/> -negate wizNeg3.png</span></p>
 
-       <p>Note that offsets always require +/&minus; signs. The offset is not actually a true location within the image; its coordinates must be added to some other location. Let's refer to that as the <em>current location</em>. In the first two examples above, though, that location is the upper-left hand corner of the image, which has coordinates (0,0). (That is the default situation when there are no other directives given to change it.) The first example above puts the <kbd>100x200</kbd> rectangle's own upper-left corner at (10,20). </p>
+<p>Note that offsets always require +/&minus; signs. The offset is not actually a true location within the image; its coordinates must be added to some other location. Let's refer to that as the <em>current location</em>. In the first two examples above, though, that location is the upper-left hand corner of the image, which has coordinates (0,0). (That is the default situation when there are no other directives given to change it.) The first example above puts the <kbd>100x200</kbd> rectangle's own upper-left corner at (10,20). </p>
 
-       <p>A negative offset can make sense in many cases. In the second example above, the offset is (-10,20), specified by <kbd>-10+20</kbd>. In that case, only the portion of the (virtual) rectangle obtained that lies within the image can be negated; here it is equivalent to specifying the geometry as <kbd>90x200+0+20</kbd>.</p>
+<p>A negative offset can make sense in many cases. In the second example above, the offset is (-10,20), specified by <kbd>-10+20</kbd>. In that case, only the portion of the (virtual) rectangle obtained that lies within the image can be negated; here it is equivalent to specifying the geometry as <kbd>90x200+0+20</kbd>.</p>
 
-       <p>In the third example above, the <a href="../www/command-line-options.html#gravity">&#x2011;gravity</a> setting precedes the others and sets the current location within the image at the very center of the image. In this case that is at pixel&nbsp;(320,240), since the size of the image is 640x480. This means that the offsets apply to that location, which thereby gets moved, in this case, to (320-10,240+20)=(310,260). But the <kbd>100x200</kbd> region itself is affected by the <a href="../www/command-line-options.html#gravity">&#x2011;gravity</a> setting, so instead of affecting its upper-left corner, the region's own center (at (+50,+100) within it) is determined. Therefore the center of the <kbd>100x200</kbd> rectangle is moved to (310,260). The negated rectangle's upper-left corner is now at (310-50,260-100)=(260,160).
-       </p>
-       </div>
+<p>In the third example above, the <a href="../www/command-line-options.html#gravity">&#x2011;gravity</a> setting precedes the others and sets the current location within the image at the very center of the image. In this case that is at pixel&nbsp;(320,240), since the size of the image is 640x480. This means that the offsets apply to that location, which thereby gets moved, in this case, to (320-10,240+20)=(310,260). But the <kbd>100x200</kbd> region itself is affected by the <a href="../www/command-line-options.html#gravity">&#x2011;gravity</a> setting, so instead of affecting its upper-left corner, the region's own center (at (+50,+100) within it) is determined. Therefore the center of the <kbd>100x200</kbd> rectangle is moved to (310,260). The negated rectangle's upper-left corner is now at (310-50,260-100)=(260,160).
+</p>
+</div>
 </div>
 
 
-<h2><a name="stack"></a>Image Stack</h2>
+<h2><a id="stack"></a>Image Stack</h2>
 <div class="doc-section">
 
 <p>In school, your teacher probably permitted you to work on problems on a scrap of paper and then copy the results to your test paper.  An image stack is similar.  It permits you to work on an image or image sequence in isolation and subsequently introduce the results back into the command line.  The image stack is delineated with parenthesis.  Image operators only affect images in the current stack.  For example, we can limit the image rotation to just the wizard image like this:</p>
@@ -654,7 +679,7 @@ above.</p>
 
 </div> <!-- end Image Stack section -->
 
-<h2><a name="output"></a>Output Filename</h2>
+<h2><a id="output"></a>Output Filename</h2>
 <div class="doc-section">
 
 <p>ImageMagick extends the concept of an output filename to include:</p>
@@ -667,47 +692,53 @@ above.</p>
 
 <p>Each of these extensions are explained in the next few paragraphs.</p>
 
-       <h3>Explicit Image Format</h3>
-       <div class="doc-section">
-         <p>Images can be stored in a mryiad of image formats including the better known JPEG, PNG, TIFF and others.  ImageMagick must know the desired format of the image before it is written.  ImageMagick leverages the filename extension to determine the format.  For example, <kbd>image.jpg</kbd> tells ImageMagick to write the image in the JPEG format.  In some cases the filename does not identify the image format.  In these cases, the image is written in the format it was originally read unless an explicit image format is specified.  For example, suppose we want to write our image to a filename of <kbd>image</kbd> in the raw red, green, and blue intensity format:
-         </p>
+<h3>Explicit Image Format</h3>
+<div class="doc-section">
+  <p>Images can be stored in a mryiad of image formats including the better known JPEG, PNG, TIFF and others.  ImageMagick must know the desired format of the image before it is written.  ImageMagick leverages the filename extension to determine the format.  For example, <kbd>image.jpg</kbd> tells ImageMagick to write the image in the JPEG format.  In some cases the filename does not identify the image format.  In these cases, the image is written in the format it was originally read unless an explicit image format is specified.  For example, suppose we want to write our image to a filename of <kbd>image</kbd> in the raw red, green, and blue intensity format:
+  </p>
+
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert image.jpg rgb:image</span></p>
+</div>
 
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert image.jpg rgb:image</span></p>
-       </div>
+<h3>Standard Out</h3>
+<div class="doc-section">
+  <p>Unix permits the output of one command to be piped to another.  ImageMagick permits piping one command to another with a filename of <kbd>-</kbd>.  In this example we pipe the output of <a href="../www/convert.html">convert</a> to the <a href="../www/display.html">display</a> program:
+  </p>
+
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: gif:- | display gif:-</span></p>
+<p>Here the explicit format is optional.  The GIF image format has a signature that uniquely identifies it so ImageMagick can readily recognize the format as GIF.
+</p>
+</div>
 
-       <h3>Standard Out</h3>
-       <div class="doc-section">
-         <p>Unix permits the output of one command to be piped to another.  ImageMagick permits piping one command to another with a filename of <kbd>-</kbd>.  In this example we pipe the output of <a href="../www/convert.html">convert</a> to the <a href="../www/display.html">display</a> program:
-         </p>
+<h3>Filename References</h3>
+<div class="doc-section">
+<p>Optionally, use an embedded formatting character to write a sequential image list.  Suppose our output filename is <kbd>image-%d.jpg</kbd> and our image list includes 3 images.  You can expect these images files to be written:
+</p>
 
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: gif:- | display gif:-</span></p>
-       <p>Here the explicit format is optional.  The GIF image format has a signature that uniquely identifies it so ImageMagick can readily recognize the format as GIF.
-       </p>
-       </div>
+<pre class="text">
+  image-0.jpg
+  image-1.jpg
+  image-2.jpg
+</pre>
 
-       <h3>Filename References</h3>
-       <div class="doc-section">
-       <p>Optionally, use an embedded formatting character to write a sequential image list.  Suppose our output filename is <kbd>image-%d.jpg</kbd> and our image list includes 3 images.  You can expect these images files to be written:
-       </p>
+<p>Or retrieve image properties to modify the image filename.  For example, the command
+</p>
 
-       <p class="text">
-               image-0.jpg <br/>
-               image-1.jpg <br/>
-               image-2.jpg
-       </p>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert rose: -set filename:area '%wx%h' \ <br/> 'rose-%[filename:area].png'</span></p>
+<p>writes an image with this filename:
+</p>
 
-       <p>Or retrieve image properties to modify the image filename.  For example, the command
-       </p>
+<pre class="text">
+  rose-70x46.png
+</pre>
 
-       <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert rose: -set filename:area '%wx%h' \ <br/> 'rose-%[filename:area].png'</span></p>
-       <p>writes an image with this filename:
-       </p>
+<p>Finally to convert multiple JPEG images to individual PDF pages, use:</p>
 
-       <p class="text">
-               rose-70x46.png
-       </p>
+<pre class="text">
+  convert *.jpg +adjoin page-%d.pdf
+</pre>
 
-       </div>
+</div>
 
 </div> <!-- end Output Filename section -->
 \r
@@ -722,7 +753,7 @@ above.</p>
     <span id="linkbar-east">&nbsp;</span>\r
   </div>\r
   <div class="footer">\r
-    <span id="footer-west">&copy; 1999-2010 ImageMagick Studio LLC</span>\r
+    <span id="footer-west">&copy; 1999-2011 ImageMagick Studio LLC</span>\r
     <span id="footer-east"> <a href="http://www.imagemagick.org/script/contact.php">Contact the Wizards</a></span>\r
   </div>\r
   <div style="clear: both; margin: 0; width: 100%; "></div>\r