]> granicus.if.org Git - imagemagick/blobdiff - www/composite.html
(no commit message)
[imagemagick] / www / composite.html
index a5b3a33d101ca0a0f8dbfb34420639adcbcbd3b0..a40958f7ea71a1d0857f421785a09dd6f7020996 100644 (file)
@@ -7,45 +7,56 @@
       xsi:schemaLocation="http://www.w3.org/1999/xhtml\r
                           http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd">\r
 <head>\r
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>\r
-  <meta name="verify-v1" content="g222frIIxcQTrvDR3NBRUSKP3AnMNoqxOkIniCEkV7U="/>\r
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>\r
+  <meta name="google-site-verification" content="MxsMq6bdLOx0KSuz1MY6yG9ZTIJ7_7DVRfl5NCAT5Yg"/>\r
   <title>ImageMagick: Command-line Tools: Composite</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="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, tools:, composite, ImageMagick, ImageMagic, MagickCore, MagickWand, PerlMagick, Magick++, RMagick, PythonMagick, JMagick, TclMagick, Image, Magick, Magic, Wand, ImageMagickObject, Swiss, Army, Knife, Image, Processing"/>
-  <meta name="Rating" content="GENERAL"/>
-  <meta name="Robots" content="INDEX, FOLLOW"/>
-  <meta name="Generator" content="ImageMagick Studio LLC"/>
-  <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-2011 ImageMagick Studio LLC"/>
-  <meta name="Distribution" content="Global"/>
+  <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="Use ImageMagick to convert, edit, or compose bitmap images in a variety of formats.  In addition resize, rotate, shear, distort and transform images automagically."/>
+  <meta name="application-url" content="http://www.imagemagick.org"/>
+  <meta name="generator" content="PHP"/>
+  <meta name="keywords" content="command-line, tools:, composite, ImageMagick, PerlMagick, image processing, OpenMP, software development library, image, photo, software, Magick++, MagickWand"/>
+  <meta name="rating" content="GENERAL"/>
+  <meta name="robots" content="INDEX, FOLLOW"/>
+  <meta name="generator" content="ImageMagick Studio LLC"/>
+  <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-2012 ImageMagick Studio LLC"/>
+  <meta name="distribution" content="Global"/>
   <link rel="icon" href="../images/wand.png"/>
   <link rel="shortcut icon" href="../images/wand.ico"  type="images/x-icon"/>
+  <link rel="canonical" href="http://www.imagemagick.org" />\r
   <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf"/>\r
+  <!-- Add jQuery library -->\r
+  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>\r
+  \r
+  <!-- Optionaly include easing and/or mousewheel plugins -->\r
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.easing-1.3.pack.js"></script>\r
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>\r
+  \r
+  <!-- Add fancyBox -->\r
+  <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" />\r
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.fancybox.pack.js?v=2.0.4"></script>\r
+  \r
+  <!-- Optionaly include button and/or thumbnail helpers -->\r
+  <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-buttons.css?v=2.0.4" type="text/css" media="screen" />\r
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-buttons.js?v=2.0.4"></script>\r
+  \r
+  <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-thumbs.css?v=2.0.4" type="text/css" media="screen" />\r
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-thumbs.js?v=2.0.4"></script>\r
+  <script type="text/javascript">\r
+       $(document).ready(function() {\r
+               $(".fancybox").fancybox();\r
+       });\r
+  </script>\r
+  <!-- ImageMagick style -->\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
@@ -63,7 +74,7 @@
     src="http://pagead2.googlesyndication.com/pagead/show_ads.js">\r
   </script>\r
 </div>\r
-<a href="http://www.imagemagick.org/discourse-server/">\r
+<a href="../discourse-server">\r
   <img src="../images/logo.jpg"\r
   alt="ImageMagick Logo"\r
   style="width: 123px; height: 118px; border: 0px; float: right;" /></a>\r
 <div class="menu">
   <a title="About ImageMagick" href="../index.html">About ImageMagick</a>
 </div>
-<div class="sep"></div>\r
 <div class="menu">
-  <a title="Binary Releases" href="../www/binary-releases.html">Binary Releases</a>
+  <a title="Binary Releases" href="binary-releases.html">Binary Releases</a>
 </div>
 <div class="sub">
