composite.html revision 354f117887e6d59888d0e218c66977765d51d23a
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>ImageMagick: Command-line Tools: Composite</title> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 6 <meta name="application-name" content="ImageMagick"> 7 <meta name="description" content="ImageMagick® is a software suite to create, edit, compose, or convert bitmap images. It can read and write images in a variety of formats (over 200) including PNG, JPEG, JPEG-2000, GIF, WebP, Postscript, PDF, and SVG. Use ImageMagick to resize, flip, mirror, rotate, distort, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves."> 8 <meta name="application-url" content="http://www.imagemagick.org"> 9 <meta name="generator" content="PHP"> 10 <meta name="keywords" content="command-line, tools:, composite, ImageMagick, PerlMagick, image processing, image, photo, software, Magick++, OpenMP, convert"> 11 <meta name="rating" content="GENERAL"> 12 <meta name="robots" content="INDEX, FOLLOW"> 13 <meta name="generator" content="ImageMagick Studio LLC"> 14 <meta name="author" content="ImageMagick Studio LLC"> 15 <meta name="revisit-after" content="2 DAYS"> 16 <meta name="resource-type" content="document"> 17 <meta name="copyright" content="Copyright (c) 1999-2015 ImageMagick Studio LLC"> 18 <meta name="distribution" content="Global"> 19 <meta name="magick-serial" content="P131-S030410-R485315270133-P82224-A6668-G1245-1"> 20 <link rel="icon" href="/images/wand.png"> 21 <link rel="shortcut icon" href="/images/wand.ico"> 22 <link rel="stylesheet" href="/css/magick.html"> 23</head> 24<body> 25<div class="main"> 26<div class="magick-masthead"> 27 <div class="container"> 28 <script async src="http://localhost/pagead/js/adsbygoogle.js"></script> 29 <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3129977114552745" data-ad-slot="6345125851" data-ad-format="auto"></ins> 30 <script> 31 (adsbygoogle = window.adsbygoogle || []).push({}); 32 </script> 33 <nav class="magick-nav"> 34 <a class="magick-nav-item " href="/index.html">Home</a> 35 <a class="magick-nav-item " href="binary-releases.html">Download</a> 36 <a class="magick-nav-item " href="command-line-tools.html">Tools</a> 37 <a class="magick-nav-item " href="command-line-options.html">Options</a> 38 <a class="magick-nav-item " href="resources.html">Resources</a> 39 <a class="magick-nav-item " href="api.html">Develop</a> 40 <a class="magick-nav-item " href="http://nextgen.imagemagick.org/script/search.php">Search</a> 41 <a class="magick-nav-item pull-right" href="http://www.imagemagick.org/discourse-server/">Community</a> 42 </nav> 43 </div> 44</div> 45<div class="container"> 46<div class="magick-header"> 47<p class="text-center"><a href="composite.html#usage">Example Usage</a> • <a href="composite.html#options">Option Summary</a></p> 48 49<p class="lead magick-description">Use the <code>composite</code> 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 <code>composite</code> command or see below for example usages of the command.</p> 50 51<h2 class="magick-header"><a id="usage"></a>Example Usage</h2> 52 53<p>We list a few examples of the <code>composite</code> command here to illustrate its usefulness and ease of use. To get started, lets overlay a smiley face over a rose:</p> 54 55<pre> 56composite -gravity center smile.gif rose: rose-over.png 57</pre> 58 59<ul> 60 <a href="/images/smile.gif"><img src="/images/smile.gif" width="48" height="48" alt="smile"></a> 61 <img src="/images/over.gif" width="56" height="46" alt="over"> 62 <a href="/images/rose.jpg"><img src="/images/rose.jpg" width="70" height="46" alt="rose"></a> 63 <img style="margin-top:13px; margin-bottom:13px;" src="/images/right.gif" width="20" height="20" alt="==>"> 64 <a href="/images/rose-over.png"><img src="/images/rose-over.png" width="70" height="46" alt="rose"></a> 65</ul> 66 67<p>You can create three-dimensional effect with the <var>Atop</var>:</p> 68 69<pre> 70convert -size 70x70 canvas:none -fill red -draw 'circle 35,35 10,30' red-circle.png 71convert -size 70x70 canvas:none -draw 'circle 35,35 35,20' -negate \ 72-channel A -gaussian-blur 0x8 white-highlight.png 73composite -compose atop -geometry -13-17 white-highlight.png red-circle.png red-ball.png 74</pre> 75 76<ul> 77 <a href="/images/white-highlight.png"><img src="/images/white-highlight.png" width="70" height="70" alt="white highlight"></a> 78 <img src="/images/atop.gif" width="56" height="70" alt="atop"> 79 <a href="/images/red-circle.png"><img src="/images/red-circle.png" width="70" height="70" alt="red circle"></a> 80 <img style="margin-top:25px; margin-bottom:25px;" src="/images/right.gif" width="20" height="20" alt="==>"> 81 <a href="/images/red-ball.png"><img src="/images/red-ball.png" width="70" height="70" alt="red ball"></a> 82</ul> 83 84<p>You can find additional examples of using <code>composite</code> 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> 85 86<h2 class="magick-header"><a id="options"></a>Option Summary</h2> 87 88<p>The <code>composite</code> command recognizes these options. Click on an option to get more details about how that option works.</p> 89 90<table class="table table-condensed table-striped"> 91 <tbody> 92 <tr> 93 <th align="left">Option</th> 94 <th align="left">Description</th> 95 </tr> 96 97 <tr> 98 <td><a href="command-line-options.html#affine">-affine <var>matrix</var></a></td> 99 <td>affine transform matrix</td> 100 </tr> 101 102 <tr> 103 <td><a href="command-line-options.html#alpha">-alpha</a></td> 104 <td>on, activate, off, deactivate, set, opaque, copy", 105transparent, extract, background, or shape the alpha channel</td> 106 </tr> 107 108 <tr> 109 <td><a href="command-line-options.html#authenticate">-authenticate <var>value</var></a></td> 110 <td>decrypt image with this password</td> 111 </tr> 112 113 <tr> 114 <td><a href="command-line-options.html#blend">-blend <var>geometry</var></a></td> 115 <td>blend images</td> 116 </tr> 117 118 <tr> 119 <td><a href="command-line-options.html#blue-primary">-blue-primary <var>point</var></a></td> 120 <td>chromaticity blue primary point</td> 121 </tr> 122 123 124 <tr> 125 <td><a href="command-line-options.html#border">-border <var>geometry</var></a></td> 126 <td>surround image with a border of color</td> 127 </tr> 128 129 <tr> 130 <td><a href="command-line-options.html#bordercolor">-bordercolor <var>color</var></a></td> 131 <td>border color</td> 132 </tr> 133 134 <tr> 135 <td><a href="command-line-options.html#channel">-channel <var>type</var></a></td> 136 <td>apply option to select image channels</td> 137 </tr> 138 139 <tr> 140 <td><a href="command-line-options.html#colors">-colors <var>value</var></a></td> 141 <td>preferred number of colors in the image</td> 142 </tr> 143 144 <tr> 145 <td><a href="command-line-options.html#colorspace">-colorspace <var>type</var></a></td> 146 <td>set image colorspace</td> 147 </tr> 148 149 <tr> 150 <td><a href="command-line-options.html#comment">-comment <var>string</var></a></td> 151 <td>annotate image with comment</td> 152 </tr> 153 154 <tr> 155 <td><a href="command-line-options.html#compose">-compose <var>operator</var></a></td> 156 <td>set image composite operator</td> 157 </tr> 158 159 <tr> 160 <td><a href="command-line-options.html#compress">-compress <var>type</var></a></td> 161 <td>image compression type</td> 162 </tr> 163 164 <tr> 165 <td><a href="command-line-options.html#debug">-debug <var>events</var></a></td> 166 <td>display copious debugging information</td> 167 </tr> 168 169 <tr> 170 <td><a href="command-line-options.html#decipher">-decipher <var>filename</var></a></td> 171 <td>convert cipher pixels to plain</td> 172 </tr> 173 174 <tr> 175 <td><a href="command-line-options.html#define">-define <var>format:option</var></a></td> 176 <td>define one or more image format options</td> 177 </tr> 178 179 <tr> 180 <td><a href="command-line-options.html#density">-density <var>geometry</var></a></td> 181 <td>horizontal and vertical density of the image</td> 182 </tr> 183 184 <tr> 185 <td><a href="command-line-options.html#depth">-depth <var>value</var></a></td> 186 <td>image depth</td> 187 </tr> 188 189 <tr> 190 <td><a href="command-line-options.html#displace">-displace <var>geometry</var></a></td> 191 <td>shift image pixels defined by a displacement map</td> 192 </tr> 193 194 <tr> 195 <td><a href="command-line-options.html#dissolve">-dissolve <var>value</var></a></td> 196 <td>dissolve the two images a given percent</td> 197 </tr> 198 199 <tr> 200 <td><a href="command-line-options.html#dither">-dither <var>method</var></a></td> 201 <td>apply error diffusion to image</td> 202 </tr> 203 204 <tr> 205 <td><a href="command-line-options.html#encipher">-encipher <var>filename</var></a></td> 206 <td>convert plain pixels to cipher pixels</td> 207 </tr> 208 209 <tr> 210 <td><a href="command-line-options.html#encoding">-encoding <var>type</var></a></td> 211 <td>text encoding type</td> 212 </tr> 213 214 <tr> 215 <td><a href="command-line-options.html#endian">-endian <var>type</var></a></td> 216 <td>endianness (MSB or LSB) of the image</td> 217 </tr> 218 219 <tr> 220 <td><a href="command-line-options.html#extract">-extract <var>geometry</var></a></td> 221 <td>extract area from image</td> 222 </tr> 223 224 <tr> 225 <td><a href="command-line-options.html#filter">-filter <var>type</var></a></td> 226 <td>use this filter when resizing an image</td> 227 </tr> 228 229 <tr> 230 <td><a href="command-line-options.html#font">-font <var>name</var></a></td> 231 <td>render text with this font</td> 232 </tr> 233 234 <tr> 235 <td><a href="command-line-options.html#geometry">-geometry <var>geometry</var></a></td> 236 <td>preferred size or location of the image</td> 237 </tr> 238 239 <tr> 240 <td><a href="command-line-options.html#gravity">-gravity <var>type</var></a></td> 241 <td>horizontal and vertical text placement</td> 242 </tr> 243 244 <tr> 245 <td><a href="command-line-options.html#green-primary">-green-primary <var>point</var></a></td> 246 <td>chromaticity green primary point</td> 247 </tr> 248 249 <tr> 250 <td><a href="command-line-options.html#help">-help</a></td> 251 <td>print program options</td> 252 </tr> 253 254 <tr> 255 <td><a href="command-line-options.html#identify">-identify</a></td> 256 <td>identify the format and characteristics of the image</td> 257 </tr> 258 259 <tr> 260 <td><a href="command-line-options.html#interlace">-interlace <var>type</var></a></td> 261 <td>type of image interlacing scheme</td> 262 </tr> 263 264 <tr> 265 <td><a href="command-line-options.html#interpolate">-interpolate <var>method</var></a></td> 266 <td>pixel color interpolation method</td> 267 </tr> 268 269 <tr> 270 <td><a href="command-line-options.html#label">-label <var>string</var></a></td> 271 <td>assign a label to an image</td> 272 </tr> 273 274 <tr> 275 <td><a href="command-line-options.html#level">-level <var>value</var></a></td> 276 <td>adjust the level of image contrast</td> 277 </tr> 278 279 <tr> 280 <td><a href="command-line-options.html#limit">-limit <var>type value</var></a></td> 281 <td>pixel cache resource limit</td> 282 </tr> 283 284 <tr> 285 <td><a href="command-line-options.html#log">-log <var>format</var></a></td> 286 <td>format of debugging information</td> 287 </tr> 288 289 <tr> 290 <td><a href="command-line-options.html#monitor">-monitor</a></td> 291 <td>monitor progress</td> 292 </tr> 293 294 <tr> 295 <td><a href="command-line-options.html#monochrome">-monochrome</a></td> 296 <td>transform image to black and white</td> 297 </tr> 298 299 <tr> 300 <td><a href="command-line-options.html#negate">-negate</a></td> 301 <td>replace each pixel with its complementary color </td> 302 </tr> 303 304 <tr> 305 <td><a href="command-line-options.html#page">-page <var>geometry</var></a></td> 306 <td>size and location of an image canvas (setting)</td> 307 </tr> 308 309 <tr> 310 <td><a href="command-line-options.html#pointsize">-pointsize <var>value</var></a></td> 311 <td>font point size</td> 312 </tr> 313 314 <tr> 315 <td><a href="command-line-options.html#profile">-profile <var>filename</var></a></td> 316 <td>add, delete, or apply an image profile</td> 317 </tr> 318 319 <tr> 320 <td><a href="command-line-options.html#quality">-quality <var>value</var></a></td> 321 <td>JPEG/MIFF/PNG compression level</td> 322 </tr> 323 324 <tr> 325 <td><a href="command-line-options.html#quantize">-quantize <var>colorspace</var></a></td> 326 <td>reduce image colors in this colorspace</td> 327 </tr> 328 329 <tr> 330 <td><a href="command-line-options.html#quiet">-quiet</a></td> 331 <td>suppress all warning messages</td> 332 </tr> 333 334 <tr> 335 <td><a href="command-line-options.html#red-primary">-red-primary <var>point</var></a></td> 336 <td>chromaticity red primary point</td> 337 </tr> 338 339 <tr> 340 <td><a href="command-line-options.html#regard-warnings">-regard-warnings</a></td> 341 <td>pay attention to warning messages.</td> 342 </tr> 343 344 <tr> 345 <td><a href="command-line-options.html#respect-parentheses">-respect-parentheses</a></td> 346 <td>settings remain in effect until parenthesis boundary.</td> 347 </tr> 348 349 <tr> 350 <td><a href="command-line-options.html#rotate">-rotate <var>degrees</var></a></td> 351 <td>apply Paeth rotation to the image</td> 352 </tr> 353 354 <tr> 355 <td><a href="command-line-options.html#sampling-factor">-sampling-factor <var>geometry</var></a></td> 356 <td>horizontal and vertical sampling factor</td> 357 </tr> 358 359 <tr> 360 <td><a href="command-line-options.html#scene">-scene <var>value</var></a></td> 361 <td>image scene number</td> 362 </tr> 363 364 <tr> 365 <td><a href="command-line-options.html#seed">-seed <var>value</var></a></td> 366 <td>seed a new sequence of pseudo-random numbers</td> 367 </tr> 368 369 <tr> 370 <td><a href="command-line-options.html#set">-set <var>attribute value</var></a></td> 371 <td>set an image attribute</td> 372 </tr> 373 374 <tr> 375 <td><a href="command-line-options.html#sharpen">-sharpen <var>geometry</var></a></td> 376 <td>sharpen the image</td> 377 </tr> 378 379 <tr> 380 <td><a href="command-line-options.html#shave">-shave <var>geometry</var></a></td> 381 <td>shave pixels from the image edges</td> 382 </tr> 383 384 <tr> 385 <td><a href="command-line-options.html#size">-size <var>geometry</var></a></td> 386 <td>width and height of image</td> 387 </tr> 388 389 <tr> 390 <td><a href="command-line-options.html#stegano">-stegano <var>offset</var></a></td> 391 <td>hide watermark within an image</td> 392 </tr> 393 394 <tr> 395 <td><a href="command-line-options.html#stereo">-stereo <var>geometry</var></a></td> 396 <td>combine two image to create a stereo anaglyph</td> 397 </tr> 398 399 <tr> 400 <td><a href="command-line-options.html#strip">-strip</a></td> 401 <td>strip image of all profiles and comments</td> 402 </tr> 403 404 <tr> 405 <td><a href="command-line-options.html#swap">-swap <var>indexes</var></a></td> 406 <td>swap two images in the image sequence</td> 407 </tr> 408 409 <tr> 410 <td><a href="command-line-options.html#synchronize">-synchronize</a></td> 411 <td>synchronize image to storage device</td> 412 </tr> 413 414 <tr> 415 <td><a href="command-line-options.html#taint">-taint</a></td> 416 <td>mark the image as modified</td> 417 </tr> 418 419 <tr> 420 <td><a href="command-line-options.html#thumbnail">-thumbnail <var>geometry</var></a></td> 421 <td>create a thumbnail of the image</td> 422 </tr> 423 424 <tr> 425 <td><a href="command-line-options.html#tile">-tile</a></td> 426 <td>repeat composite operation across and down image</td> 427 </tr> 428 429 <tr> 430 <td><a href="command-line-options.html#transform">-transform</a></td> 431 <td>affine transform image</td> 432 </tr> 433 434 <tr> 435 <td><a href="command-line-options.html#transparent-color">-transparent-color <var>color</var></a></td> 436 <td>transparent color</td> 437 </tr> 438 439 <tr> 440 <td><a href="command-line-options.html#treedepth">-treedepth <var>value</var></a></td> 441 <td>color tree depth</td> 442 </tr> 443 444 <tr> 445 <td><a href="command-line-options.html#type">-type <var>type</var></a></td> 446 <td>image type</td> 447 </tr> 448 449 <tr> 450 <td><a href="command-line-options.html#units">-units <var>type</var></a></td> 451 <td>the units of image resolution</td> 452 </tr> 453 454 <tr> 455 <td><a href="command-line-options.html#unsharp">-unsharp <var>geometry</var></a></td> 456 <td>sharpen the image</td> 457 </tr> 458 459 <tr> 460 <td><a href="command-line-options.html#verbose">-verbose</a></td> 461 <td>print detailed information about the image</td> 462 </tr> 463 464 <tr> 465 <td><a href="command-line-options.html#version">-version</a></td> 466 <td>print version information</td> 467 </tr> 468 469 <tr> 470 <td><a href="command-line-options.html#virtual-pixel">-virtual-pixel <var>method</var></a></td> 471 <td>access method for pixels outside the boundaries of the image</td> 472 </tr> 473 474 <tr> 475 <td><a href="command-line-options.html#watermark">-watermark <var>geometry</var></a></td> 476 <td>percent brightness and saturation of a watermark</td> 477 </tr> 478 479 <tr> 480 <td><a href="command-line-options.html#white-point">-white-point <var>point</var></a></td> 481 <td>chromaticity white point</td> 482 </tr> 483 484 <tr> 485 <td><a href="command-line-options.html#white-threshold">-white-threshold <var>value</var></a></td> 486 <td>force all pixels above the threshold into white</td> 487 </tr> 488 489 <tr> 490 <td><a href="command-line-options.html#write">-write <var>filename</var></a></td> 491 <td>write images to this file</td> 492 </tr> 493 494 </tbody> 495</table> 496</div> 497 <footer class="magick-footer"> 498 <p><a href="support.html">Donate</a> • 499 <a href="sitemap.html">Sitemap</a> • 500 <a href="links.html">Related</a> • 501 <a href="architecture.html">Architecture</a> 502</p> 503 <p><a href="composite.html#">Back to top</a> • 504 <a href="http://pgp.mit.edu:11371/pks/lookup?op=get&search=0x89AB63D48277377A">Public Key</a> • 505 <a href="http://nextgen.imagemagick.org/script/contact.php">Contact Us</a></p> 506 <p><small>© 1999-2015 ImageMagick Studio LLC</small></p> 507 </footer> 508</div><!-- /.container --> 509 510 <script src="https://localhost/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 511 <script src="http://nextgen.imagemagick.org/js/magick.html"></script> 512</div> 513</body> 514</html> 515