-    <a title="Binary Release: Unix" href="../www/binary-releases.html#unix">Unix</a>
+    <a title="Binary Release: Unix" href="binary-releases.html#unix">Unix</a>
 </div>
 <div class="sub">
-    <a title="Binary Release: MacOS X" href="../www/binary-releases.html#macosx">Mac OS X</a>
+    <a title="Binary Release: MacOS X" href="binary-releases.html#macosx">Mac OS X</a>
 </div>
 <div class="sub">
-    <a title="Binary Release: iPhone" href="../www/binary-releases.html#iPhone">iPhone</a>
+    <a title="Binary Release: iOS" href="binary-releases.html#iOS">iOS</a>
 </div>
 <div class="sub">
-    <a title="Binary Release: Windows" href="../www/binary-releases.html#windows">Windows</a>
+    <a title="Binary Release: Windows" href="binary-releases.html#windows">Windows</a>
 </div>
 <div class="sep"></div>\r
 <div class="menu">
-  <a title="Command-line Tools" href="../www/command-line-tools.html">Command-line Tools</a>
+  <a title="Command-line Tools" href="command-line-tools.html">Command-line Tools</a>
 </div>
 <div class="sub">
-    <a title="Command-line Tools: Processing" href="../www/command-line-processing.html">Processing</a>
+    <a title="Command-line Tools: Processing" href="command-line-processing.html">Processing</a>
 </div>
 <div class="sub">
-    <a title="Command-line Tools: Options" href="../www/command-line-options.html">Options</a>
+    <a title="Command-line Tools: Options" href="command-line-options.html">Options</a>
 </div>
 <div class="sub">
     <a title="Command-line Tools: Usage" href="http://www.imagemagick.org/Usage/">Usage</a>
 </div>
 <div class="menu">
-  <a title="Program Interfaces" href="../www/api.html">Program Interfaces</a>
+  <a title="Program Interfaces" href="api.html">Program Interfaces</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: MagickWand" href="../www/magick-wand.html">MagickWand</a>
+    <a title="Program Interface: MagickWand" href="magick-wand.html">MagickWand</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: MagickCore" href="../www/magick-core.html">MagickCore</a>
+    <a title="Program Interface: MagickCore" href="magick-core.html">MagickCore</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: PerlMagick" href="../www/perl-magick.html">PerlMagick</a>
+    <a title="Program Interface: PerlMagick" href="perl-magick.html">PerlMagick</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: Magick++" href="../www/magick++.html">Magick++</a>
+    <a title="Program Interface: Magick++" href="magick++.html">Magick++</a>
 </div>
 <div class="sep"></div>\r
 <div  class="menu">
-   <a title="Install from Source" href="../www/install-source.html">Install from Source</a>
+   <a title="Install from Source" href="install-source.html">Install from Source</a>
 </div>
 <div class="sub">
-    <a title="Install from Source: Unix" href="../www/install-source.html#unix">Unix</a>
+    <a title="Install from Source: Unix" href="install-source.html#unix">Unix</a>
 </div>
 <div class="sub">
-    <a title="Install from Source: Windows" href="../www/install-source.html#windows">Windows</a>
+    <a title="Install from Source: Windows" href="install-source.html#windows">Windows</a>
  </div>
 <div class="menu">
-  <a title="Resources" href="../www/resources.html">Resources</a>
+  <a title="Resources" href="resources.html">Resources</a>
 </div>
 <div class="menu">
-  <a title="Architecture" href="../www/architecture.html">Architecture</a>
+  <a title="Architecture" href="architecture.html">Architecture</a>
 </div>
 <div class="menu">
-  <a title="Download" href="../www/download.html">Download</a>
+  <a title="Download" href="download.html">Download</a>
 </div>
 <div class="sep"></div>\r
 <div class="menu">
-  <a title="Search" href="../www/search.html">Search</a>
+  <a title="Search" href="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="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="links.html">Links</a>
 </div>
 <div class="sep"></div>\r
-<div  class="menu">
-  <a title="Sponsors" href="../www/sponsors.html">Sponsors:</a>
+<div class="menu">
+  <a rel="follow" title="Sponsors" href="sponsors.html">Sponsors:</a>
 
-<a href="http://www.networkredux.com">
-  <img src="../images/networkredux.png" alt="[sponsor]"
-  style="margin-top: 4px; margin-left: 4px; border: 0px; float: left;" /></a>
+  <a href="http://www.networkredux.com"> <img src="../images/networkredux.png" width="140" height="31" alt="[sponsor]" style="margin-top: 4px; margin-left: 4px; border: 0px; float: left;" /></a>
+  <a href="http://www.dinodirect.com/ipads-tablets/"> <img src="../images/dino-direct.jpg" width="140" height="90" alt="[sponsor]" style="margin-top: 4px; margin-left: 4px; border: 0px; float: left;" /></a><!-- 201208010120 mickey@163... -->
 <div class="sponsbox">
-<div  class="sponsor">
-  <a title="Sponsor: Website Hosting" href="http://www.hostreviewgeeks.com">Website Hosting</a><!-- 201109010090 alexanian media -->
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: The Fastest &amp; Easiest Way to Find Images" href="http://www.graphicsfactory.com">The Fastest &amp; Easiest Way to Find Images</a><!-- 201210010270 graphicsfac... -->
+</div>
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: VPS" href="http://www.interdominios.com/vps">VPS</a><!-- 201209010090 barsh@inter... -->
+</div>
+<div class="sponsor">
+  <a rel="follow" title="Werbebanner Werbeplane" href="http://www.allesbanner.de">Werbebanner Werbeplane</a><!-- 201212010450 info@druck... -->
+</div>
+<div class="sponsor">
+  <a rel="follow" title="Entertainment News &amp; Photos" href="http://www.zimbio.com">Entertainment News &amp; Photos</a><!-- 201211010540 bd@zimb... -->
+</div>
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: LED24" href="http://led24.de/">LED24</a><!-- 201207010270 info@led24... -->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Druckerei" href="http://www.allesdruck.de">Druckerei</a><!-- 201303011500 r.leo -->
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: Best Website Hosting" href="http://www.top-cheap-web-hosting.com">Best Website Hosting</a><!-- 201304010090 eunge.liu-->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Hotel München" href="http://www.messehotel-erb-muenchen.de">Hotel München</a><!-- 201111010450 cerb -->
+<div class="sponsor">
+  <a rel="follow" title="Android Tablet" href="http://www.dinodirect.com/ipads-tablets/">Android Tablet</a><!-- 201208010120 mickey@163... -->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Best Web Hosting" href="http://webhostinggeeks.com">Best Web Hosting</a><!-- 201110010720 -->
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: Web Site Hosting" href="http://webhostinggeeks.com">Web Site Hosting</a><!-- 201302010900 funds@enmob... -->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Flyer drucken" href="http://www.online-druck.biz">Flyer drucken</a><!-- 201109010900 Floeter-->
+<div class="sponsor">
+   <a rel="follow" title="Sponsor: Premium Quality Stock Photos" href="http://www.f1online.pro/en/">Premium Quality Stock Photos</a><!-- 2012080100540 ... -->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Web Hosting Reviews" href="http://www.webhostingmasters.com">Web Hosting Reviews</a><!-- 201107011500 affliatelabel -->
+<div class="sponsor">
+   <a rel="follow" title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 2012070100250 ... -->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 201110010720 -->
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: Managed Server" href="http://www.robhost.de">Managed Server</a><!-- 201210010720 klikics... -->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Web Hosting Ratings" href="http://webhostingrating.com">Web Hosting Ratings</a><!-- 201110010720 -->
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: Druckerei" href="http://www.allesdruck.de">Druckerei</a><!-- 201303011500 r.leo -->
 </div>
-<div  class="sponsor">
-   <a title="Sponsor: Free Catalogs" href="http://www.who-sells-it.com/">Free Catalogs</a><!-- 20120801000600 -->
+<div class="sponsor">
+   <a rel="follow" title="Sponsor: Notebook Reparatur" href="http://www.notebook-reparaturen-berlin.de">Notebook Reparatur</a><!-- 2012080100300 atlas-multimedia-->
+</div>
+<div class="sponsor">
+   <a rel="follow" title="Sponsor: Web Hosting" href="http://www.hostucan.com">Web Hosting</a><!-- 2012120100150 racent marketing@webhosting...-->
 </div>
 </div>
 </div>
 </div>\r
 \r
 <div class="eastbar">\r
+  <div class="g-plusone" id="gplusone"></div>\r
+  <script type="text/javascript">\r
+    window.___gcfg = {\r
+      lang: 'en-US'\r
+    };\r
 \r
+    (function() {\r
+      var po = document.createElement('script');\r
+      po.type = 'text/javascript'; po.async = true;\r
+      po.src = 'https://apis.google.com/js/plusone.js';\r
+      var script = document.getElementsByTagName('script')[0];\r
+      script.parentNode.insertBefore(po, script);\r
+    })();\r
+    var gplusone = document.getElementById("gplusone");\r
+    gplusone.setAttribute("data-size","medium");\r
+    gplusone.setAttribute("data-count","false");\r
+  </script>\r
 </div>\r
 \r
 <div class="main">\r
 \r
 <h1>ImageMagick Composite Command-line Tool</h1>
-<p class="navigation-index">[<a href="#usage">Example Usage</a> &bull; <a href="#options">Option Summary</a>]</p>
+<p class="navigation-index">[<a href="composite.html#usage">Example Usage</a> &bull; <a href="composite.html#options">Option Summary</a>]</p>
 
-<p>Use the <kbd>composite</kbd> program to overlap one image over another.  See <a href="../www/command-line-processing.html">Command Line Processing</a> for advice on how to structure your <kbd>composite</kbd> command or see below for example usages of the command.</p>
-
-<div style="margin: auto;">
-  <h2><a id="usage"></a>Example Usage</h2>
+<div class="doc-section">
+<p>Use the <kbd>composite</kbd> program to overlap one image over another.  See <a href="command-line-processing.html">Command Line Processing</a> for advice on how to structure your <kbd>composite</kbd> command or see below for example usages of the command.</p>
 </div>
 
+<h2><a id="usage"></a>Example Usage</h2>
+<div class="doc-section">
+
 <p>We list a few examples of the <kbd>composite</kbd> command here to illustrate its usefulness and ease of use.  To get started, lets overlay a smiley face over a rose:</p>
 
-<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>composite -gravity center smile.gif  rose: rose-over.png</span></p>
+<p class='crt'><span class="crtprompt"> $ </span><span class='crtin'>composite -gravity center smile.gif  rose: rose-over.png</span></p>
 <div class="image">
-<p>
+<ul>
   <a href="../images/smile.gif"><img src="../images/smile.gif" width="48" height="48" alt="smile" /></a>
   <img src="../images/over.gif" width="56" height="46" alt="over" />
   <a href="../images/rose.jpg"><img src="../images/rose.jpg" width="70" height="46" alt="rose" /></a>
   <img style="margin-top:13px; margin-bottom:13px;" src="../images/right.gif" width="20" height="20" alt="==>" />
   <a href="../images/rose-over.png"><img src="../images/rose-over.png" width="70" height="46" alt="rose" /></a>
-</p>
+</ul>
 </div>
 
 <p>You can create three-dimensional effect with the <em>Atop</em>:</p>
 
-<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 70x70 canvas:none -fill red -draw 'circle 35,35 10,30' red-circle.png</span><span class='crtout'></span><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 70x70 canvas:none -draw 'circle 35,35 35,20' -negate \ <br/>
-  -channel A -gaussian-blur 0x8 white-highlight.png</span><span class='crtout'></span><span class="crtprompt"> $magick&gt; </span><span class='crtin'>composite -compose atop -geometry -13-17 white-highlight.png red-circle.png red-ball.png</span></p>
+<p class='crt'><span class="crtprompt"> $ </span><span class='crtin'>convert -size 70x70 canvas:none -fill red -draw 'circle 35,35 10,30' red-circle.png</span><span class='crtout'></span><span class="crtprompt"> $ </span><span class='crtin'>convert -size 70x70 canvas:none -draw 'circle 35,35 35,20' -negate \ <br/>
+  -channel A -gaussian-blur 0x8 white-highlight.png</span><span class='crtout'></span><span class="crtprompt"> $ </span><span class='crtin'>composite -compose atop -geometry -13-17 white-highlight.png red-circle.png red-ball.png</span></p>
 
 <div class="image">
-<p>
+<ul>
   <a href="../images/white-highlight.png"><img src="../images/white-highlight.png" width="70" height="70" alt="white highlight" /></a>
   <img src="../images/atop.gif" width="56" height="70" alt="atop" />
   <a href="../images/red-circle.png"><img src="../images/red-circle.png" width="70" height="70" alt="red circle" /></a>
   <img style="margin-top:25px; margin-bottom:25px;" src="../images/right.gif" width="20" height="20" alt="==>" />
   <a href="../images/red-ball.png"><img src="../images/red-ball.png" width="70" height="70" alt="red ball" /></a>
-</p>
+</ul>
 </div>
 
 <p>You can find additional examples of using <kbd>composite</kbd> in <a href="http://www.imagemagick.org/Usage/">Examples of ImageMagick Usage</a>.  You can find out more about them and the mathematics by looking at <a href="http://www.w3.org/TR/SVG12/rendering.html">SVG Alpha Compositing</a></p>
-
-<div style="margin: auto;">
-  <h2><a id="options"></a>Option Summary</h2>
 </div>
 
+<h2><a id="options"></a>Option Summary</h2>
+<div class="doc-section">
+
 <p>The <kbd>composite</kbd> command recognizes these options.  Click on an option to get more details about how that option works.</p>
 
 <table class="doc">
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#affine">-affine <em class="option">matrix</em></a></td>
+    <td valign="top"><a href="command-line-options.html#affine">-affine <em class="option">matrix</em></a></td>
     <td valign="top">affine transform matrix</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#alpha">-alpha</a></td>
+    <td valign="top"><a href="command-line-options.html#alpha">-alpha</a></td>
     <td valign="top">on, activate, off, deactivate, set, opaque, copy",
 transparent, extract, background, or shape the alpha channel</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#authenticate">-authenticate <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#authenticate">-authenticate <em class="option">value</em></a></td>
     <td valign="top">decrypt image with this password</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#blend">-blend <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#blend">-blend <em class="option">geometry</em></a></td>
     <td valign="top">blend images</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#blue-primary">-blue-primary <em class="option">point</em></a></td>
+    <td valign="top"><a href="command-line-options.html#blue-primary">-blue-primary <em class="option">point</em></a></td>
     <td valign="top">chromaticity blue primary point</td>
   </tr>
 
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#border">-border <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#border">-border <em class="option">geometry</em></a></td>
     <td valign="top">surround image with a border of color</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#bordercolor">-bordercolor <em class="option">color</em></a></td>
+    <td valign="top"><a href="command-line-options.html#bordercolor">-bordercolor <em class="option">color</em></a></td>
     <td valign="top">border color</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#channel">-channel <em class="option">type</em></a></td>
+    <td valign="top"><a href="command-line-options.html#channel">-channel <em class="option">type</em></a></td>
     <td valign="top">apply option to select image channels</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#colors">-colors <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#colors">-colors <em class="option">value</em></a></td>
     <td valign="top">preferred number of colors in the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#colorspace">-colorspace <em class="option">type</em></a></td>
+    <td valign="top"><a href="command-line-options.html#colorspace">-colorspace <em class="option">type</em></a></td>
     <td valign="top">set image colorspace</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#comment">-comment <em class="option">string</em></a></td>
+    <td valign="top"><a href="command-line-options.html#comment">-comment <em class="option">string</em></a></td>
     <td valign="top">annotate image with comment</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#compose">-compose <em class="option">operator</em></a></td>
+    <td valign="top"><a href="command-line-options.html#compose">-compose <em class="option">operator</em></a></td>
     <td valign="top">set image composite operator</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#compress">-compress <em class="option">type</em></a></td>
+    <td valign="top"><a href="command-line-options.html#compress">-compress <em class="option">type</em></a></td>
     <td valign="top">image compression type</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#debug">-debug <em class="option">events</em></a></td>
+    <td valign="top"><a href="command-line-options.html#debug">-debug <em class="option">events</em></a></td>
     <td valign="top">display copious debugging information</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#decipher">-decipher <em class="option">filename</em></a></td>
+    <td valign="top"><a href="command-line-options.html#decipher">-decipher <em class="option">filename</em></a></td>
     <td valign="top">convert cipher pixels to plain</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#define">-define <em class="option">format:option</em></a></td>
+    <td valign="top"><a href="command-line-options.html#define">-define <em class="option">format:option</em></a></td>
     <td valign="top">define one or more image format options</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#density">-density <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#density">-density <em class="option">geometry</em></a></td>
     <td valign="top">horizontal and vertical density of the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#depth">-depth <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#depth">-depth <em class="option">value</em></a></td>
     <td valign="top">image depth</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#displace">-displace <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#displace">-displace <em class="option">geometry</em></a></td>
     <td valign="top">shift image pixels defined by a displacement map</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#dissolve">-dissolve <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#dissolve">-dissolve <em class="option">value</em></a></td>
     <td valign="top">dissolve the two images a given percent</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#dither">-dither  <em class="option">method</em></a></td>
+    <td valign="top"><a href="command-line-options.html#dither">-dither  <em class="option">method</em></a></td>
     <td valign="top">apply error diffusion to image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#encipher">-encipher <em class="option">filename</em></a></td>
+    <td valign="top"><a href="command-line-options.html#encipher">-encipher <em class="option">filename</em></a></td>
     <td valign="top">convert plain pixels to cipher pixels</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#encoding">-encoding <em class="option">type</em></a></td>
+    <td valign="top"><a href="command-line-options.html#encoding">-encoding <em class="option">type</em></a></td>
     <td valign="top">text encoding type</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#endian">-endian <em class="option">type</em></a></td>
+    <td valign="top"><a href="command-line-options.html#endian">-endian <em class="option">type</em></a></td>
     <td valign="top">endianness (MSB or LSB) of the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#extract">-extract <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#extract">-extract <em class="option">geometry</em></a></td>
     <td valign="top">extract area from image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#filter">-filter <em class="option">type</em></a></td>
+    <td valign="top"><a href="command-line-options.html#filter">-filter <em class="option">type</em></a></td>
     <td valign="top">use this filter when resizing an image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#font">-font <em class="option">name</em></a></td>
+    <td valign="top"><a href="command-line-options.html#font">-font <em class="option">name</em></a></td>
     <td valign="top">render text with this font</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#geometry">-geometry <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#geometry">-geometry <em class="option">geometry</em></a></td>
     <td valign="top">preferred size or location of the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#gravity">-gravity <em class="option">type</em></a></td>
+    <td valign="top"><a href="command-line-options.html#gravity">-gravity <em class="option">type</em></a></td>
     <td valign="top">horizontal and vertical text placement</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#green-primary">-green-primary <em class="option">point</em></a></td>
+    <td valign="top"><a href="command-line-options.html#green-primary">-green-primary <em class="option">point</em></a></td>
     <td valign="top">chromaticity green primary point</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#help">-help</a></td>
+    <td valign="top"><a href="command-line-options.html#help">-help</a></td>
     <td valign="top">print program options</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#identify">-identify</a></td>
+    <td valign="top"><a href="command-line-options.html#identify">-identify</a></td>
     <td valign="top">identify the format and characteristics of the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#interlace">-interlace <em class="option">type</em></a></td>
+    <td valign="top"><a href="command-line-options.html#interlace">-interlace <em class="option">type</em></a></td>
     <td valign="top">type of image interlacing scheme</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#interpolate">-interpolate <em class="option">method</em></a></td>
+    <td valign="top"><a href="command-line-options.html#interpolate">-interpolate <em class="option">method</em></a></td>
     <td valign="top">pixel color interpolation method</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#label">-label <em class="option">string</em></a></td>
+    <td valign="top"><a href="command-line-options.html#label">-label <em class="option">string</em></a></td>
     <td valign="top">assign a label to an image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#level">-level <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#level">-level <em class="option">value</em></a></td>
     <td valign="top">adjust the level of image contrast</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#limit">-limit <em class="option">type value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#limit">-limit <em class="option">type value</em></a></td>
     <td valign="top">pixel cache resource limit</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#log">-log <em class="option">format</em></a></td>
+    <td valign="top"><a href="command-line-options.html#log">-log <em class="option">format</em></a></td>
     <td valign="top">format of debugging information</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#monitor">-monitor</a></td>
+    <td valign="top"><a href="command-line-options.html#monitor">-monitor</a></td>
     <td valign="top">monitor progress</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#monochrome">-monochrome</a></td>
+    <td valign="top"><a href="command-line-options.html#monochrome">-monochrome</a></td>
     <td valign="top">transform image to black and white</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#negate">-negate</a></td>
+    <td valign="top"><a href="command-line-options.html#negate">-negate</a></td>
     <td valign="top">replace each pixel with its complementary color </td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#page">-page <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#page">-page <em class="option">geometry</em></a></td>
     <td valign="top">size and location of an image canvas (setting)</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#pointsize">-pointsize <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#pointsize">-pointsize <em class="option">value</em></a></td>
     <td valign="top">font point size</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#profile">-profile <em class="option">filename</em></a></td>
+    <td valign="top"><a href="command-line-options.html#profile">-profile <em class="option">filename</em></a></td>
     <td valign="top">add, delete, or apply an image profile</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#quality">-quality <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#quality">-quality <em class="option">value</em></a></td>
     <td valign="top">JPEG/MIFF/PNG compression level</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#quantize">-quantize <em class="option">colorspace</em></a></td>
+    <td valign="top"><a href="command-line-options.html#quantize">-quantize <em class="option">colorspace</em></a></td>
     <td valign="top">reduce image colors in this colorspace</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#quiet">-quiet</a></td>
+    <td valign="top"><a href="command-line-options.html#quiet">-quiet</a></td>
     <td valign="top">suppress all warning messages</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#red-primary">-red-primary <em class="option">point</em></a></td>
+    <td valign="top"><a href="command-line-options.html#red-primary">-red-primary <em class="option">point</em></a></td>
     <td valign="top">chromaticity red primary point</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#regard-warnings">-regard-warnings</a></td>
+    <td valign="top"><a href="command-line-options.html#regard-warnings">-regard-warnings</a></td>
     <td valign="top">pay attention to warning messages.</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#respect-parentheses">-respect-parentheses</a></td>
+    <td valign="top"><a href="command-line-options.html#respect-parentheses">-respect-parentheses</a></td>
     <td valign="top">settings remain in effect until parenthesis boundary.</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#rotate">-rotate <em class="option">degrees</em></a></td>
+    <td valign="top"><a href="command-line-options.html#rotate">-rotate <em class="option">degrees</em></a></td>
     <td valign="top">apply Paeth rotation to the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#sampling-factor">-sampling-factor <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#sampling-factor">-sampling-factor <em class="option">geometry</em></a></td>
     <td valign="top">horizontal and vertical sampling factor</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#scene">-scene <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#scene">-scene <em class="option">value</em></a></td>
     <td valign="top">image scene number</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#seed">-seed <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#seed">-seed <em class="option">value</em></a></td>
     <td valign="top">seed a new sequence of pseudo-random numbers</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#set">-set <em class="option">attribute value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#set">-set <em class="option">attribute value</em></a></td>
     <td valign="top">set an image attribute</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#sharpen">-sharpen <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#sharpen">-sharpen <em class="option">geometry</em></a></td>
     <td valign="top">sharpen the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#shave">-shave <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#shave">-shave <em class="option">geometry</em></a></td>
     <td valign="top">shave pixels from the image edges</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#size">-size <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#size">-size <em class="option">geometry</em></a></td>
     <td valign="top">width and height of image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#stegano">-stegano <em>offset</em></a></td>
+    <td valign="top"><a href="command-line-options.html#stegano">-stegano <em>offset</em></a></td>
     <td valign="top">hide watermark within an image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#stereo">-stereo <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#stereo">-stereo <em class="option">geometry</em></a></td>
     <td valign="top">combine two image to create a stereo anaglyph</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#strip">-strip</a></td>
+    <td valign="top"><a href="command-line-options.html#strip">-strip</a></td>
     <td valign="top">strip image of all profiles and comments</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#swap">-swap <em class="option">indexes</em></a></td>
+    <td valign="top"><a href="command-line-options.html#swap">-swap <em class="option">indexes</em></a></td>
     <td valign="top">swap two images in the image sequence</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#synchronize">-synchronize</a></td>
+    <td valign="top"><a href="command-line-options.html#synchronize">-synchronize</a></td>
     <td valign="top">synchronize image to storage device</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#taint">-taint</a></td>
+    <td valign="top"><a href="command-line-options.html#taint">-taint</a></td>
     <td valign="top">mark the image as modified</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#thumbnail">-thumbnail <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#thumbnail">-thumbnail <em class="option">geometry</em></a></td>
     <td valign="top">create a thumbnail of the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#tile">-tile</a></td>
+    <td valign="top"><a href="command-line-options.html#tile">-tile</a></td>
     <td valign="top">repeat composite operation across and down image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#transform">-transform</a></td>
+    <td valign="top"><a href="command-line-options.html#transform">-transform</a></td>
     <td valign="top">affine transform image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#transparent-color">-transparent-color <em class="option">color</em></a></td>
+    <td valign="top"><a href="command-line-options.html#transparent-color">-transparent-color <em class="option">color</em></a></td>
     <td valign="top">transparent color</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#treedepth">-treedepth <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#treedepth">-treedepth <em class="option">value</em></a></td>
     <td valign="top">color tree depth</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#type">-type <em class="option">type</em></a></td>
+    <td valign="top"><a href="command-line-options.html#type">-type <em class="option">type</em></a></td>
     <td valign="top">image type</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#units">-units <em class="option">type</em></a></td>
+    <td valign="top"><a href="command-line-options.html#units">-units <em class="option">type</em></a></td>
     <td valign="top">the units of image resolution</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#unsharp">-unsharp <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#unsharp">-unsharp <em class="option">geometry</em></a></td>
     <td valign="top">sharpen the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#verbose">-verbose</a></td>
+    <td valign="top"><a href="command-line-options.html#verbose">-verbose</a></td>
     <td valign="top">print detailed information about the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#version">-version</a></td>
+    <td valign="top"><a href="command-line-options.html#version">-version</a></td>
     <td valign="top">print version information</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#virtual-pixel">-virtual-pixel <em class="option">method</em></a></td>
+    <td valign="top"><a href="command-line-options.html#virtual-pixel">-virtual-pixel <em class="option">method</em></a></td>
     <td valign="top">access method for pixels outside the boundaries of the image</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#watermark">-watermark <em class="option">geometry</em></a></td>
+    <td valign="top"><a href="command-line-options.html#watermark">-watermark <em class="option">geometry</em></a></td>
     <td valign="top">percent brightness and saturation of a watermark</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#white-point">-white-point <em class="option">point</em></a></td>
+    <td valign="top"><a href="command-line-options.html#white-point">-white-point <em class="option">point</em></a></td>
     <td valign="top">chromaticity white point</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#white-threshold">-white-threshold <em class="option">value</em></a></td>
+    <td valign="top"><a href="command-line-options.html#white-threshold">-white-threshold <em class="option">value</em></a></td>
     <td valign="top">force all pixels above the threshold into white</td>
   </tr>
 
   <tr>
-    <td valign="top"><a href="../www/command-line-options.html#write">-write <em class="option">filename</em></a></td>
+    <td valign="top"><a href="command-line-options.html#write">-write <em class="option">filename</em></a></td>
     <td valign="top">write images to this file</td>
   </tr>
 
   </tbody>
 </table>
+</div>
 \r
 </div>\r
 \r
 <div id="linkbar">\r
     <span id="linkbar-west">&nbsp;</span>\r
     <span id="linkbar-center">\r
-      <a href="http://www.imagemagick.org/discourse-server/">Discourse Server</a> &bull;\r
+      <a href="../discourse-server">Discourse Server</a> &bull;\r
       <a href="http://www.imagemagick.org/MagickStudio/scripts/MagickStudio.cgi">Studio</a>\r
     </span>\r
     <span id="linkbar-east">&nbsp;</span>\r
   </div>\r
   <div class="footer">\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
+    <span id="footer-west">&copy; 1999-2012 ImageMagick Studio LLC</span>\r
+    <span id="footer-east"> <a href="contact.html">Contact the Wizards</a></span>\r
   </div>\r
   <div style="clear: both; margin: 0; width: 100%; "></div>\r
   <script type="text/javascript">\r