Commit b6300f2be for imagemagick.org
commit b6300f2be53268d48ec6ad8feeea1ae987f58cf7
Author: Cristy <urban-warrior@imagemagick.org>
Date: Sat Sep 26 10:40:16 2026 -0400
latest ImageMagick documentation
diff --git a/www/animate/index.html b/www/animate/index.html
index 46eb43454..a77dbbb55 100644
--- a/www/animate/index.html
+++ b/www/animate/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Animate">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/animate/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Animate">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#options">Option Summary</a></p>
@@ -223,8 +242,13 @@
<p>The <code>animate</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tbody>
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<th align="left">Option</th>
<th align="left">Description</th>
@@ -653,15 +677,16 @@ transparent, extract, background, or shape the alpha channel</td>
</tbody>
</table>
+</div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -686,7 +711,7 @@ transparent, extract, background, or shape the alpha channel</td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/architecture/index.html b/www/architecture/index.html
index c61bf1049..573d68174 100644
--- a/www/architecture/index.html
+++ b/www/architecture/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Architecture</title>
- <meta name="description" content="Get to know more about the software and algorithms behind ImageMagick.">
+ <meta name="description" content="Discover the architecture of ImageMagick, including its pixel cache, image properties, profiles, threading, distributed processing, and custom coders/filters. Learn how ImageMagick efficiently manages pixels, metadata, and large images across heterogeneous platforms for powerful image conversion, editing, and composition.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Architecture">
- <meta property="og:description" content="Get to know more about the software and algorithms behind ImageMagick.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/architecture/">
+ <meta property="og:description" content="Discover the architecture of ImageMagick, including its pixel cache, image properties, profiles, threading, distributed processing, and custom coders/filters. Learn how ImageMagick efficiently manages pixels, metadata, and large images across heterogeneous platforms for powerful image conversion, editing, and composition.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Architecture">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#cache">The Pixel Cache</a> • <a href="#properties">Image Properties and Profiles</a> • <a href="#multispectral">Multispectral Imagery</a> • <a href="#tera-pixel">Large Image Support</a> • <a href="#stream">Streaming Pixels</a> • <a href="#threads">Threads of Execution</a> • <a href="#dynamic-throttle">Enable Dynamic Throttling for Optimized Performance</a> • <a href="#distributed">Heterogeneous Distributed Processing</a> • <a href="#coders">Custom Image Coders</a> • <a href="#filters">Custom Image Filters</a></p>
@@ -211,12 +230,12 @@
<p>An image typically consists of a rectangular region of pixels and metadata. To convert, edit, or compose an image in an efficient manner, we need convenient access to any pixel anywhere within the region (and sometimes outside the region). And in the case of an image sequence, we need access to any pixel of any region of any image in the sequence. However, there are hundreds of image formats such JPEG, TIFF, PNG, GIF, etc., that makes it difficult to access pixels on demand. Within these formats we find differences in:</p>
<ul>
- <li>colorspace (e.g sRGB, linear RGB, linear GRAY, CMYK, YUV, Lab, etc.)</li>
- <li>bit depth (.e.g 1, 4, 8, 12, 16, etc.)</li>
+ <li>colorspace (e.g. sRGB, linear RGB, linear GRAY, CMYK, YUV, Lab, etc.)</li>
+ <li>bit depth (e.g. 1, 4, 8, 12, 16, etc.)</li>
<li>storage format (e.g. unsigned, signed, float, double, etc.)</li>
<li>compression (e.g. uncompressed, RLE, Zip, BZip, etc.)</li>
<li>orientation (i.e. top-to-bottom, right-to-left, etc.),</li>
- <li>layout (.e.g. raw, interspersed with opcodes, etc.)</li>
+ <li>layout (e.g. raw, interspersed with opcodes, etc.)</li>
</ul>
<p>In addition, some image pixels may require attenuation, some formats permit more than one frame, and some formats contain vector graphics that must first be rasterized (converted from vector to pixels).</p>
@@ -282,7 +301,7 @@ if (image == (Image *) NULL)
<p>When the pixel cache is initialized, pixels are scaled from whatever bit depth they originated from to that required by the pixel cache. For example, a 1-channel 1-bit monochrome PBM image is scaled to 8-bit gray image, if you are using the Q8 version of ImageMagick, and 16-bit RGBA for the Q16 version. You can determine which version you have with the <a href="../command-line-options/index.html#version">-version</a> option: </p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><samp>$ identify -version
-Version: ImageMagick 7.1.2-27 2026-07-05 Q16-HDRI https://imagemagick.org</samp></pre>
+Version: ImageMagick 7.1.2-31 2026-09-03 Q16-HDRI https://imagemagick.org</samp></pre>
<p>As you can see, the convenience of the pixel cache sometimes comes with a trade-off in storage (e.g. storing a 1-bit monochrome image as 16-bit is wasteful) and speed (i.e. storing the entire image in memory is generally slower than accessing one scanline of pixels at a time). In most cases, the benefits of the pixel cache typically outweigh any disadvantages.</p>
@@ -364,8 +383,12 @@ if (y < (ssize_t) source->rows)
<p>There are a plethora of image processing algorithms that require a neighborhood of pixels about a pixel of interest. The algorithm typically includes a caveat concerning how to handle pixels around the image boundaries, known as edge pixels. With virtual pixels, you do not need to concern yourself about special edge processing other than choosing which virtual pixel method is most appropriate for your algorithm.</p>
<p>Access to the virtual pixels are controlled by the SetImageVirtualPixelMethod()</a> method from the MagickCore API or the <a href="../command-line-options/index.html#virtual-pixel">-virtual-pixel</a> option from the command line. The methods include:</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<td>background</td>
<td>the area surrounding the image is the background color</td>
@@ -434,8 +457,12 @@ if (y < (ssize_t) source->rows)
<p>Recall that this simple and elegant design of the ImageMagick pixel cache comes at a cost in terms of storage and processing speed. The pixel cache storage requirements scales with the area of the image and the bit depth of the pixel components. For example, if we have a 640 by 480 image and we are using the non-HDRI Q16 version of ImageMagick, the pixel cache consumes image <var>width * height * bit-depth / 8 * channels</var> bytes or approximately 2.3 mebibytes (i.e. 640 * 480 * 2 * 4). Not too bad, but what if your image is 25000 by 25000 pixels? The pixel cache requires approximately 4.7 gibibytes of storage. Ouch. ImageMagick accounts for possible huge storage requirements by caching large images to disk rather than memory. Typically the pixel cache is stored in memory using heap memory. If heap memory is exhausted, we create the pixel cache on disk and attempt to memory-map it. If memory-map memory is exhausted, we simply use standard disk I/O. Disk storage is plentiful and cheap, but it is also very slow-- upwards of 1000 times slower than accessing pixels in memory. We can get some speed improvements, up to 5 times, if we memory-map the disk-based cache. These decisions about storage are made <var>automagically</var> by the pixel cache manager negotiating with the operating system. However, you can influence how the pixel cache manager allocates the pixel cache with <var>cache resource limits</var>. The limits include:</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<td>width</td>
<td>maximum width of an image. Exceed this limit and an exception is thrown and the operation discontinues.</td>
@@ -975,7 +1002,7 @@ Performance[12]: 10i 4.525ips 0.799e 18.320u 0:02.210
</code></pre>
<h2><a class="anchor" id="distributed"></a>Heterogeneous Distributed Processing</h2>
-<p>ImageMagick includes support for heterogeneous distributed processing with the <a href="http://en.wikipedia.org/wiki/OpenCL">OpenCL</a> framework. OpenCL kernels within ImageMagick permit image processing algorithms to execute across heterogeneous platforms consisting of CPUs, GPUs, and other processors. Depending on your platform, speed-ups can be an order of magnitude faster than the traditional single CPU.</p>
+<p>ImageMagick includes support for heterogeneous distributed processing with the <a href="https://en.wikipedia.org/wiki/OpenCL">OpenCL</a> framework. OpenCL kernels within ImageMagick permit image processing algorithms to execute across heterogeneous platforms consisting of CPUs, GPUs, and other processors. Depending on your platform, speed-ups can be an order of magnitude faster than the traditional single CPU.</p>
<p>First verify that your version of ImageMagick includes support for the OpenCL feature:</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>$ magick identify -version
@@ -1056,7 +1083,7 @@ __kernel void Convolve(const __global CLPixelType *source,__constant float *filt
<p>An image coder (i.e. encoder / decoder) is responsible for registering, optionally classifying, optionally reading, optionally writing, and unregistering one image format (e.g. PNG, GIF, JPEG, etc.). Registering an image coder alerts ImageMagick a particular format is available to read or write. While unregistering tells ImageMagick the format is no longer available. The classifying method looks at the first few bytes of an image and determines if the image is in the expected format. The reader sets the image size, colorspace, and other properties and loads the pixel cache with the pixels. The reader returns a single image or an image sequence (if the format supports multiple images per file), or if an error occurs, an exception and a null image. The writer does the reverse. It takes the image properties and unloads the pixel cache and writes them as required by the image format.</p>
-<p>Here is a listing of a sample <a href="../source/mgk.c">custom coder</a>. It reads and writes images in the MGK image format which is simply an ID followed by the image width and height followed by the RGB pixel values.</p>
+<p>Here is a listing of a sample <a href="../source/mgk.html">custom coder</a>. It reads and writes images in the MGK image format which is simply an ID followed by the image width and height followed by the RGB pixel values.</p>
<pre class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;"><code>#include <MagickCore/studio.h>
#include <MagickCore/blob.h>
#include <MagickCore/cache.h>
@@ -1492,7 +1519,7 @@ $ display logo.mgk
<p>ImageMagick provides a convenient mechanism for adding your own custom image processing algorithms. We call these image filters and they are invoked from the command line with the <a href="../command-line-options/index.html#process">-process</a> option or from the MagickCore API method ExecuteModuleProcess().</p>
-<p>Here is a listing of a sample <a href="../source/analyze.c">custom image filter</a>. It computes a few statistics such as the pixel brightness and saturation mean and standard-deviation.</p>
+<p>Here is a listing of a sample <a href="../source/analyze.html">custom image filter</a>. It computes a few statistics such as the pixel brightness and saturation mean and standard-deviation.</p>
<pre class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;"><code>#include <stdio.h>
#include <stdlib.h>
#include <string.h>
@@ -1769,12 +1796,12 @@ Image: logo:
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -1799,7 +1826,7 @@ Image: logo:
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/changelog/index.html b/www/changelog/index.html
index e232698c0..f8bec42a0 100644
--- a/www/changelog/index.html
+++ b/www/changelog/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Changelog">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/changelog/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Changelog">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<h1 id="changelog">Changelog</h1>
<p>All notable changes to this project will be documented in this file.</p>
@@ -208,10 +227,313 @@
<p>The format is based on <a href="https://keepachangelog.com/en/1.0.0/">Keep a Changelog</a>
and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semantic Versioning</a>.</p>
-<h2 id="712-27---2026-07-05"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-26...7.1.2-27">7.1.2-27</a> - 2026-07-05</h2>
+<h2 id="712-31---2026-09-03"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-30...7.1.2-31">7.1.2-31</a> - 2026-09-03</h2>
<h3 id="merged">Merged</h3>
+<ul>
+ <li>build: require libultrahdr 1.4.0 for UHDR <a href="https://github.com/ImageMagick/ImageMagick/pull/8936"><code class="language-plaintext highlighter-rouge">#8936</code></a></li>
+ <li>fix: use registered UHDR module name in policy check <a href="https://github.com/ImageMagick/ImageMagick/pull/8935"><code class="language-plaintext highlighter-rouge">#8935</code></a></li>
+ <li>build(deps): bump azure/login from 3.0.1 to 3.0.2 <a href="https://github.com/ImageMagick/ImageMagick/pull/8934"><code class="language-plaintext highlighter-rouge">#8934</code></a></li>
+ <li>build(deps): bump the codeql-action group with 3 updates <a href="https://github.com/ImageMagick/ImageMagick/pull/8933"><code class="language-plaintext highlighter-rouge">#8933</code></a></li>
+ <li>build(deps): bump the codeql-action group with 3 updates <a href="https://github.com/ImageMagick/ImageMagick/pull/8925"><code class="language-plaintext highlighter-rouge">#8925</code></a></li>
+ <li>build(deps): bump ubuntu from <code class="language-plaintext highlighter-rouge">678c655</code> to <code class="language-plaintext highlighter-rouge">2260313</code> in /.devcontainer <a href="https://github.com/ImageMagick/ImageMagick/pull/8923"><code class="language-plaintext highlighter-rouge">#8923</code></a></li>
+</ul>
+
+<h3 id="commits">Commits</h3>
+
+<ul>
+ <li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/a1f2ef2aeda232d066d5c1325b810d7593e17de4"><code class="language-plaintext highlighter-rouge">a1f2ef2</code></a></li>
+ <li>Also create an SBOM for the portable builds. <a href="https://github.com/ImageMagick/ImageMagick/commit/482ae0e9c191cefcb2f2ba01cd4bd476b41235be"><code class="language-plaintext highlighter-rouge">482ae0e</code></a></li>
+ <li>Corrected file names. <a href="https://github.com/ImageMagick/ImageMagick/commit/c3d83c65a6831bd191911e7b2ab381040d39f4d3"><code class="language-plaintext highlighter-rouge">c3d83c6</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-4gg2-hfgh-6f5c <a href="https://github.com/ImageMagick/ImageMagick/commit/8f620237fe341e814430fe3621b867b0b615f446"><code class="language-plaintext highlighter-rouge">8f62023</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-7hjx-392p-f8cm <a href="https://github.com/ImageMagick/ImageMagick/commit/59046410c17e9421f0ad7b4bec478a892cf30c12"><code class="language-plaintext highlighter-rouge">5904641</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-r868-pmwh-fv2c <a href="https://github.com/ImageMagick/ImageMagick/commit/768bdd0dbb9a9ad743b6a6e557126b788b325970"><code class="language-plaintext highlighter-rouge">768bdd0</code></a></li>
+ <li>Added missing include and corrected the module name. <a href="https://github.com/ImageMagick/ImageMagick/commit/07143f6c9a145037aa79055d608d6d105b390e5b"><code class="language-plaintext highlighter-rouge">07143f6</code></a></li>
+ <li>Added missing coders. <a href="https://github.com/ImageMagick/ImageMagick/commit/7e99fb4e4426327e3e01a8a9601da6eb4eecb2fd"><code class="language-plaintext highlighter-rouge">7e99fb4</code></a></li>
+ <li>Fixed the policy check for coders (GHSA-vcjj-32hg-qpx5) <a href="https://github.com/ImageMagick/ImageMagick/commit/82f373fedb3425c83a239103ab86f4fa86fd49ac"><code class="language-plaintext highlighter-rouge">82f373f</code></a></li>
+ <li>More fixes for GHSA-vcjj-32hg-qpx5. <a href="https://github.com/ImageMagick/ImageMagick/commit/dcdbbf4278fab20a32a4ad80e64cb95c368ca8dd"><code class="language-plaintext highlighter-rouge">dcdbbf4</code></a></li>
+ <li>Corrected the call to CheckPrimitiveExtent to fix the use of uninitialized heap memory (GHSA-6xf5-c3jx-rp39) <a href="https://github.com/ImageMagick/ImageMagick/commit/5d29c094020612dc8fb471b10fc1d1cc6e9e4378"><code class="language-plaintext highlighter-rouge">5d29c09</code></a></li>
+ <li>Moved EscapeParenthesis to the ghostscript-private.h header file. <a href="https://github.com/ImageMagick/ImageMagick/commit/e2bd884c19c50b21458833a9e7a2f8528a683d25"><code class="language-plaintext highlighter-rouge">e2bd884</code></a></li>
+ <li>Escape the labels to prevent code injection (GHSA-5rg6-j44q-q892) <a href="https://github.com/ImageMagick/ImageMagick/commit/78378cd623468760bee82a5930cb3011725916f8"><code class="language-plaintext highlighter-rouge">78378cd</code></a></li>
+ <li>Added missing define checks <a href="https://github.com/ImageMagick/ImageMagick/commit/bd96ddabe1107f252fbd298b7a864ff1e28d319a"><code class="language-plaintext highlighter-rouge">bd96dda</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-4fq9-vrx7-gv92 <a href="https://github.com/ImageMagick/ImageMagick/commit/c69f54e1c8660e45f2ff83c354bf924a946d9356"><code class="language-plaintext highlighter-rouge">c69f54e</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-2w4h-697j-4vrm <a href="https://github.com/ImageMagick/ImageMagick/commit/86672a16cedbf5a06d64e629e058310d683bb48e"><code class="language-plaintext highlighter-rouge">86672a1</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-qr53-hc3p-fc62 <a href="https://github.com/ImageMagick/ImageMagick/commit/c311471c4e4978494834c707b417bc033d95cc48"><code class="language-plaintext highlighter-rouge">c311471</code></a></li>
+ <li>Added missing include. <a href="https://github.com/ImageMagick/ImageMagick/commit/5ccfb2f6478ac349825b505799464a29b9030363"><code class="language-plaintext highlighter-rouge">5ccfb2f</code></a></li>
+ <li>Added missing check for eof when using the custom stream reader in ReadBlob <a href="https://github.com/ImageMagick/ImageMagick/commit/78aff3a7a1d3decb0e463a2e7bdb36be48c84f6d"><code class="language-plaintext highlighter-rouge">78aff3a</code></a></li>
+ <li>Use a better algorithm to determine the numerator and denominator (GHSA-v45j-x8p4-3mh4) <a href="https://github.com/ImageMagick/ImageMagick/commit/f491576297141ff685dc4460d811986f5b6b6cec"><code class="language-plaintext highlighter-rouge">f491576</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-89wq-f8f6-2j2v <a href="https://github.com/ImageMagick/ImageMagick/commit/d779ac52f92c3045ced59362b483bee25a3fc784"><code class="language-plaintext highlighter-rouge">d779ac5</code></a></li>
+ <li>initial framework for the c2pa coder <a href="https://github.com/ImageMagick/ImageMagick/commit/b34352d805c9a953aac1b5a393bf0bbf8c950c69"><code class="language-plaintext highlighter-rouge">b34352d</code></a></li>
+ <li>add header <a href="https://github.com/ImageMagick/ImageMagick/commit/9f2cb10df8fa43e0f5077ebcbc487841f171622e"><code class="language-plaintext highlighter-rouge">9f2cb10</code></a></li>
+ <li>add c2pa coder framework <a href="https://github.com/ImageMagick/ImageMagick/commit/a4d1d62096c8250d7596857cacfd8d59e2b459e1"><code class="language-plaintext highlighter-rouge">a4d1d62</code></a></li>
+ <li>eliminate compiler warnings <a href="https://github.com/ImageMagick/ImageMagick/commit/a37640f6015f4f500856159b241ece9cffdc2ae0"><code class="language-plaintext highlighter-rouge">a37640f</code></a></li>
+ <li>Removed unused argument <a href="https://github.com/ImageMagick/ImageMagick/commit/0e94ad45de9f9dc4f98978fa7201ad6a474682b5"><code class="language-plaintext highlighter-rouge">0e94ad4</code></a></li>
+ <li>Added missing null check to avoid a null pointer dereference (GHSA-92rw-c5mw-27v4) <a href="https://github.com/ImageMagick/ImageMagick/commit/c4b3c9039a1509e3e7869331773865b521a62f93"><code class="language-plaintext highlighter-rouge">c4b3c90</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8927 <a href="https://github.com/ImageMagick/ImageMagick/commit/c7170954b22ab07ab15d2f912a4aae3eb0cba273"><code class="language-plaintext highlighter-rouge">c717095</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-3rjr-534c-8v67 <a href="https://github.com/ImageMagick/ImageMagick/commit/282f455de5c80a7a0d1a713087db9c8fce344141"><code class="language-plaintext highlighter-rouge">282f455</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-3rjr-534c-8v67 <a href="https://github.com/ImageMagick/ImageMagick/commit/4fe31106f41fa114945ceaf93226fb151ada0d19"><code class="language-plaintext highlighter-rouge">4fe3110</code></a></li>
+ <li>framework for c2pa coder <a href="https://github.com/ImageMagick/ImageMagick/commit/7d25548f140d3f2c71cedf2772a3ddfcd3e11f7d"><code class="language-plaintext highlighter-rouge">7d25548</code></a></li>
+ <li>add new exception for required manifest <a href="https://github.com/ImageMagick/ImageMagick/commit/b14e552a910a0503da7171cf0e944b72fb3151e5"><code class="language-plaintext highlighter-rouge">b14e552</code></a></li>
+ <li>add C2PA define <a href="https://github.com/ImageMagick/ImageMagick/commit/837ec6f76320fd666e475f8d1fdd076688509151"><code class="language-plaintext highlighter-rouge">837ec6f</code></a></li>
+ <li>include static header <a href="https://github.com/ImageMagick/ImageMagick/commit/03a79c3dad77b010beb7552f12abc01eedd7d097"><code class="language-plaintext highlighter-rouge">03a79c3</code></a></li>
+ <li>cosmetic <a href="https://github.com/ImageMagick/ImageMagick/commit/beeb133d83758eeb14f2889f85420ee7d0de7eba"><code class="language-plaintext highlighter-rouge">beeb133</code></a></li>
+ <li>c2pa decode poc <a href="https://github.com/ImageMagick/ImageMagick/commit/114618ea91a8186554d6e4700d0cb01f63fb63ff"><code class="language-plaintext highlighter-rouge">114618e</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8930 <a href="https://github.com/ImageMagick/ImageMagick/commit/a96821ac8fc667e0632de35b2b3e84b06934853e"><code class="language-plaintext highlighter-rouge">a96821a</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8930 <a href="https://github.com/ImageMagick/ImageMagick/commit/c42d72dead52f4da9ee6a247d0b529ce1e39b898"><code class="language-plaintext highlighter-rouge">c42d72d</code></a></li>
+ <li>create symbolic link only if input file exists <a href="https://github.com/ImageMagick/ImageMagick/commit/d4f900a0b4f6e45a8f42bde74d623e08d606be65"><code class="language-plaintext highlighter-rouge">d4f900a</code></a></li>
+ <li>correct c2pa delegate <a href="https://github.com/ImageMagick/ImageMagick/commit/de7f30c2a938b9c1f42ac5c5d0a802c042f36f63"><code class="language-plaintext highlighter-rouge">de7f30c</code></a></li>
+ <li>More fixes for GHSA-89wq-f8f6-2j2v <a href="https://github.com/ImageMagick/ImageMagick/commit/b5da5eac006bae77c587a7c238e346c90ea52acd"><code class="language-plaintext highlighter-rouge">b5da5ea</code></a></li>
+ <li>Updated the dependencies. <a href="https://github.com/ImageMagick/ImageMagick/commit/5f49dfbbfc58695c01e6bd09dc70dc56d19446d7"><code class="language-plaintext highlighter-rouge">5f49dfb</code></a></li>
+ <li>More fixes for GHSA-5rg6-j44q-q892. <a href="https://github.com/ImageMagick/ImageMagick/commit/2ba2edfd04a1ab3d45af4a0dc1e640dde7020192"><code class="language-plaintext highlighter-rouge">2ba2edf</code></a></li>
+ <li>for now, limit c2pa support to decoding only <a href="https://github.com/ImageMagick/ImageMagick/commit/977a27848b533c98d7819afd51a5032449607cc1"><code class="language-plaintext highlighter-rouge">977a278</code></a></li>
+ <li>eliminate compile exception <a href="https://github.com/ImageMagick/ImageMagick/commit/f557204e9f667e4b5a8d27b8c3d358846c72ae5b"><code class="language-plaintext highlighter-rouge">f557204</code></a></li>
+ <li>eliminate compiler exception <a href="https://github.com/ImageMagick/ImageMagick/commit/a92f423d325dcf7fb03d51803aa07b2f40d9b258"><code class="language-plaintext highlighter-rouge">a92f423</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-jvjm-9f73-fhpq <a href="https://github.com/ImageMagick/ImageMagick/commit/8f3a15e60b723bfe3e80bd1b5e4bee88397467f7"><code class="language-plaintext highlighter-rouge">8f3a15e</code></a></li>
+ <li>latest autoconf update <a href="https://github.com/ImageMagick/ImageMagick/commit/8cab7beb938031b76031c14014200d8e3b5f599f"><code class="language-plaintext highlighter-rouge">8cab7be</code></a></li>
+ <li>check >= limit <a href="https://github.com/ImageMagick/ImageMagick/commit/404450eb0fa5704d200bd097c3d1b3851af2a78b"><code class="language-plaintext highlighter-rouge">404450e</code></a></li>
+ <li>extra check not needed <a href="https://github.com/ImageMagick/ImageMagick/commit/32bbfb10c47c0247162a8a1b777b9b637d6b8425"><code class="language-plaintext highlighter-rouge">32bbfb1</code></a></li>
+ <li>revert <a href="https://github.com/ImageMagick/ImageMagick/commit/e18959ada1ca92008b14aea4773a702f30d51fa6"><code class="language-plaintext highlighter-rouge">e18959a</code></a></li>
+ <li>Removed unused code. <a href="https://github.com/ImageMagick/ImageMagick/commit/ad464d19e4d43949dd20fda0a6262cf130b3b969"><code class="language-plaintext highlighter-rouge">ad464d1</code></a></li>
+ <li>Trim labels to prevent code injection (GHSA-p6j5-2qwh-6486) <a href="https://github.com/ImageMagick/ImageMagick/commit/8309dc92a18722a9ccc4bb9c848ac2d01426cfe5"><code class="language-plaintext highlighter-rouge">8309dc9</code></a></li>
+ <li>release <a href="https://github.com/ImageMagick/ImageMagick/commit/fb965f1b54a65ddb633f8c2eac4452c782c66d7f"><code class="language-plaintext highlighter-rouge">fb965f1</code></a></li>
+</ul>
+
+<h2 id="712-30---2026-08-23"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-29...7.1.2-30">7.1.2-30</a> - 2026-08-23</h2>
+
+<h3 id="merged-1">Merged</h3>
+
+<ul>
+ <li>Fix inline SVG style precedence <a href="https://github.com/ImageMagick/ImageMagick/pull/8920"><code class="language-plaintext highlighter-rouge">#8920</code></a></li>
+ <li>Amiga Workbench .info coder (image/x-amiga-icon) <a href="https://github.com/ImageMagick/ImageMagick/pull/8606"><code class="language-plaintext highlighter-rouge">#8606</code></a></li>
+ <li>Preserve page offsets in PCX images <a href="https://github.com/ImageMagick/ImageMagick/pull/8921"><code class="language-plaintext highlighter-rouge">#8921</code></a></li>
+ <li>build(deps): bump the codeql-action group with 3 updates <a href="https://github.com/ImageMagick/ImageMagick/pull/8917"><code class="language-plaintext highlighter-rouge">#8917</code></a></li>
+ <li>build(deps): bump the codeql-action group across 1 directory with 3 updates <a href="https://github.com/ImageMagick/ImageMagick/pull/8909"><code class="language-plaintext highlighter-rouge">#8909</code></a></li>
+ <li>build(deps): bump azure/login from 3.0.0 to 3.0.1 <a href="https://github.com/ImageMagick/ImageMagick/pull/8911"><code class="language-plaintext highlighter-rouge">#8911</code></a></li>
+ <li>build(deps): bump actions/attest from 4.2.1 to 4.2.2 <a href="https://github.com/ImageMagick/ImageMagick/pull/8910"><code class="language-plaintext highlighter-rouge">#8910</code></a></li>
+ <li>Added initial support for the aseprite format <a href="https://github.com/ImageMagick/ImageMagick/pull/8783"><code class="language-plaintext highlighter-rouge">#8783</code></a></li>
+ <li>build(deps): bump the codeql-action group with 3 updates <a href="https://github.com/ImageMagick/ImageMagick/pull/8907"><code class="language-plaintext highlighter-rouge">#8907</code></a></li>
+ <li>build(deps): bump ubuntu from <code class="language-plaintext highlighter-rouge">3131b4c</code> to <code class="language-plaintext highlighter-rouge">678c655</code> in /.devcontainer <a href="https://github.com/ImageMagick/ImageMagick/pull/8903"><code class="language-plaintext highlighter-rouge">#8903</code></a></li>
+ <li>build(deps): bump actions/attest from 4.2.0 to 4.2.1 <a href="https://github.com/ImageMagick/ImageMagick/pull/8904"><code class="language-plaintext highlighter-rouge">#8904</code></a></li>
+ <li>build(deps): bump ossf/scorecard-action from 2.4.3 to 2.4.4 <a href="https://github.com/ImageMagick/ImageMagick/pull/8896"><code class="language-plaintext highlighter-rouge">#8896</code></a></li>
+ <li>build(deps): bump the codeql-action group with 3 updates <a href="https://github.com/ImageMagick/ImageMagick/pull/8895"><code class="language-plaintext highlighter-rouge">#8895</code></a></li>
+ <li>build(deps): bump the codeql-action group with 3 updates <a href="https://github.com/ImageMagick/ImageMagick/pull/8891"><code class="language-plaintext highlighter-rouge">#8891</code></a></li>
+</ul>
+
+<h3 id="commits-1">Commits</h3>
+
+<ul>
+ <li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/62a8a0e30332dc759f37e4cafbd523c07ec02fce"><code class="language-plaintext highlighter-rouge">62a8a0e</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8893 <a href="https://github.com/ImageMagick/ImageMagick/commit/c0bfa484d7ab9439f9755d1aaa473ce7b098ef00"><code class="language-plaintext highlighter-rouge">c0bfa48</code></a></li>
+ <li>Corrected method call. <a href="https://github.com/ImageMagick/ImageMagick/commit/ac68a7c1bcce854649bba35e4a8eb0d94c959e6b"><code class="language-plaintext highlighter-rouge">ac68a7c</code></a></li>
+ <li>Fix YCbCr TIFF images to always convert to RGB via the generic reader. <a href="https://github.com/ImageMagick/ImageMagick/commit/6a40f2662d67df1a8e5689f2adbcbc9c59a43412"><code class="language-plaintext highlighter-rouge">6a40f26</code></a></li>
+ <li>Moved the workflow to the Website repository. <a href="https://github.com/ImageMagick/ImageMagick/commit/b17cb9c681d2bf4c4df93dac26a95eeae14072ce"><code class="language-plaintext highlighter-rouge">b17cb9c</code></a></li>
+ <li>check for supported inline image formats <a href="https://github.com/ImageMagick/ImageMagick/commit/e1394acefb9522651cc6d92730daf8c3a6540552"><code class="language-plaintext highlighter-rouge">e1394ac</code></a></li>
+ <li>revert <a href="https://github.com/ImageMagick/ImageMagick/commit/d14e83b6c676bd3d14f7aa296fea6029524a6d9b"><code class="language-plaintext highlighter-rouge">d14e83b</code></a></li>
+ <li>fix exception tag <a href="https://github.com/ImageMagick/ImageMagick/commit/8f88a9a6275793a955eff3049a7df00a372d2163"><code class="language-plaintext highlighter-rouge">8f88a9a</code></a></li>
+ <li>correct exception tag <a href="https://github.com/ImageMagick/ImageMagick/commit/4d3d052dbc3839c4e31c084b3b87a8c3be48994b"><code class="language-plaintext highlighter-rouge">4d3d052</code></a></li>
+ <li>deny inline implicit image formats <a href="https://github.com/ImageMagick/ImageMagick/commit/71489bb248d916f1aae0abae7230be359506c33b"><code class="language-plaintext highlighter-rouge">71489bb</code></a></li>
+ <li>eliminate compiler exception <a href="https://github.com/ImageMagick/ImageMagick/commit/3d7013baae062409464aaf8f7084e17a72286f80"><code class="language-plaintext highlighter-rouge">3d7013b</code></a></li>
+ <li>revert <a href="https://github.com/ImageMagick/ImageMagick/commit/0908f10abe40f76f64ed443bce184587e0826092"><code class="language-plaintext highlighter-rouge">0908f10</code></a></li>
+ <li>refactor <a href="https://github.com/ImageMagick/ImageMagick/commit/ef809e96f3c2b67bba482a0753ce539fa855cfdc"><code class="language-plaintext highlighter-rouge">ef809e9</code></a></li>
+ <li>refactor <a href="https://github.com/ImageMagick/ImageMagick/commit/cc6d9251e7746dcb9ef6b391976c2a334edd0d15"><code class="language-plaintext highlighter-rouge">cc6d925</code></a></li>
+ <li>get properties that might exceed 4096 characters <a href="https://github.com/ImageMagick/ImageMagick/commit/a5c052188fd423374f726bd368ef2a567d25d3c6"><code class="language-plaintext highlighter-rouge">a5c0521</code></a></li>
+ <li>initialize buffer to null <a href="https://github.com/ImageMagick/ImageMagick/commit/a8a11a2e0167eeb6979b6c1a26a62bedbb4f27a0"><code class="language-plaintext highlighter-rouge">a8a11a2</code></a></li>
+ <li>revert <a href="https://github.com/ImageMagick/ImageMagick/commit/f8babcdbbb599e797c2cbad48c87cecf8f00e4c6"><code class="language-plaintext highlighter-rouge">f8babcd</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-wxw6-98rj-hjfr <a href="https://github.com/ImageMagick/ImageMagick/commit/19bce64e3667ff0348d559e2526c850f8fbe2b5a"><code class="language-plaintext highlighter-rouge">19bce64</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8901 <a href="https://github.com/ImageMagick/ImageMagick/commit/4d9720f7ba3251cbd203ca7fdee30a589afb05e7"><code class="language-plaintext highlighter-rouge">4d9720f</code></a></li>
+ <li>Return error when WebPDemuxGetFrame fails. <a href="https://github.com/ImageMagick/ImageMagick/commit/48c6d9597177a3d08a3c5bd43ac8852f089e99e8"><code class="language-plaintext highlighter-rouge">48c6d95</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-chf5-8rv9-gjqr <a href="https://github.com/ImageMagick/ImageMagick/commit/5bff96a5c8d0b3dafa4ad4fa7916db4cae72a11d"><code class="language-plaintext highlighter-rouge">5bff96a</code></a></li>
+ <li>Corrected types. <a href="https://github.com/ImageMagick/ImageMagick/commit/b20cdc810a8f225342c71fd0d09e16c8c972a561"><code class="language-plaintext highlighter-rouge">b20cdc8</code></a></li>
+ <li>Updated configure. <a href="https://github.com/ImageMagick/ImageMagick/commit/d4847a3a4b59d121161d76e599ab6faf48b0a51b"><code class="language-plaintext highlighter-rouge">d4847a3</code></a></li>
+ <li>Added new ASE coder. <a href="https://github.com/ImageMagick/ImageMagick/commit/6de67dfe1983a82eccb0327253baeb8ac5c935f9"><code class="language-plaintext highlighter-rouge">6de67df</code></a></li>
+ <li>Make sure we also include the static.h header file. <a href="https://github.com/ImageMagick/ImageMagick/commit/9f277ec865ef3352f535a3fbdb70a484ad4e5498"><code class="language-plaintext highlighter-rouge">9f277ec</code></a></li>
+ <li>latest autoconf/automake update <a href="https://github.com/ImageMagick/ImageMagick/commit/91df48aaf53139b6d27b268356ecba84f2437b37"><code class="language-plaintext highlighter-rouge">91df48a</code></a></li>
+ <li>symetric divide of real and imaginary components by magnitude <a href="https://github.com/ImageMagick/ImageMagick/commit/2b3ca9339f12bff59b4a413ef888fa5dc2ffa958"><code class="language-plaintext highlighter-rouge">2b3ca93</code></a></li>
+ <li>revert <a href="https://github.com/ImageMagick/ImageMagick/commit/bbf4f0ec01adf801a060bc282e957b120eb4b918"><code class="language-plaintext highlighter-rouge">bbf4f0e</code></a></li>
+ <li>phase similarity now matches Fred’s phase script <a href="https://github.com/ImageMagick/ImageMagick/commit/b7794a3e8f7a3aba72600c73e2ae060ce7830bc4"><code class="language-plaintext highlighter-rouge">b7794a3</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/code-scanning/135 <a href="https://github.com/ImageMagick/ImageMagick/commit/12174d4a7367ae8ce43285f65abbf3bea60262c1"><code class="language-plaintext highlighter-rouge">12174d4</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8890 <a href="https://github.com/ImageMagick/ImageMagick/commit/8d1fdcb46b8a29ad1297b0925c915fd8efcb1a60"><code class="language-plaintext highlighter-rouge">8d1fdcb</code></a></li>
+ <li>use log of guassian for the correlation surface <a href="https://github.com/ImageMagick/ImageMagick/commit/5c4be46e5eac25435d036a0cedd49e66985dd23f"><code class="language-plaintext highlighter-rouge">5c4be46</code></a></li>
+ <li>Removed variable that is only set but never read. <a href="https://github.com/ImageMagick/ImageMagick/commit/f6f439a3299f8d7f6bce0870841ff7aab6ca67b3"><code class="language-plaintext highlighter-rouge">f6f439a</code></a></li>
+ <li>Updated the dependencies. <a href="https://github.com/ImageMagick/ImageMagick/commit/2c19028397a2c453e98103649d7d2d053d041b2e"><code class="language-plaintext highlighter-rouge">2c19028</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-9x6f-98x9-rx6g <a href="https://github.com/ImageMagick/ImageMagick/commit/a44ef50cc494253f7d9f0229bb25c064a8e2ae69"><code class="language-plaintext highlighter-rouge">a44ef50</code></a></li>
+ <li>rename() does not work across partitions <a href="https://github.com/ImageMagick/ImageMagick/commit/332aa8745016770f311f9e206b40ad0818996a17"><code class="language-plaintext highlighter-rouge">332aa87</code></a></li>
+ <li>Explicitly checks for read() and write() errors <a href="https://github.com/ImageMagick/ImageMagick/commit/15aafab18314ddcf3e049aee6aeadc39b805b4ce"><code class="language-plaintext highlighter-rouge">15aafab</code></a></li>
+ <li>earlier check for authorized path <a href="https://github.com/ImageMagick/ImageMagick/commit/083a4b4e36741f4aca19a6fc206538ecce1f774e"><code class="language-plaintext highlighter-rouge">083a4b4</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-5m9j-96ff-j6qc <a href="https://github.com/ImageMagick/ImageMagick/commit/1d3e98913f6a8fa34b5a4180eadb9ed195b918a8"><code class="language-plaintext highlighter-rouge">1d3e989</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-3j4w-pvxj-fpjc <a href="https://github.com/ImageMagick/ImageMagick/commit/ae2ed8c81d8fad1f186e7f2bc0837b46a1c7be61"><code class="language-plaintext highlighter-rouge">ae2ed8c</code></a></li>
+ <li>Don’t call SetImageExtent when pinging an Aseprite image. <a href="https://github.com/ImageMagick/ImageMagick/commit/b8731aa04fe8282077516306b9673f120b6f657f"><code class="language-plaintext highlighter-rouge">b8731aa</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-x8g2-7r3w-h44p <a href="https://github.com/ImageMagick/ImageMagick/commit/fb0b4ffc4b798b9b36744b978726b7d7ec39bd8d"><code class="language-plaintext highlighter-rouge">fb0b4ff</code></a></li>
+ <li>Updated the dependencies. <a href="https://github.com/ImageMagick/ImageMagick/commit/cbe23fbe7be480675b9e07ed2725225015faf7bd"><code class="language-plaintext highlighter-rouge">cbe23fb</code></a></li>
+ <li>Correct the media type of the image that is added to the wand. <a href="https://github.com/ImageMagick/ImageMagick/commit/26b7e6dc03122423620a327fd4aa09aaeee735c1"><code class="language-plaintext highlighter-rouge">26b7e6d</code></a></li>
+ <li>Fixed double free in non cairo builds (https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-f2r2-qw7g-3c8x) <a href="https://github.com/ImageMagick/ImageMagick/commit/326451aae51ac2dabc99fe66e063de6ec14cf8c8"><code class="language-plaintext highlighter-rouge">326451a</code></a></li>
+ <li>Removed unused code. <a href="https://github.com/ImageMagick/ImageMagick/commit/35318d3493de2db106506ae08c8d41c2aa544c49"><code class="language-plaintext highlighter-rouge">35318d3</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-4mwf-mggw-29vp <a href="https://github.com/ImageMagick/ImageMagick/commit/6ac07556a93b2de00c845cd535ca256f45a47154"><code class="language-plaintext highlighter-rouge">6ac0755</code></a></li>
+ <li>Don’t throw a fatal exception when hitting a recursion depth (GHSA-27m9-54jx-fgvq). <a href="https://github.com/ImageMagick/ImageMagick/commit/907b74817836b4f88e7453f0e95c849a1c5311aa"><code class="language-plaintext highlighter-rouge">907b748</code></a></li>
+ <li>Use AcquireCriticalMemory instead. <a href="https://github.com/ImageMagick/ImageMagick/commit/74ec09f9e9d57905d0c06bfb0b2009c9c87d90ef"><code class="language-plaintext highlighter-rouge">74ec09f</code></a></li>
+ <li>Report errors or return null instead of exiting the process. <a href="https://github.com/ImageMagick/ImageMagick/commit/a6b9e7f72e00fddb59a3ca8934e78cf8e9bcf59c"><code class="language-plaintext highlighter-rouge">a6b9e7f</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-4jv7-q6xw-6f4x <a href="https://github.com/ImageMagick/ImageMagick/commit/c83153dfc128de8e7c538f879c532c7d36a75abb"><code class="language-plaintext highlighter-rouge">c83153d</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8918 <a href="https://github.com/ImageMagick/ImageMagick/commit/31a418a8ec34499bf1a385cd6c2950154e4fb239"><code class="language-plaintext highlighter-rouge">31a418a</code></a></li>
+ <li>Use omp_set_max_active_levels on MSYS2 build instead. <a href="https://github.com/ImageMagick/ImageMagick/commit/d7924bce42b25ec901fc673e766c34039f37e94a"><code class="language-plaintext highlighter-rouge">d7924bc</code></a></li>
+ <li>latest autoconf/automake updates <a href="https://github.com/ImageMagick/ImageMagick/commit/05371c04cfa0211a5ac99391d60d9e730b6f051c"><code class="language-plaintext highlighter-rouge">05371c0</code></a></li>
+ <li>Code cleanup and a bug fix. <a href="https://github.com/ImageMagick/ImageMagick/commit/f9070c041c2a848e14f317bd42285e0e10dfad56"><code class="language-plaintext highlighter-rouge">f9070c0</code></a></li>
+ <li>Updated configure. <a href="https://github.com/ImageMagick/ImageMagick/commit/86e0ac6585294884fc91b86da944cb335692f610"><code class="language-plaintext highlighter-rouge">86e0ac6</code></a></li>
+ <li>latest automake/autoconf update <a href="https://github.com/ImageMagick/ImageMagick/commit/6b1062f1e3916d7a6135f9c4acedc5f09a76c576"><code class="language-plaintext highlighter-rouge">6b1062f</code></a></li>
+ <li>Create an SBOM for the Windows release artifacts. <a href="https://github.com/ImageMagick/ImageMagick/commit/8ee86fa3fe75b71f3c8f0b066a4525abecf17c25"><code class="language-plaintext highlighter-rouge">8ee86fa</code></a></li>
+ <li>Use UTC timestamp instead. <a href="https://github.com/ImageMagick/ImageMagick/commit/0e0a47796e3cea7deee98777ffb4cf7e6c79357c"><code class="language-plaintext highlighter-rouge">0e0a477</code></a></li>
+ <li>Correct filename. <a href="https://github.com/ImageMagick/ImageMagick/commit/7d45ed0323eead72cbf5b0e8f43e6d24f2fe63a1"><code class="language-plaintext highlighter-rouge">7d45ed0</code></a></li>
+ <li>release <a href="https://github.com/ImageMagick/ImageMagick/commit/344e9056f43764bfdf82456faf3bc2feee98a6fe"><code class="language-plaintext highlighter-rouge">344e905</code></a></li>
+</ul>
+
+<h2 id="712-29---2026-07-27"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-28...7.1.2-29">7.1.2-29</a> - 2026-07-27</h2>
+
+<h3 id="commits-2">Commits</h3>
+
+<ul>
+ <li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/b8ae505adbccbf4fa7352afbfbd68b297ad5d511"><code class="language-plaintext highlighter-rouge">b8ae505</code></a></li>
+ <li>Updated the dependencies. <a href="https://github.com/ImageMagick/ImageMagick/commit/90f5b91b864024cd9e9c0c82306ba071388141b1"><code class="language-plaintext highlighter-rouge">90f5b91</code></a></li>
+ <li>add WEBP compress case when writing <a href="https://github.com/ImageMagick/ImageMagick/commit/f35294ec0d07d8b3ad6b92df3fd7d298fe5391fa"><code class="language-plaintext highlighter-rouge">f35294e</code></a></li>
+ <li>Removed unnecessary include. <a href="https://github.com/ImageMagick/ImageMagick/commit/1e2f64f8546a2dcfef1aebc068e3daba924fb176"><code class="language-plaintext highlighter-rouge">1e2f64f</code></a></li>
+ <li>Removed checks for values from tif_config.h that are not included, libtiff will report errors itself now. <a href="https://github.com/ImageMagick/ImageMagick/commit/7cf198897d451446866557537430c331583e43aa"><code class="language-plaintext highlighter-rouge">7cf1988</code></a></li>
+ <li>Only set the TIFFTAG_WEBP_LEVEL when the quality is not undefined. <a href="https://github.com/ImageMagick/ImageMagick/commit/02ac849fab759e6653822a84dfec2d5b862d22a2"><code class="language-plaintext highlighter-rouge">02ac849</code></a></li>
+ <li>Make sure we read the bits_per_sample before using it. <a href="https://github.com/ImageMagick/ImageMagick/commit/0af4ede10f4b4d700ea7dcf1608b13fe8219a5a0"><code class="language-plaintext highlighter-rouge">0af4ede</code></a></li>
+ <li>Added missing typecast. <a href="https://github.com/ImageMagick/ImageMagick/commit/b919b37fd4205722f03f4ff1f71f0c9519102369"><code class="language-plaintext highlighter-rouge">b919b37</code></a></li>
+ <li>release <a href="https://github.com/ImageMagick/ImageMagick/commit/360eda553586e389c9c725fc49df94f209a8a3c7"><code class="language-plaintext highlighter-rouge">360eda5</code></a></li>
+</ul>
+
+<h2 id="712-28---2026-07-26"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-27...7.1.2-28">7.1.2-28</a> - 2026-07-26</h2>
+
+<h3 id="merged-2">Merged</h3>
+
+<ul>
+ <li>build(deps): bump ubuntu from <code class="language-plaintext highlighter-rouge">b7f4819</code> to <code class="language-plaintext highlighter-rouge">3131b4c</code> in /.devcontainer <a href="https://github.com/ImageMagick/ImageMagick/pull/8876"><code class="language-plaintext highlighter-rouge">#8876</code></a></li>
+ <li>build(deps): bump actions/checkout from 7.0.0 to 7.0.1 <a href="https://github.com/ImageMagick/ImageMagick/pull/8882"><code class="language-plaintext highlighter-rouge">#8882</code></a></li>
+ <li>Fixes for PTIF writer to re-enable default creation of pyramid levels <a href="https://github.com/ImageMagick/ImageMagick/pull/8884"><code class="language-plaintext highlighter-rouge">#8884</code></a></li>
+ <li>build(deps): bump the codeql-action group with 3 updates <a href="https://github.com/ImageMagick/ImageMagick/pull/8881"><code class="language-plaintext highlighter-rouge">#8881</code></a></li>
+ <li>build(deps): bump actions/attest from 4.1.1 to 4.2.0 <a href="https://github.com/ImageMagick/ImageMagick/pull/8880"><code class="language-plaintext highlighter-rouge">#8880</code></a></li>
+ <li>fix: upgrade http:// to https:// in README.md <a href="https://github.com/ImageMagick/ImageMagick/pull/8867"><code class="language-plaintext highlighter-rouge">#8867</code></a></li>
+ <li>Fix memory leak in ASHLAR coder when action fails <a href="https://github.com/ImageMagick/ImageMagick/pull/8865"><code class="language-plaintext highlighter-rouge">#8865</code></a></li>
+ <li>build(deps): bump github/codeql-action/upload-sarif <a href="https://github.com/ImageMagick/ImageMagick/pull/8862"><code class="language-plaintext highlighter-rouge">#8862</code></a></li>
+ <li>build(deps): bump github/codeql-action/analyze from 4.36.3 to 4.37.0 <a href="https://github.com/ImageMagick/ImageMagick/pull/8863"><code class="language-plaintext highlighter-rouge">#8863</code></a></li>
+ <li>build(deps): bump github/codeql-action/init from 4.36.3 to 4.37.0 <a href="https://github.com/ImageMagick/ImageMagick/pull/8861"><code class="language-plaintext highlighter-rouge">#8861</code></a></li>
+ <li>Fix writing video output to stdout in Windows <a href="https://github.com/ImageMagick/ImageMagick/pull/8860"><code class="language-plaintext highlighter-rouge">#8860</code></a></li>
+ <li>build(deps): bump github/codeql-action/upload-sarif <a href="https://github.com/ImageMagick/ImageMagick/pull/8851"><code class="language-plaintext highlighter-rouge">#8851</code></a></li>
+ <li>build(deps): bump github/codeql-action/analyze from 4.36.2 to 4.36.3 <a href="https://github.com/ImageMagick/ImageMagick/pull/8849"><code class="language-plaintext highlighter-rouge">#8849</code></a></li>
+ <li>build(deps): bump github/codeql-action/init from 4.36.2 to 4.36.3 <a href="https://github.com/ImageMagick/ImageMagick/pull/8850"><code class="language-plaintext highlighter-rouge">#8850</code></a></li>
+ <li>re-add support for libheif 1.7.0 <a href="https://github.com/ImageMagick/ImageMagick/pull/8841"><code class="language-plaintext highlighter-rouge">#8841</code></a></li>
+</ul>
+
+<h3 id="fixed">Fixed</h3>
+
+<ul>
+ <li>Fix writing video output to stdout in Windows (#8860) <a href="https://github.com/ImageMagick/ImageMagick/issues/7900"><code class="language-plaintext highlighter-rouge">#7900</code></a></li>
+</ul>
+
+<h3 id="commits-3">Commits</h3>
+
+<ul>
+ <li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/3dd32151c717bb24118524f0a36e699a9aff025e"><code class="language-plaintext highlighter-rouge">3dd3215</code></a></li>
+ <li>Make sure git is configured properly when updating the website. <a href="https://github.com/ImageMagick/ImageMagick/commit/2e09a16b795caff2c3b0662b143ff9cd3ad2b1a1"><code class="language-plaintext highlighter-rouge">2e09a16</code></a></li>
+ <li>address remote TOCTOU issues <a href="https://github.com/ImageMagick/ImageMagick/commit/99d821db45ed03afc80925ce11eff62abe80484a"><code class="language-plaintext highlighter-rouge">99d821d</code></a></li>
+ <li>eliminate compiler warning <a href="https://github.com/ImageMagick/ImageMagick/commit/8e835bd7a06756cf959cc5157bea55d666c2924b"><code class="language-plaintext highlighter-rouge">8e835bd</code></a></li>
+ <li>map Windows file identity into st_dev/st_ino. <a href="https://github.com/ImageMagick/ImageMagick/commit/a15976c0755dd2eac76b1e3275b8eb9c37898782"><code class="language-plaintext highlighter-rouge">a15976c</code></a></li>
+ <li>eliminate compiler warning <a href="https://github.com/ImageMagick/ImageMagick/commit/c36f9ed1a721c5e55322e2a7f097f0042c0027b6"><code class="language-plaintext highlighter-rouge">c36f9ed</code></a></li>
+ <li>check image file identity <a href="https://github.com/ImageMagick/ImageMagick/commit/da02de3275e9c22dce2160f255c78cd1b996ea6b"><code class="language-plaintext highlighter-rouge">da02de3</code></a></li>
+ <li>normalize the AE metric <a href="https://github.com/ImageMagick/ImageMagick/commit/f85632e711aeee4ba59fa5fdd95b349f001415c3"><code class="language-plaintext highlighter-rouge">f85632e</code></a></li>
+ <li>eliminate compiler warning <a href="https://github.com/ImageMagick/ImageMagick/commit/414297f01da23ce5db7ced6da7f05d973910afc7"><code class="language-plaintext highlighter-rouge">414297f</code></a></li>
+ <li>support ImageInfo properties member <a href="https://github.com/ImageMagick/ImageMagick/commit/560f000e78bd29e4e01fa93c777479d089a7a6bc"><code class="language-plaintext highlighter-rouge">560f000</code></a></li>
+ <li>improve formatting <a href="https://github.com/ImageMagick/ImageMagick/commit/23cfa27a8e0016cee0cc51402f3e980b55d2cf6f"><code class="language-plaintext highlighter-rouge">23cfa27</code></a></li>
+ <li>eliminate compiler warning <a href="https://github.com/ImageMagick/ImageMagick/commit/2f7deb8f156d29e84397068e76e4ba7a6ac7e43f"><code class="language-plaintext highlighter-rouge">2f7deb8</code></a></li>
+ <li>initialize image info properties <a href="https://github.com/ImageMagick/ImageMagick/commit/ee20b083a3413d7a02fb4be7f491fad5f758cdd4"><code class="language-plaintext highlighter-rouge">ee20b08</code></a></li>
+ <li>cosmetic <a href="https://github.com/ImageMagick/ImageMagick/commit/d87c54bc91ffe8fab6eb185099d115f31cf351c0"><code class="language-plaintext highlighter-rouge">d87c54b</code></a></li>
+ <li>revert <a href="https://github.com/ImageMagick/ImageMagick/commit/c5a692ad2cdd18948cbf61436f7e9a97e9b2f42a"><code class="language-plaintext highlighter-rouge">c5a692a</code></a></li>
+ <li>time-of-check to time-of-use check <a href="https://github.com/ImageMagick/ImageMagick/commit/ef0eb6df01f3bed2210d159da391381cba94ffcf"><code class="language-plaintext highlighter-rouge">ef0eb6d</code></a></li>
+ <li>normalize AE metric <a href="https://github.com/ImageMagick/ImageMagick/commit/de81b9a6314abeeea1f8798fc7256a9b048d1000"><code class="language-plaintext highlighter-rouge">de81b9a</code></a></li>
+ <li>if path attributes fail relinquish memory <a href="https://github.com/ImageMagick/ImageMagick/commit/9f1810998790eaeac5749013f166b6c09ce8bf08"><code class="language-plaintext highlighter-rouge">9f18109</code></a></li>
+ <li>ensure file resource identify is valid <a href="https://github.com/ImageMagick/ImageMagick/commit/bbbf79e33935be36890707a49103b0e66698b82e"><code class="language-plaintext highlighter-rouge">bbbf79e</code></a></li>
+ <li>premature reconstruct destruction <a href="https://github.com/ImageMagick/ImageMagick/commit/d11096437216985db2fcad23c31be2b3e9644a25"><code class="language-plaintext highlighter-rouge">d110964</code></a></li>
+ <li>revert similarity image patch <a href="https://github.com/ImageMagick/ImageMagick/commit/60c110fa6cea54fe6f052c757a70f35c5d0ea431"><code class="language-plaintext highlighter-rouge">60c110f</code></a></li>
+ <li>if compare:virtual-pixels is present and false then min bounds <a href="https://github.com/ImageMagick/ImageMagick/commit/11b86af154dfcd53bbefb136afe26787ecdd62fd"><code class="language-plaintext highlighter-rouge">11b86af</code></a></li>
+ <li>restore parallelism <a href="https://github.com/ImageMagick/ImageMagick/commit/33e593183f4660bf118a888631d86eedd57b3ee8"><code class="language-plaintext highlighter-rouge">33e5931</code></a></li>
+ <li>include file mode when validating file identity <a href="https://github.com/ImageMagick/ImageMagick/commit/c081559f9bf32c2613c2b46e2f469593a12dab26"><code class="language-plaintext highlighter-rouge">c081559</code></a></li>
+ <li>eliminate compiler exception <a href="https://github.com/ImageMagick/ImageMagick/commit/94df3191bc241430713a3872605e6f238321dc4b"><code class="language-plaintext highlighter-rouge">94df319</code></a></li>
+ <li>define POSIX file type and permission macros <a href="https://github.com/ImageMagick/ImageMagick/commit/4fcd5107f68e79520d0f4f134ec91b0d0b90e5e6"><code class="language-plaintext highlighter-rouge">4fcd510</code></a></li>
+ <li>localize defines <a href="https://github.com/ImageMagick/ImageMagick/commit/d99edfdc3a9061959a87f6bf761bd48b18df22c8"><code class="language-plaintext highlighter-rouge">d99edfd</code></a></li>
+ <li>define S_IWUSR <a href="https://github.com/ImageMagick/ImageMagick/commit/ed17fb27cbf850902ed5d32214e51731e0d2979f"><code class="language-plaintext highlighter-rouge">ed17fb2</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8856 <a href="https://github.com/ImageMagick/ImageMagick/commit/2d68170f09a462075fb7a99f5730e2e0c705c468"><code class="language-plaintext highlighter-rouge">2d68170</code></a></li>
+ <li>reviewed and made subtle corrections to a few composite ops <a href="https://github.com/ImageMagick/ImageMagick/commit/55e52c44752eec35d893f4edbf7f7fa2dbe247ce"><code class="language-plaintext highlighter-rouge">55e52c4</code></a></li>
+ <li>Corrected IsPaletteImage check. <a href="https://github.com/ImageMagick/ImageMagick/commit/b93264e8863cc54863b23f56ecf169228a4478dc"><code class="language-plaintext highlighter-rouge">b93264e</code></a></li>
+ <li>Corrected comment. <a href="https://github.com/ImageMagick/ImageMagick/commit/10e4271af57bea0153c7e7679f4a39a8656f84c3"><code class="language-plaintext highlighter-rouge">10e4271</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8858 <a href="https://github.com/ImageMagick/ImageMagick/commit/686729beb0d4c5e372b59261da7853240aacf6e8"><code class="language-plaintext highlighter-rouge">686729b</code></a></li>
+ <li>eliminate compiler warning <a href="https://github.com/ImageMagick/ImageMagick/commit/a73378fd216fa49c8c3a91faaf9ce2968d42d4fb"><code class="language-plaintext highlighter-rouge">a73378f</code></a></li>
+ <li>eliminate compiler warning <a href="https://github.com/ImageMagick/ImageMagick/commit/55a6aafc1ce1a3c2defff626581062594ef00880"><code class="language-plaintext highlighter-rouge">55a6aaf</code></a></li>
+ <li>update to the latest ImageMagick documentation <a href="https://github.com/ImageMagick/ImageMagick/commit/60fcb88158706b48f8a844c358881ebc3ed63e75"><code class="language-plaintext highlighter-rouge">60fcb88</code></a></li>
+ <li>Restored icon. <a href="https://github.com/ImageMagick/ImageMagick/commit/d551454302180659c37534edfca3fa8ff44d67d2"><code class="language-plaintext highlighter-rouge">d551454</code></a></li>
+ <li>Updated configure. <a href="https://github.com/ImageMagick/ImageMagick/commit/8714fef989313e34d04cb05f1c1753d70aa506c8"><code class="language-plaintext highlighter-rouge">8714fef</code></a></li>
+ <li>Small memory allocation optimization. <a href="https://github.com/ImageMagick/ImageMagick/commit/2d4d387deb0a38e5921354cc7f01338b59cdef38"><code class="language-plaintext highlighter-rouge">2d4d387</code></a></li>
+ <li>Updated configure. <a href="https://github.com/ImageMagick/ImageMagick/commit/e0c11e3927d63d2efd9edfd8a51768001e16b87a"><code class="language-plaintext highlighter-rouge">e0c11e3</code></a></li>
+ <li>Use max compression for all archives. <a href="https://github.com/ImageMagick/ImageMagick/commit/8270efa1509c7b90168b2f51819ef5b7802f857e"><code class="language-plaintext highlighter-rouge">8270efa</code></a></li>
+ <li>guarantee round-trip fidelity for IEEE‑754 doubles without printing spurious digits <a href="https://github.com/ImageMagick/ImageMagick/commit/676d2c3a03e69a2e63cb2eb26e0db405d13cb19e"><code class="language-plaintext highlighter-rouge">676d2c3</code></a></li>
+ <li>No longer inline the method to reduce the local stack size. <a href="https://github.com/ImageMagick/ImageMagick/commit/d53e028a3d4e01705c36d2ebaf14e095488ebaa6"><code class="language-plaintext highlighter-rouge">d53e028</code></a></li>
+ <li>correct cast from char to quantum <a href="https://github.com/ImageMagick/ImageMagick/commit/0f86975bff73c2611f09d2edfffc3256f4c5dc34"><code class="language-plaintext highlighter-rouge">0f86975</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8864 <a href="https://github.com/ImageMagick/ImageMagick/commit/549f90bea862c0cc15bc288cf761608d17902553"><code class="language-plaintext highlighter-rouge">549f90b</code></a></li>
+ <li>do not divide by alpha for plus op <a href="https://github.com/ImageMagick/ImageMagick/commit/31c97ddb25ab278bbfee62739b0469eef8113ec3"><code class="language-plaintext highlighter-rouge">31c97dd</code></a></li>
+ <li>revert <a href="https://github.com/ImageMagick/ImageMagick/commit/5bbda08cf213808c7de9eb8cc911a078ae7c223d"><code class="language-plaintext highlighter-rouge">5bbda08</code></a></li>
+ <li>introduce image:frames define <a href="https://github.com/ImageMagick/ImageMagick/commit/7fd62c76aa427efe51bf61a6ecc7540bb7d7311c"><code class="language-plaintext highlighter-rouge">7fd62c7</code></a></li>
+ <li>eliminate compiler warning <a href="https://github.com/ImageMagick/ImageMagick/commit/4548c02fef02ec4223686ef98010b22076350d41"><code class="language-plaintext highlighter-rouge">4548c02</code></a></li>
+ <li>FILE_READ_ATTRIBUTES is preferred over GENERIC_READ <a href="https://github.com/ImageMagick/ImageMagick/commit/63cc8c7f475a4362ab557ef8864590897194313e"><code class="language-plaintext highlighter-rouge">63cc8c7</code></a></li>
+ <li>Updated the dependencies. <a href="https://github.com/ImageMagick/ImageMagick/commit/873e31a85982dcd0884066c8e7145f7e2d239169"><code class="language-plaintext highlighter-rouge">873e31a</code></a></li>
+ <li>safe read/write <a href="https://github.com/ImageMagick/ImageMagick/commit/20dcf6d0aae2ca1d8a263f5855808d6ff7f0b1e3"><code class="language-plaintext highlighter-rouge">20dcf6d</code></a></li>
+ <li>use 1mb chunks <a href="https://github.com/ImageMagick/ImageMagick/commit/7618f43895a853bf08a5cf6b8c7d2381571f6905"><code class="language-plaintext highlighter-rouge">7618f43</code></a></li>
+ <li>use parens in macro <a href="https://github.com/ImageMagick/ImageMagick/commit/7a5bc5ba973e56def2f2fa42fd336dba7ac1db4f"><code class="language-plaintext highlighter-rouge">7a5bc5b</code></a></li>
+ <li>eliminate compiler warning <a href="https://github.com/ImageMagick/ImageMagick/commit/37440605b7f3af416364968cc3a931f9ae4feae1"><code class="language-plaintext highlighter-rouge">3744060</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8436 <a href="https://github.com/ImageMagick/ImageMagick/commit/f2e478b41f4536a55c0240e86707296d5f018450"><code class="language-plaintext highlighter-rouge">f2e478b</code></a></li>
+ <li>avoid division by 0 <a href="https://github.com/ImageMagick/ImageMagick/commit/ec19dcdb901535fe6d992af592acc6bf9378c103"><code class="language-plaintext highlighter-rouge">ec19dcd</code></a></li>
+ <li>cosmetic <a href="https://github.com/ImageMagick/ImageMagick/commit/62da037663d196f692d7e63705f70ca70959e94e"><code class="language-plaintext highlighter-rouge">62da037</code></a></li>
+ <li>revert <a href="https://github.com/ImageMagick/ImageMagick/commit/3e31b7fade07963dded147c1348390bb3fb43e18"><code class="language-plaintext highlighter-rouge">3e31b7f</code></a></li>
+ <li>increase threads for PHASE metric <a href="https://github.com/ImageMagick/ImageMagick/commit/5a774ca17c5e25c16e54798876e85c03f8c5c033"><code class="language-plaintext highlighter-rouge">5a774ca</code></a></li>
+ <li>fix PDC metric <a href="https://github.com/ImageMagick/ImageMagick/commit/fc48f7d4cfaf0d1409be2360c0da9f897a49f2c2"><code class="language-plaintext highlighter-rouge">fc48f7d</code></a></li>
+ <li>correct angle <a href="https://github.com/ImageMagick/ImageMagick/commit/836651ecea43271f5e3820ab941f2eaaa23eabfb"><code class="language-plaintext highlighter-rouge">836651e</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/security/advisories/GHSA-6rvv-36hw-5rgf <a href="https://github.com/ImageMagick/ImageMagick/commit/297c894d33956fbbba9e573ebe5647d7f5aec76b"><code class="language-plaintext highlighter-rouge">297c894</code></a></li>
+ <li>Read DNG profiles when pinging the image. <a href="https://github.com/ImageMagick/ImageMagick/commit/eeea9dae4412073de7a2eb4c82db297a9bff7b3c"><code class="language-plaintext highlighter-rouge">eeea9da</code></a></li>
+ <li>Cosmetic. <a href="https://github.com/ImageMagick/ImageMagick/commit/55c96d024516cbfee36dfc4cc2567d4d5dbfbbb1"><code class="language-plaintext highlighter-rouge">55c96d0</code></a></li>
+ <li>configure distributed cache max clients and max unathenticated clients <a href="https://github.com/ImageMagick/ImageMagick/commit/e9c84d966ab6ca851d4c0772022585e83f828320"><code class="language-plaintext highlighter-rouge">e9c84d9</code></a></li>
+ <li>precompute the phase spectrum for all (u,v) frequency pairs simultaneously, <a href="https://github.com/ImageMagick/ImageMagick/commit/8470c17033374f544f9af379724ff6f7bae63eaf"><code class="language-plaintext highlighter-rouge">8470c17</code></a></li>
+ <li>use virtual memory for phase spectra <a href="https://github.com/ImageMagick/ImageMagick/commit/4c2e04d7808590c0869d403540c76d870cedb287"><code class="language-plaintext highlighter-rouge">4c2e04d</code></a></li>
+ <li>cosmetic <a href="https://github.com/ImageMagick/ImageMagick/commit/46c11a2aa54c54159614fca9d5b706ccc9851fec"><code class="language-plaintext highlighter-rouge">46c11a2</code></a></li>
+ <li>spatial phase subimage search <a href="https://github.com/ImageMagick/ImageMagick/commit/073502fd480454141ebf2be69f51dfe6f1350231"><code class="language-plaintext highlighter-rouge">073502f</code></a></li>
+ <li>add zlib dependency <a href="https://github.com/ImageMagick/ImageMagick/commit/a5956e81e14488ef589a5f5b96880f9476e43273"><code class="language-plaintext highlighter-rouge">a5956e8</code></a></li>
+ <li>restore FFT case <a href="https://github.com/ImageMagick/ImageMagick/commit/39fa09dfd0ce239a34bce6999942e93503642027"><code class="language-plaintext highlighter-rouge">39fa09d</code></a></li>
+ <li>Restored logo vector files. <a href="https://github.com/ImageMagick/ImageMagick/commit/b3c3fba00dfc078a27fdfe1fed89542a6539188a"><code class="language-plaintext highlighter-rouge">b3c3fba</code></a></li>
+ <li>Exclude logo from the release archive. <a href="https://github.com/ImageMagick/ImageMagick/commit/e40b4d42014c2869375c63d5492ae8b51ba5a7c7"><code class="language-plaintext highlighter-rouge">e40b4d4</code></a></li>
+ <li>Cosmetic. <a href="https://github.com/ImageMagick/ImageMagick/commit/8e2561a2ade936ac653b2d598e988bea4a400278"><code class="language-plaintext highlighter-rouge">8e2561a</code></a></li>
+ <li>improve numerical stability <a href="https://github.com/ImageMagick/ImageMagick/commit/c08cf98b9aa00ec1dbd0d89a4a246e114e817df2"><code class="language-plaintext highlighter-rouge">c08cf98</code></a></li>
+ <li>handle non-square images <a href="https://github.com/ImageMagick/ImageMagick/commit/e5f4934677087fd82332f5216770f4bb52feac5c"><code class="language-plaintext highlighter-rouge">e5f4934</code></a></li>
+ <li>thread phase spectra <a href="https://github.com/ImageMagick/ImageMagick/commit/7211f83d532838cfe710e2cf720aaf426c296c87"><code class="language-plaintext highlighter-rouge">7211f83</code></a></li>
+ <li>eliminate compiler warning <a href="https://github.com/ImageMagick/ImageMagick/commit/8f527e86fc4e044d2f783d2f7cc827583cb6bc97"><code class="language-plaintext highlighter-rouge">8f527e8</code></a></li>
+ <li>add workload factor define <a href="https://github.com/ImageMagick/ImageMagick/commit/6825ff5bb42f163222c25fa5bd88d6ce62fbc05e"><code class="language-plaintext highlighter-rouge">6825ff5</code></a></li>
+ <li>eliminate compiler warning <a href="https://github.com/ImageMagick/ImageMagick/commit/11de3d11d3768b76e180563d875d45bfce1004af"><code class="language-plaintext highlighter-rouge">11de3d1</code></a></li>
+ <li>adapt Fred’s spatial PHASE algorithm <a href="https://github.com/ImageMagick/ImageMagick/commit/f94ceb93d342378f1058a771c8e70c706160eef9"><code class="language-plaintext highlighter-rouge">f94ceb9</code></a></li>
+ <li>Group codeql-action in dependabot. <a href="https://github.com/ImageMagick/ImageMagick/commit/1593696115b4f6fec249ccff63f90b38fb5f8ef6"><code class="language-plaintext highlighter-rouge">1593696</code></a></li>
+ <li>divide is reserved by SVG specification; use divide-fx for mathematical divide <a href="https://github.com/ImageMagick/ImageMagick/commit/b3268b9ca64665e4205ff1e362b2f65df007dcbc"><code class="language-plaintext highlighter-rouge">b3268b9</code></a></li>
+ <li>divide honors SVG 1.2; divide-dst and divide-src are mathematical ops <a href="https://github.com/ImageMagick/ImageMagick/commit/bf438a15ee481f21afa4559605ff368e64794667"><code class="language-plaintext highlighter-rouge">bf438a1</code></a></li>
+ <li>scale FFT phase distortion <a href="https://github.com/ImageMagick/ImageMagick/commit/7981cef113eb01a0c12927e4c044dd6b2e7f3949"><code class="language-plaintext highlighter-rouge">7981cef</code></a></li>
+ <li>count the # of channels <a href="https://github.com/ImageMagick/ImageMagick/commit/2a4b0020796ee490ec3580497471c87592c1e04f"><code class="language-plaintext highlighter-rouge">2a4b002</code></a></li>
+ <li>normalize PDC metric <a href="https://github.com/ImageMagick/ImageMagick/commit/9fabbd46d75ba3169a402992c186e57a3124b472"><code class="language-plaintext highlighter-rouge">9fabbd4</code></a></li>
+ <li>https://github.com/ImageMagick/ImageMagick/issues/8858 <a href="https://github.com/ImageMagick/ImageMagick/commit/f8fdd19a795a766c3ec6d1d3b2f79e28bcbdb0be"><code class="language-plaintext highlighter-rouge">f8fdd19</code></a></li>
+ <li>Updated the dependencies. <a href="https://github.com/ImageMagick/ImageMagick/commit/362affebef25d2e1b7cd76565aabda1536b8a329"><code class="language-plaintext highlighter-rouge">362affe</code></a></li>
+ <li>Version 0.11.0 of the raqm library no longer accepts text that contains a paragraph separator. <a href="https://github.com/ImageMagick/ImageMagick/commit/37609a6771b0ea35e8d9e02f5f1cca6ad8bb65d9"><code class="language-plaintext highlighter-rouge">37609a6</code></a></li>
+ <li>correct conditional <a href="https://github.com/ImageMagick/ImageMagick/commit/7b65dd1d1dd2896168ee960f9796b87778f7fd07"><code class="language-plaintext highlighter-rouge">7b65dd1</code></a></li>
+ <li>Set the page values when reading the x and y offset in a tga file (#8847). <a href="https://github.com/ImageMagick/ImageMagick/commit/832722abd22cc0ae431e703ad6e582cfa37af7c5"><code class="language-plaintext highlighter-rouge">832722a</code></a></li>
+ <li>Write the x and y offset in the tga encoder when the value fit in the unsigned short range. <a href="https://github.com/ImageMagick/ImageMagick/commit/f55e39808e1ef004358dbbfc4a276874ed4b73cc"><code class="language-plaintext highlighter-rouge">f55e398</code></a></li>
+ <li>release <a href="https://github.com/ImageMagick/ImageMagick/commit/c2068fb3394af17fb9e3a78c712af2ca67141836"><code class="language-plaintext highlighter-rouge">c2068fb</code></a></li>
+</ul>
+
+<h2 id="712-27---2026-07-05"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-26...7.1.2-27">7.1.2-27</a> - 2026-07-05</h2>
+
+<h3 id="merged-3">Merged</h3>
+
<ul>
<li>Fix HEIC identity CICP with chroma subsampling <a href="https://github.com/ImageMagick/ImageMagick/pull/8828"><code class="language-plaintext highlighter-rouge">#8828</code></a></li>
<li>build(deps): bump actions/attest from 4.1.0 to 4.1.1 <a href="https://github.com/ImageMagick/ImageMagick/pull/8835"><code class="language-plaintext highlighter-rouge">#8835</code></a></li>
@@ -227,13 +549,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>build(deps): bump ubuntu from <code class="language-plaintext highlighter-rouge">f3d2860</code> to <code class="language-plaintext highlighter-rouge">53958ec</code> in /.devcontainer <a href="https://github.com/ImageMagick/ImageMagick/pull/8814"><code class="language-plaintext highlighter-rouge">#8814</code></a></li>
</ul>
-<h3 id="fixed">Fixed</h3>
+<h3 id="fixed-1">Fixed</h3>
<ul>
<li>Fix #8819 revert soname change (#8820) <a href="https://github.com/ImageMagick/ImageMagick/issues/8819"><code class="language-plaintext highlighter-rouge">#8819</code></a></li>
</ul>
-<h3 id="commits">Commits</h3>
+<h3 id="commits-4">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/2c6ba183aa0121a894e8f50649f52600b4bda80e"><code class="language-plaintext highlighter-rouge">2c6ba18</code></a></li>
@@ -302,7 +624,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-26---2026-06-21"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-25...7.1.2-26">7.1.2-26</a> - 2026-06-21</h2>
-<h3 id="merged-1">Merged</h3>
+<h3 id="merged-4">Merged</h3>
<ul>
<li>check rows*columns overflow in sct ReadSCTImage <a href="https://github.com/ImageMagick/ImageMagick/pull/8812"><code class="language-plaintext highlighter-rouge">#8812</code></a></li>
@@ -318,7 +640,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>reject cineon files with an invalid bits per pixel <a href="https://github.com/ImageMagick/ImageMagick/pull/8781"><code class="language-plaintext highlighter-rouge">#8781</code></a></li>
</ul>
-<h3 id="commits-1">Commits</h3>
+<h3 id="commits-5">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/8ee9390a8178934a0ac8b709ff115f5e7aa0d7ac"><code class="language-plaintext highlighter-rouge">8ee9390</code></a></li>
@@ -422,7 +744,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-25---2026-06-04"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-24...7.1.2-25">7.1.2-25</a> - 2026-06-04</h2>
-<h3 id="merged-2">Merged</h3>
+<h3 id="merged-5">Merged</h3>
<ul>
<li>validate argument count for polynomial distortion <a href="https://github.com/ImageMagick/ImageMagick/pull/8780"><code class="language-plaintext highlighter-rouge">#8780</code></a></li>
@@ -436,7 +758,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>reject dds files with zero columns or rows <a href="https://github.com/ImageMagick/ImageMagick/pull/8762"><code class="language-plaintext highlighter-rouge">#8762</code></a></li>
</ul>
-<h3 id="commits-2">Commits</h3>
+<h3 id="commits-6">Commits</h3>
<ul>
<li>trigger a build <a href="https://github.com/ImageMagick/ImageMagick/commit/d73fb3cfcd82b2083c40829b3e42f911093aaf91"><code class="language-plaintext highlighter-rouge">d73fb3c</code></a></li>
@@ -487,7 +809,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-24---2026-05-26"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-23...7.1.2-24">7.1.2-24</a> - 2026-05-26</h2>
-<h3 id="merged-3">Merged</h3>
+<h3 id="merged-6">Merged</h3>
<ul>
<li>reject mtv files with zero columns or rows <a href="https://github.com/ImageMagick/ImageMagick/pull/8758"><code class="language-plaintext highlighter-rouge">#8758</code></a></li>
@@ -500,7 +822,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Add profile_fuzzer for raw EXIF/XMP/IPTC/ICC parsing <a href="https://github.com/ImageMagick/ImageMagick/pull/8736"><code class="language-plaintext highlighter-rouge">#8736</code></a></li>
</ul>
-<h3 id="commits-3">Commits</h3>
+<h3 id="commits-7">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/48756ca9bf31c885905b0768b2bb27bcbc11e286"><code class="language-plaintext highlighter-rouge">48756ca</code></a></li>
@@ -560,14 +882,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-23---2026-05-17"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-22...7.1.2-23">7.1.2-23</a> - 2026-05-17</h2>
-<h3 id="merged-4">Merged</h3>
+<h3 id="merged-7">Merged</h3>
<ul>
<li>build(deps): bump github/codeql-action from 4.35.3 to 4.35.4 <a href="https://github.com/ImageMagick/ImageMagick/pull/8733"><code class="language-plaintext highlighter-rouge">#8733</code></a></li>
<li>ignore_sequence_editlist only in libheif 1.21 <a href="https://github.com/ImageMagick/ImageMagick/pull/8729"><code class="language-plaintext highlighter-rouge">#8729</code></a></li>
</ul>
-<h3 id="commits-4">Commits</h3>
+<h3 id="commits-8">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/b8244a9c44ed6dbc06c3d0e6303ca29450d238b3"><code class="language-plaintext highlighter-rouge">b8244a9</code></a></li>
@@ -616,7 +938,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-22---2026-05-12"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-21...7.1.2-22">7.1.2-22</a> - 2026-05-12</h2>
-<h3 id="merged-5">Merged</h3>
+<h3 id="merged-8">Merged</h3>
<ul>
<li>Fix unsound free of uninitialized pointers in GetImageFeatures error path <a href="https://github.com/ImageMagick/ImageMagick/pull/8724"><code class="language-plaintext highlighter-rouge">#8724</code></a></li>
@@ -626,7 +948,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>build(deps): bump lxml from 6.0.2 to 6.1.0 in /.github/build/python <a href="https://github.com/ImageMagick/ImageMagick/pull/8683"><code class="language-plaintext highlighter-rouge">#8683</code></a></li>
</ul>
-<h3 id="commits-5">Commits</h3>
+<h3 id="commits-9">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/7887eaeb29a18deeb35f0f4fd98fe23881c947ec"><code class="language-plaintext highlighter-rouge">7887eae</code></a></li>
@@ -699,7 +1021,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-21---2026-04-21"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-20...7.1.2-21">7.1.2-21</a> - 2026-04-21</h2>
-<h3 id="commits-6">Commits</h3>
+<h3 id="commits-10">Commits</h3>
<ul>
<li>release <a href="https://github.com/ImageMagick/ImageMagick/commit/c86de049cefb8dd739e16f0e2fdc1ef8d2006d59"><code class="language-plaintext highlighter-rouge">c86de04</code></a></li>
@@ -707,14 +1029,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-20---2026-04-21"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-19...7.1.2-20">7.1.2-20</a> - 2026-04-21</h2>
-<h3 id="merged-6">Merged</h3>
+<h3 id="merged-9">Merged</h3>
<ul>
<li>Fix JXL orientation when writing. <a href="https://github.com/ImageMagick/ImageMagick/pull/8673"><code class="language-plaintext highlighter-rouge">#8673</code></a></li>
<li>build(deps): bump actions/upload-artifact from 7.0.0 to 7.0.1 <a href="https://github.com/ImageMagick/ImageMagick/pull/8677"><code class="language-plaintext highlighter-rouge">#8677</code></a></li>
</ul>
-<h3 id="commits-7">Commits</h3>
+<h3 id="commits-11">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/f601163bdd3c52187c6b8430490a86c200f7c6de"><code class="language-plaintext highlighter-rouge">f601163</code></a></li>
@@ -761,7 +1083,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-19---2026-04-12"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-18...7.1.2-19">7.1.2-19</a> - 2026-04-12</h2>
-<h3 id="merged-7">Merged</h3>
+<h3 id="merged-10">Merged</h3>
<ul>
<li>Support for 4-bit (indexed 16-color) PCX <a href="https://github.com/ImageMagick/ImageMagick/pull/8655"><code class="language-plaintext highlighter-rouge">#8655</code></a></li>
@@ -780,7 +1102,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Skip frame duplication for APNG in video coder <a href="https://github.com/ImageMagick/ImageMagick/pull/8636"><code class="language-plaintext highlighter-rouge">#8636</code></a></li>
</ul>
-<h3 id="commits-8">Commits</h3>
+<h3 id="commits-12">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/78f1c2fa741a96d20eb14645022b4bd8bb8daeab"><code class="language-plaintext highlighter-rouge">78f1c2f</code></a></li>
@@ -848,7 +1170,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-18---2026-03-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-17...7.1.2-18">7.1.2-18</a> - 2026-03-22</h2>
-<h3 id="merged-8">Merged</h3>
+<h3 id="merged-11">Merged</h3>
<ul>
<li>Fix animated JXL frame delay handling <a href="https://github.com/ImageMagick/ImageMagick/pull/8622"><code class="language-plaintext highlighter-rouge">#8622</code></a></li>
@@ -858,7 +1180,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Bump actions/download-artifact from 8.0.0 to 8.0.1 <a href="https://github.com/ImageMagick/ImageMagick/pull/8629"><code class="language-plaintext highlighter-rouge">#8629</code></a></li>
</ul>
-<h3 id="commits-9">Commits</h3>
+<h3 id="commits-13">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/ba457178852252cf7ef3900dce4041508dd9d905"><code class="language-plaintext highlighter-rouge">ba45717</code></a></li>
@@ -888,13 +1210,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-17---2026-03-15"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-16...7.1.2-17">7.1.2-17</a> - 2026-03-15</h2>
-<h3 id="merged-9">Merged</h3>
+<h3 id="merged-12">Merged</h3>
<ul>
<li>Bump github/codeql-action from 4.32.2 to 4.32.6 <a href="https://github.com/ImageMagick/ImageMagick/pull/8613"><code class="language-plaintext highlighter-rouge">#8613</code></a></li>
</ul>
-<h3 id="commits-10">Commits</h3>
+<h3 id="commits-14">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/f76661e45fda26581300f3b69438727fab38e62c"><code class="language-plaintext highlighter-rouge">f76661e</code></a></li>
@@ -933,7 +1255,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-16---2026-03-08"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-15...7.1.2-16">7.1.2-16</a> - 2026-03-08</h2>
-<h3 id="merged-10">Merged</h3>
+<h3 id="merged-13">Merged</h3>
<ul>
<li>Bump actions/download-artifact from 7.0.0 to 8.0.0 <a href="https://github.com/ImageMagick/ImageMagick/pull/8604"><code class="language-plaintext highlighter-rouge">#8604</code></a></li>
@@ -949,7 +1271,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Typo fix in coders/dng.c <a href="https://github.com/ImageMagick/ImageMagick/pull/8580"><code class="language-plaintext highlighter-rouge">#8580</code></a></li>
</ul>
-<h3 id="commits-11">Commits</h3>
+<h3 id="commits-15">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/6f84eb06e950d70c66cea980db876d0925758b69"><code class="language-plaintext highlighter-rouge">6f84eb0</code></a></li>
@@ -1020,7 +1342,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-15---2026-02-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-14...7.1.2-15">7.1.2-15</a> - 2026-02-22</h2>
-<h3 id="commits-12">Commits</h3>
+<h3 id="commits-16">Commits</h3>
<ul>
<li>Reverted changes that were committed by accident. <a href="https://github.com/ImageMagick/ImageMagick/commit/818ee636323b007617cf5459acc5342f3962e5c8"><code class="language-plaintext highlighter-rouge">818ee63</code></a></li>
@@ -1029,20 +1351,20 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-14---2026-02-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-13...7.1.2-14">7.1.2-14</a> - 2026-02-22</h2>
-<h3 id="merged-11">Merged</h3>
+<h3 id="merged-14">Merged</h3>
<ul>
<li>ICON: allow writing 256x256 icon rasters <a href="https://github.com/ImageMagick/ImageMagick/pull/8569"><code class="language-plaintext highlighter-rouge">#8569</code></a></li>
<li>replace MAGICK_FILTER_MODULE_PATH for MAGICK_CODER_FILTER_PATH <a href="https://github.com/ImageMagick/ImageMagick/pull/8561"><code class="language-plaintext highlighter-rouge">#8561</code></a></li>
</ul>
-<h3 id="fixed-1">Fixed</h3>
+<h3 id="fixed-2">Fixed</h3>
<ul>
<li>ICON: allow writing 256x256 icon rasters (#8569) <a href="https://github.com/ImageMagick/ImageMagick/issues/1577"><code class="language-plaintext highlighter-rouge">#1577</code></a></li>
</ul>
-<h3 id="commits-13">Commits</h3>
+<h3 id="commits-17">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/915109f87e1fb9e2dd12bf96bcb1fcec2fdba072"><code class="language-plaintext highlighter-rouge">915109f</code></a></li>
@@ -1209,7 +1531,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-13---2026-01-19"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-12...7.1.2-13">7.1.2-13</a> - 2026-01-19</h2>
-<h3 id="commits-14">Commits</h3>
+<h3 id="commits-18">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/0db229e520dc4827f8f70304c1c89f40279a9cb3"><code class="language-plaintext highlighter-rouge">0db229e</code></a></li>
@@ -1248,7 +1570,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-12---2025-12-28"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-11...7.1.2-12">7.1.2-12</a> - 2025-12-28</h2>
-<h3 id="merged-12">Merged</h3>
+<h3 id="merged-15">Merged</h3>
<ul>
<li>Bump actions/download-artifact from 6 to 7 <a href="https://github.com/ImageMagick/ImageMagick/pull/8497"><code class="language-plaintext highlighter-rouge">#8497</code></a></li>
@@ -1258,7 +1580,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Fix autoconf syntax errors (configure.ac) <a href="https://github.com/ImageMagick/ImageMagick/pull/8488"><code class="language-plaintext highlighter-rouge">#8488</code></a></li>
</ul>
-<h3 id="commits-15">Commits</h3>
+<h3 id="commits-19">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/22ed20ab80777e3aa754b5a0b7d44a0da5fb94fb"><code class="language-plaintext highlighter-rouge">22ed20a</code></a></li>
@@ -1280,7 +1602,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-11---2025-12-14"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-10...7.1.2-11">7.1.2-11</a> - 2025-12-14</h2>
-<h3 id="commits-16">Commits</h3>
+<h3 id="commits-20">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/e97f8c1cb069071022467354997098b9eb155d1e"><code class="language-plaintext highlighter-rouge">e97f8c1</code></a></li>
@@ -1293,7 +1615,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-10---2025-12-07"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-9...7.1.2-10">7.1.2-10</a> - 2025-12-07</h2>
-<h3 id="commits-17">Commits</h3>
+<h3 id="commits-21">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/cfbeef49f293108f469f82d6f50e17ab84be1083"><code class="language-plaintext highlighter-rouge">cfbeef4</code></a></li>
@@ -1313,7 +1635,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-9---2025-11-30"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-8...7.1.2-9">7.1.2-9</a> - 2025-11-30</h2>
-<h3 id="merged-13">Merged</h3>
+<h3 id="merged-16">Merged</h3>
<ul>
<li>JPEG: Support 2-to-16-bit lossless JPEG images with libjpeg-turbo 3.1+; Support additional IDCT scaling factors with libjpeg-turbo and libjpeg v7+ <a href="https://github.com/ImageMagick/ImageMagick/pull/8445"><code class="language-plaintext highlighter-rouge">#8445</code></a></li>
@@ -1321,7 +1643,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Update Doc <a href="https://github.com/ImageMagick/ImageMagick/pull/8442"><code class="language-plaintext highlighter-rouge">#8442</code></a></li>
</ul>
-<h3 id="commits-18">Commits</h3>
+<h3 id="commits-22">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/a5ad8fb4ca03acd1db7ec7e96bbe482e3e6265ba"><code class="language-plaintext highlighter-rouge">a5ad8fb</code></a></li>
@@ -1364,7 +1686,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-8---2025-10-26"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-7...7.1.2-8">7.1.2-8</a> - 2025-10-26</h2>
-<h3 id="commits-19">Commits</h3>
+<h3 id="commits-23">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/d56b6afca237907a351681bf8cd7929e24ec91aa"><code class="language-plaintext highlighter-rouge">d56b6af</code></a></li>
@@ -1378,13 +1700,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-7---2025-10-14"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-6...7.1.2-7">7.1.2-7</a> - 2025-10-14</h2>
-<h3 id="merged-14">Merged</h3>
+<h3 id="merged-17">Merged</h3>
<ul>
<li>Bump github/codeql-action from 3 to 4 <a href="https://github.com/ImageMagick/ImageMagick/pull/8397"><code class="language-plaintext highlighter-rouge">#8397</code></a></li>
</ul>
-<h3 id="commits-20">Commits</h3>
+<h3 id="commits-24">Commits</h3>
<ul>
<li>release <a href="https://github.com/ImageMagick/ImageMagick/commit/47ef758200e7d898cdce6fb25a0bdc1ed7b0cc65"><code class="language-plaintext highlighter-rouge">47ef758</code></a></li>
@@ -1392,7 +1714,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-6---2025-10-12"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-5...7.1.2-6">7.1.2-6</a> - 2025-10-12</h2>
-<h3 id="commits-21">Commits</h3>
+<h3 id="commits-25">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/ea5af7e25b4cab9ddd38f6e8e9075feaf7d09f26"><code class="language-plaintext highlighter-rouge">ea5af7e</code></a></li>
@@ -1410,13 +1732,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-5---2025-10-06"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-3...7.1.2-5">7.1.2-5</a> - 2025-10-06</h2>
-<h3 id="merged-15">Merged</h3>
+<h3 id="merged-18">Merged</h3>
<ul>
<li>Bump actions/setup-python from 5 to 6 <a href="https://github.com/ImageMagick/ImageMagick/pull/8349"><code class="language-plaintext highlighter-rouge">#8349</code></a></li>
</ul>
-<h3 id="commits-22">Commits</h3>
+<h3 id="commits-26">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/6ed830980bceeed5766c699d70a00c89b14f75fb"><code class="language-plaintext highlighter-rouge">6ed8309</code></a></li>
@@ -1474,7 +1796,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-3---2025-08-30"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-2...7.1.2-3">7.1.2-3</a> - 2025-08-30</h2>
-<h3 id="commits-23">Commits</h3>
+<h3 id="commits-27">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/610fc366341ea580a2ac26ed11621a2f2e864c2e"><code class="language-plaintext highlighter-rouge">610fc36</code></a></li>
@@ -1489,7 +1811,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-2---2025-08-24"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-1...7.1.2-2">7.1.2-2</a> - 2025-08-24</h2>
-<h3 id="merged-16">Merged</h3>
+<h3 id="merged-19">Merged</h3>
<ul>
<li>cache.c: Fix unused function warning <a href="https://github.com/ImageMagick/ImageMagick/pull/8309"><code class="language-plaintext highlighter-rouge">#8309</code></a></li>
@@ -1497,7 +1819,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Fix infinite loop when decoding JXL with <code class="language-plaintext highlighter-rouge">-limit height/width</code> <a href="https://github.com/ImageMagick/ImageMagick/pull/8303"><code class="language-plaintext highlighter-rouge">#8303</code></a></li>
</ul>
-<h3 id="commits-24">Commits</h3>
+<h3 id="commits-28">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/0ba1b587be17543b664f7ad538e9e51e0da59d17"><code class="language-plaintext highlighter-rouge">0ba1b58</code></a></li>
@@ -1525,7 +1847,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-1---2025-08-11"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.2-0...7.1.2-1">7.1.2-1</a> - 2025-08-11</h2>
-<h3 id="merged-17">Merged</h3>
+<h3 id="merged-20">Merged</h3>
<ul>
<li>Bump actions/download-artifact from 4 to 5 <a href="https://github.com/ImageMagick/ImageMagick/pull/8296"><code class="language-plaintext highlighter-rouge">#8296</code></a></li>
@@ -1535,7 +1857,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Add support for Simple File Format Family (SF3) images <a href="https://github.com/ImageMagick/ImageMagick/pull/8243"><code class="language-plaintext highlighter-rouge">#8243</code></a></li>
</ul>
-<h3 id="commits-25">Commits</h3>
+<h3 id="commits-29">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/69f5e593c93345e2f0a54096270ce87aa100e861"><code class="language-plaintext highlighter-rouge">69f5e59</code></a></li>
@@ -1611,7 +1933,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="712-0---2025-07-13"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-47...7.1.2-0">7.1.2-0</a> - 2025-07-13</h2>
-<h3 id="merged-18">Merged</h3>
+<h3 id="merged-21">Merged</h3>
<ul>
<li>Fix NULL pointer dereference in XWarning <a href="https://github.com/ImageMagick/ImageMagick/pull/8230"><code class="language-plaintext highlighter-rouge">#8230</code></a></li>
@@ -1623,13 +1945,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>magick-config.h: Remove redundant block <a href="https://github.com/ImageMagick/ImageMagick/pull/8076"><code class="language-plaintext highlighter-rouge">#8076</code></a></li>
</ul>
-<h3 id="fixed-2">Fixed</h3>
+<h3 id="fixed-3">Fixed</h3>
<ul>
<li>JXL: Preserve ICC profile for lossless encoding (#8074) <a href="https://github.com/ImageMagick/ImageMagick/issues/8022"><code class="language-plaintext highlighter-rouge">#8022</code></a></li>
</ul>
-<h3 id="commits-26">Commits</h3>
+<h3 id="commits-30">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/de54c14882fe37762f5ee21d01b6d9cd7b8abd56"><code class="language-plaintext highlighter-rouge">de54c14</code></a></li>
@@ -2100,7 +2422,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-47---2025-03-29"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-46...7.1.1-47">7.1.1-47</a> - 2025-03-29</h2>
-<h3 id="commits-27">Commits</h3>
+<h3 id="commits-31">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/674861ae68bf9aacdf279a6842bb0cb65c0f3322"><code class="language-plaintext highlighter-rouge">674861a</code></a></li>
@@ -2123,13 +2445,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-46---2025-03-18"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-45...7.1.1-46">7.1.1-46</a> - 2025-03-18</h2>
-<h3 id="merged-19">Merged</h3>
+<h3 id="merged-22">Merged</h3>
<ul>
<li>try pngalpha if png16malpha not available <a href="https://github.com/ImageMagick/ImageMagick/pull/8034"><code class="language-plaintext highlighter-rouge">#8034</code></a></li>
</ul>
-<h3 id="commits-28">Commits</h3>
+<h3 id="commits-32">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/fe966f585fb5d68b61357a4a300ad486ff39c257"><code class="language-plaintext highlighter-rouge">fe966f5</code></a></li>
@@ -2160,19 +2482,19 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-45---2025-03-09"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-44...7.1.1-45">7.1.1-45</a> - 2025-03-09</h2>
-<h3 id="merged-20">Merged</h3>
+<h3 id="merged-23">Merged</h3>
<ul>
<li>Fix statistic.c GetImageRange initializer <a href="https://github.com/ImageMagick/ImageMagick/pull/8010"><code class="language-plaintext highlighter-rouge">#8010</code></a></li>
</ul>
-<h3 id="fixed-3">Fixed</h3>
+<h3 id="fixed-4">Fixed</h3>
<ul>
<li>Fix statistic.c GetImageRange initializer (#8010) <a href="https://github.com/rmagick/rmagick/issues/1679"><code class="language-plaintext highlighter-rouge">#1679</code></a></li>
</ul>
-<h3 id="commits-29">Commits</h3>
+<h3 id="commits-33">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/6c98cd071298daf5af4c5fac0ed687ca278b7533"><code class="language-plaintext highlighter-rouge">6c98cd0</code></a></li>
@@ -2212,7 +2534,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-44---2025-02-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-43...7.1.1-44">7.1.1-44</a> - 2025-02-22</h2>
-<h3 id="merged-21">Merged</h3>
+<h3 id="merged-24">Merged</h3>
<ul>
<li>fix type casting in statistic.c <a href="https://github.com/ImageMagick/ImageMagick/pull/7982"><code class="language-plaintext highlighter-rouge">#7982</code></a></li>
@@ -2221,7 +2543,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Bump azure/trusted-signing-action from 0.5.0 to 0.5.1 <a href="https://github.com/ImageMagick/ImageMagick/pull/7895"><code class="language-plaintext highlighter-rouge">#7895</code></a></li>
</ul>
-<h3 id="commits-30">Commits</h3>
+<h3 id="commits-34">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/62be4c187a751e0e9a1b469989e6ed74de140d7e"><code class="language-plaintext highlighter-rouge">62be4c1</code></a></li>
@@ -2362,7 +2684,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-43---2024-12-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-41...7.1.1-43">7.1.1-43</a> - 2024-12-22</h2>
-<h3 id="merged-22">Merged</h3>
+<h3 id="merged-25">Merged</h3>
<ul>
<li>Fix reading/writing PICTs with PixMap rowBytes=[201..250] <a href="https://github.com/ImageMagick/ImageMagick/pull/7840"><code class="language-plaintext highlighter-rouge">#7840</code></a></li>
@@ -2370,7 +2692,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>update plugin with latest library changes <a href="https://github.com/ImageMagick/ImageMagick/pull/7780"><code class="language-plaintext highlighter-rouge">#7780</code></a></li>
</ul>
-<h3 id="commits-31">Commits</h3>
+<h3 id="commits-35">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/b4507e8d0fdeb98a7d97515e58eff4b046c5ac62"><code class="language-plaintext highlighter-rouge">b4507e8</code></a></li>
@@ -2420,14 +2742,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-41---2024-11-16"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-40...7.1.1-41">7.1.1-41</a> - 2024-11-16</h2>
-<h3 id="merged-23">Merged</h3>
+<h3 id="merged-26">Merged</h3>
<ul>
<li>revert map changes breaking ABI <a href="https://github.com/ImageMagick/ImageMagick/pull/7768"><code class="language-plaintext highlighter-rouge">#7768</code></a></li>
<li>Fix compiler identification with Clang on Darwin <a href="https://github.com/ImageMagick/ImageMagick/pull/7773"><code class="language-plaintext highlighter-rouge">#7773</code></a></li>
</ul>
-<h3 id="commits-32">Commits</h3>
+<h3 id="commits-36">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/b8c3266045142303ab4196d4f643a2141cbdb6bc"><code class="language-plaintext highlighter-rouge">b8c3266</code></a></li>
@@ -2460,7 +2782,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-40---2024-11-09"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-39...7.1.1-40">7.1.1-40</a> - 2024-11-09</h2>
-<h3 id="merged-24">Merged</h3>
+<h3 id="merged-27">Merged</h3>
<ul>
<li>.cut (Dr Halo) reading when run count in header <a href="https://github.com/ImageMagick/ImageMagick/pull/7734"><code class="language-plaintext highlighter-rouge">#7734</code></a></li>
@@ -2468,7 +2790,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Implement Magic Kernel Sharp 2013 and 2021 <a href="https://github.com/ImageMagick/ImageMagick/pull/7701"><code class="language-plaintext highlighter-rouge">#7701</code></a></li>
</ul>
-<h3 id="commits-33">Commits</h3>
+<h3 id="commits-37">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/ddbed3d88a2575ef8ca3d032ce6ce026d57d1f90"><code class="language-plaintext highlighter-rouge">ddbed3d</code></a></li>
@@ -2520,7 +2842,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-39---2024-10-05"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-38...7.1.1-39">7.1.1-39</a> - 2024-10-05</h2>
-<h3 id="merged-25">Merged</h3>
+<h3 id="merged-28">Merged</h3>
<ul>
<li>uhdr: fix language choice in autoconf <a href="https://github.com/ImageMagick/ImageMagick/pull/7663"><code class="language-plaintext highlighter-rouge">#7663</code></a></li>
@@ -2528,7 +2850,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Add missing Threshold command to command array of Region of Interest mode <a href="https://github.com/ImageMagick/ImageMagick/pull/7606"><code class="language-plaintext highlighter-rouge">#7606</code></a></li>
</ul>
-<h3 id="commits-34">Commits</h3>
+<h3 id="commits-38">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/1cb5d3e74caaf00b68c4dc3b718723050696507e"><code class="language-plaintext highlighter-rouge">1cb5d3e</code></a></li>
@@ -2562,7 +2884,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-38---2024-09-01"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-37...7.1.1-38">7.1.1-38</a> - 2024-09-01</h2>
-<h3 id="commits-35">Commits</h3>
+<h3 id="commits-39">Commits</h3>
<ul>
<li>properly set image byte order <a href="https://github.com/ImageMagick/ImageMagick/commit/40f659984d8c54d892d7ad605340ca8ccb22963c"><code class="language-plaintext highlighter-rouge">40f6599</code></a></li>
@@ -2588,14 +2910,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-37---2024-08-24"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-36...7.1.1-37">7.1.1-37</a> - 2024-08-24</h2>
-<h3 id="merged-26">Merged</h3>
+<h3 id="merged-29">Merged</h3>
<ul>
<li>Bump azure/trusted-signing-action from 0.3.20 to 0.4.0 <a href="https://github.com/ImageMagick/ImageMagick/pull/7518"><code class="language-plaintext highlighter-rouge">#7518</code></a></li>
<li>Silence warning and fix HEIC_COMPUTE_NUMERIC_VERSION definition when heic delegate is disabled. <a href="https://github.com/ImageMagick/ImageMagick/pull/7516"><code class="language-plaintext highlighter-rouge">#7516</code></a></li>
</ul>
-<h3 id="commits-36">Commits</h3>
+<h3 id="commits-40">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/b1a6038e2eae42e2967aeafd21fd8acc9ac98517"><code class="language-plaintext highlighter-rouge">b1a6038</code></a></li>
@@ -2627,7 +2949,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-36---2024-07-27"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-35...7.1.1-36">7.1.1-36</a> - 2024-07-27</h2>
-<h3 id="merged-27">Merged</h3>
+<h3 id="merged-30">Merged</h3>
<ul>
<li>Silence warning when freetype delegate is disabled. <a href="https://github.com/ImageMagick/ImageMagick/pull/7515"><code class="language-plaintext highlighter-rouge">#7515</code></a></li>
@@ -2635,7 +2957,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>uhdr.c: default initialize range field for hdr/sdr intent inputs to enc <a href="https://github.com/ImageMagick/ImageMagick/pull/7482"><code class="language-plaintext highlighter-rouge">#7482</code></a></li>
</ul>
-<h3 id="commits-37">Commits</h3>
+<h3 id="commits-41">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/8c7c516574691aec1500ffac0fdfbac87e292aea"><code class="language-plaintext highlighter-rouge">8c7c516</code></a></li>
@@ -2671,7 +2993,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-35---2024-07-14"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-34...7.1.1-35">7.1.1-35</a> - 2024-07-14</h2>
-<h3 id="commits-38">Commits</h3>
+<h3 id="commits-42">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/b6647e5ffc664a65b4dca826ed3f5cc49677933b"><code class="language-plaintext highlighter-rouge">b6647e5</code></a></li>
@@ -2697,7 +3019,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-34---2024-06-23"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-33...7.1.1-34">7.1.1-34</a> - 2024-06-23</h2>
-<h3 id="merged-28">Merged</h3>
+<h3 id="merged-31">Merged</h3>
<ul>
<li>Updated FontConfig query to include font index, fixing (#7374) <a href="https://github.com/ImageMagick/ImageMagick/pull/7409"><code class="language-plaintext highlighter-rouge">#7409</code></a></li>
@@ -2706,7 +3028,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Bump azure/trusted-signing-action from 0.3.18 to 0.3.19 <a href="https://github.com/ImageMagick/ImageMagick/pull/7348"><code class="language-plaintext highlighter-rouge">#7348</code></a></li>
</ul>
-<h3 id="commits-39">Commits</h3>
+<h3 id="commits-43">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/0ae65ef83b6452495a05f9452bcf7f0ad7822a51"><code class="language-plaintext highlighter-rouge">0ae65ef</code></a></li>
@@ -2747,7 +3069,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-33---2024-05-25"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-32...7.1.1-33">7.1.1-33</a> - 2024-05-25</h2>
-<h3 id="merged-29">Merged</h3>
+<h3 id="merged-32">Merged</h3>
<ul>
<li>Bump caphyon/advinst-github-action from 1.1 to 2.0 <a href="https://github.com/ImageMagick/ImageMagick/pull/7326"><code class="language-plaintext highlighter-rouge">#7326</code></a></li>
@@ -2755,13 +3077,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Fix typo <a href="https://github.com/ImageMagick/ImageMagick/pull/7294"><code class="language-plaintext highlighter-rouge">#7294</code></a></li>
</ul>
-<h3 id="fixed-4">Fixed</h3>
+<h3 id="fixed-5">Fixed</h3>
<ul>
<li>Combine the logic of stroke-opacity and fill-opacity in opacity to resolve #7301. <a href="https://github.com/ImageMagick/ImageMagick/issues/7301"><code class="language-plaintext highlighter-rouge">#7301</code></a></li>
</ul>
-<h3 id="commits-40">Commits</h3>
+<h3 id="commits-44">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/2b42fc1ef20606f8208463b5d97ded1ed2e9cc36"><code class="language-plaintext highlighter-rouge">2b42fc1</code></a></li>
@@ -2820,14 +3142,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-32---2024-05-05"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-31...7.1.1-32">7.1.1-32</a> - 2024-05-05</h2>
-<h3 id="merged-30">Merged</h3>
+<h3 id="merged-33">Merged</h3>
<ul>
<li>uhdr.c: add support for rgb inputs <a href="https://github.com/ImageMagick/ImageMagick/pull/7273"><code class="language-plaintext highlighter-rouge">#7273</code></a></li>
<li>Fix GIF ICC profile reading. (https://github.com/ImageMagick/ImageMagick/issues/7281) <a href="https://github.com/ImageMagick/ImageMagick/pull/7282"><code class="language-plaintext highlighter-rouge">#7282</code></a></li>
</ul>
-<h3 id="commits-41">Commits</h3>
+<h3 id="commits-45">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/b71d98e188896982c47ea294d0a52a7fbb2c5873"><code class="language-plaintext highlighter-rouge">b71d98e</code></a></li>
@@ -2891,7 +3213,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-31---2024-04-21"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-30...7.1.1-31">7.1.1-31</a> - 2024-04-21</h2>
-<h3 id="merged-31">Merged</h3>
+<h3 id="merged-34">Merged</h3>
<ul>
<li>Convert big PDF documents is slow <a href="https://github.com/ImageMagick/ImageMagick/pull/7263"><code class="language-plaintext highlighter-rouge">#7263</code></a></li>
@@ -2902,7 +3224,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Bump caphyon/advinst-github-action from 1.0 to 1.1 <a href="https://github.com/ImageMagick/ImageMagick/pull/7227"><code class="language-plaintext highlighter-rouge">#7227</code></a></li>
</ul>
-<h3 id="commits-42">Commits</h3>
+<h3 id="commits-46">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/72f0e8cad9277855e0cafdc7c3db7158952bb6fb"><code class="language-plaintext highlighter-rouge">72f0e8c</code></a></li>
@@ -2965,7 +3287,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-30---2024-04-07"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-29...7.1.1-30">7.1.1-30</a> - 2024-04-07</h2>
-<h3 id="merged-32">Merged</h3>
+<h3 id="merged-35">Merged</h3>
<ul>
<li>Updates to uhdr.c <a href="https://github.com/ImageMagick/ImageMagick/pull/7217"><code class="language-plaintext highlighter-rouge">#7217</code></a></li>
@@ -2976,7 +3298,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Bump softprops/action-gh-release from 1 to 2 <a href="https://github.com/ImageMagick/ImageMagick/pull/7160"><code class="language-plaintext highlighter-rouge">#7160</code></a></li>
</ul>
-<h3 id="commits-43">Commits</h3>
+<h3 id="commits-47">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/960fe0e30ffc7c2dea56a6f58733f630ca02530a"><code class="language-plaintext highlighter-rouge">960fe0e</code></a></li>
@@ -3072,13 +3394,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-29---2024-02-25"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-28...7.1.1-29">7.1.1-29</a> - 2024-02-25</h2>
-<h3 id="merged-33">Merged</h3>
+<h3 id="merged-36">Merged</h3>
<ul>
<li>Enable new libheif chroma subsampling options. <a href="https://github.com/ImageMagick/ImageMagick/pull/7095"><code class="language-plaintext highlighter-rouge">#7095</code></a></li>
</ul>
-<h3 id="commits-44">Commits</h3>
+<h3 id="commits-48">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/35bf3bcfc69a0ce6b1561f7d7c17ceac932ce522"><code class="language-plaintext highlighter-rouge">35bf3bc</code></a></li>
@@ -3108,13 +3430,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-28---2024-02-11"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-27...7.1.1-28">7.1.1-28</a> - 2024-02-11</h2>
-<h3 id="merged-34">Merged</h3>
+<h3 id="merged-37">Merged</h3>
<ul>
<li>fix misleading comment in dds.c <a href="https://github.com/ImageMagick/ImageMagick/pull/7075"><code class="language-plaintext highlighter-rouge">#7075</code></a></li>
</ul>
-<h3 id="commits-45">Commits</h3>
+<h3 id="commits-49">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/868642e2b0e69a974e4ad6022c1d2050660c1aa5"><code class="language-plaintext highlighter-rouge">868642e</code></a></li>
@@ -3156,13 +3478,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-27---2024-01-21"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-26...7.1.1-27">7.1.1-27</a> - 2024-01-21</h2>
-<h3 id="merged-35">Merged</h3>
+<h3 id="merged-38">Merged</h3>
<ul>
<li>fix PKG_CONFIG_LIBDIR <a href="https://github.com/ImageMagick/ImageMagick/pull/7013"><code class="language-plaintext highlighter-rouge">#7013</code></a></li>
</ul>
-<h3 id="commits-46">Commits</h3>
+<h3 id="commits-50">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/3042ca2cbe31db8f9b4ac26949aa9dedc7984e3b"><code class="language-plaintext highlighter-rouge">3042ca2</code></a></li>
@@ -3185,19 +3507,19 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-26---2024-01-07"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-25...7.1.1-26">7.1.1-26</a> - 2024-01-07</h2>
-<h3 id="merged-36">Merged</h3>
+<h3 id="merged-39">Merged</h3>
<ul>
<li>Make Magick++-config work from non-standard places <a href="https://github.com/ImageMagick/ImageMagick/pull/7008"><code class="language-plaintext highlighter-rouge">#7008</code></a></li>
</ul>
-<h3 id="fixed-5">Fixed</h3>
+<h3 id="fixed-6">Fixed</h3>
<ul>
<li>Make Magick++-config work from non-standard places (#7008) <a href="https://github.com/ImageMagick/ImageMagick/issues/7007"><code class="language-plaintext highlighter-rouge">#7007</code></a></li>
</ul>
-<h3 id="commits-47">Commits</h3>
+<h3 id="commits-51">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/15b1a5d99d742c4a8254ccbe6b2e6d42b73be675"><code class="language-plaintext highlighter-rouge">15b1a5d</code></a></li>
@@ -3233,14 +3555,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-25---2023-12-30"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-24...7.1.1-25">7.1.1-25</a> - 2023-12-30</h2>
-<h3 id="merged-37">Merged</h3>
+<h3 id="merged-40">Merged</h3>
<ul>
<li>When writing BMP to v3 or lower, ignore the ICC profile. <a href="https://github.com/ImageMagick/ImageMagick/pull/6979"><code class="language-plaintext highlighter-rouge">#6979</code></a></li>
<li>configure.ac: fixup LFS check for autoconf-2.72 <a href="https://github.com/ImageMagick/ImageMagick/pull/6978"><code class="language-plaintext highlighter-rouge">#6978</code></a></li>
</ul>
-<h3 id="commits-48">Commits</h3>
+<h3 id="commits-52">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/3e8b0fa1cf084ac5073d5249bd7c702b1b7ae5f8"><code class="language-plaintext highlighter-rouge">3e8b0fa</code></a></li>
@@ -3273,7 +3595,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-24---2023-12-25"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-23...7.1.1-24">7.1.1-24</a> - 2023-12-25</h2>
-<h3 id="merged-38">Merged</h3>
+<h3 id="merged-41">Merged</h3>
<ul>
<li>configure: drop backported ac_func_fseeko.m4 for autoconf-2.72 compat… <a href="https://github.com/ImageMagick/ImageMagick/pull/6970"><code class="language-plaintext highlighter-rouge">#6970</code></a></li>
@@ -3281,7 +3603,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Add Canon Raw v2 (CR2) as mime type <a href="https://github.com/ImageMagick/ImageMagick/pull/6968"><code class="language-plaintext highlighter-rouge">#6968</code></a></li>
</ul>
-<h3 id="commits-49">Commits</h3>
+<h3 id="commits-53">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/9e5eb3a099cab17e895a55a53df2fb01610e299a"><code class="language-plaintext highlighter-rouge">9e5eb3a</code></a></li>
@@ -3338,14 +3660,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-23---2023-12-10"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-22...7.1.1-23">7.1.1-23</a> - 2023-12-10</h2>
-<h3 id="merged-39">Merged</h3>
+<h3 id="merged-42">Merged</h3>
<ul>
<li>Fix zstd not being listed under GetMagickDelegates() <a href="https://github.com/ImageMagick/ImageMagick/pull/6934"><code class="language-plaintext highlighter-rouge">#6934</code></a></li>
<li>configure.ac: Fix bashism <a href="https://github.com/ImageMagick/ImageMagick/pull/6931"><code class="language-plaintext highlighter-rouge">#6931</code></a></li>
</ul>
-<h3 id="commits-50">Commits</h3>
+<h3 id="commits-54">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/e1ff62030d783d4efc24919effaa8b7bf5a84dc3"><code class="language-plaintext highlighter-rouge">e1ff620</code></a></li>
@@ -3374,7 +3696,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-22---2023-12-03"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-21...7.1.1-22">7.1.1-22</a> - 2023-12-03</h2>
-<h3 id="commits-51">Commits</h3>
+<h3 id="commits-55">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/a042cc470d3e4d3918a6cea95aa49f3c36872be1"><code class="language-plaintext highlighter-rouge">a042cc4</code></a></li>
@@ -3493,7 +3815,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-21---2023-10-21"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-20...7.1.1-21">7.1.1-21</a> - 2023-10-21</h2>
-<h3 id="merged-40">Merged</h3>
+<h3 id="merged-43">Merged</h3>
<ul>
<li>honor pkg-config when searching for bzip2 <a href="https://github.com/ImageMagick/ImageMagick/pull/6785"><code class="language-plaintext highlighter-rouge">#6785</code></a></li>
@@ -3502,7 +3824,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Define quantum depth for PerlMagick on windows <a href="https://github.com/ImageMagick/ImageMagick/pull/6770"><code class="language-plaintext highlighter-rouge">#6770</code></a></li>
</ul>
-<h3 id="commits-52">Commits</h3>
+<h3 id="commits-56">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/dc87568a6ef9ed3c182d6f69b5f508bb3abdfd9e"><code class="language-plaintext highlighter-rouge">dc87568</code></a></li>
@@ -3551,7 +3873,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-20---2023-10-08"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-19...7.1.1-20">7.1.1-20</a> - 2023-10-08</h2>
-<h3 id="commits-53">Commits</h3>
+<h3 id="commits-57">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/59f8951c62e6ad32fb71d8fa9027c0fe98f33193"><code class="language-plaintext highlighter-rouge">59f8951</code></a></li>
@@ -3578,13 +3900,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-19---2023-09-30"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-18...7.1.1-19">7.1.1-19</a> - 2023-09-30</h2>
-<h3 id="merged-41">Merged</h3>
+<h3 id="merged-44">Merged</h3>
<ul>
<li>Fix building with OpenCL <a href="https://github.com/ImageMagick/ImageMagick/pull/6743"><code class="language-plaintext highlighter-rouge">#6743</code></a></li>
</ul>
-<h3 id="commits-54">Commits</h3>
+<h3 id="commits-58">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/6f91d59440627c50563a24c0c34372239608e949"><code class="language-plaintext highlighter-rouge">6f91d59</code></a></li>
@@ -3609,7 +3931,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-18---2023-09-23"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-17...7.1.1-18">7.1.1-18</a> - 2023-09-23</h2>
-<h3 id="commits-55">Commits</h3>
+<h3 id="commits-59">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/1d60af938761e2a6e85c3c13f6201571d752da76"><code class="language-plaintext highlighter-rouge">1d60af9</code></a></li>
@@ -3629,7 +3951,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-17---2023-09-19"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-16...7.1.1-17">7.1.1-17</a> - 2023-09-19</h2>
-<h3 id="commits-56">Commits</h3>
+<h3 id="commits-60">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/4b5d2668d6a6d18d1d8f71cb6012b2adb0cff0d4"><code class="language-plaintext highlighter-rouge">4b5d266</code></a></li>
@@ -3645,13 +3967,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-16---2023-09-17"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-15...7.1.1-16">7.1.1-16</a> - 2023-09-17</h2>
-<h3 id="merged-42">Merged</h3>
+<h3 id="merged-45">Merged</h3>
<ul>
<li>Add JPEG-2000 support to AppImage release (Partially solve #4666) <a href="https://github.com/ImageMagick/ImageMagick/pull/6630"><code class="language-plaintext highlighter-rouge">#6630</code></a></li>
</ul>
-<h3 id="commits-57">Commits</h3>
+<h3 id="commits-61">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/922dd8dd3f9c562c2081acaaf9610f9889649b50"><code class="language-plaintext highlighter-rouge">922dd8d</code></a></li>
@@ -3919,7 +4241,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-15---2023-07-30"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-14...7.1.1-15">7.1.1-15</a> - 2023-07-30</h2>
-<h3 id="commits-58">Commits</h3>
+<h3 id="commits-62">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/edf7a2a8c7f5aa698f07ee93dfe09463bdeb27a5"><code class="language-plaintext highlighter-rouge">edf7a2a</code></a></li>
@@ -3938,7 +4260,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-14---2023-07-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-13...7.1.1-14">7.1.1-14</a> - 2023-07-22</h2>
-<h3 id="commits-59">Commits</h3>
+<h3 id="commits-63">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/e799547419e63780039bae9be9931b2c64612870"><code class="language-plaintext highlighter-rouge">e799547</code></a></li>
@@ -3955,13 +4277,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-13---2023-07-16"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-12...7.1.1-13">7.1.1-13</a> - 2023-07-16</h2>
-<h3 id="merged-43">Merged</h3>
+<h3 id="merged-46">Merged</h3>
<ul>
<li>Add Canon Raw v3 (CR3) as mime type <a href="https://github.com/ImageMagick/ImageMagick/pull/6450"><code class="language-plaintext highlighter-rouge">#6450</code></a></li>
</ul>
-<h3 id="commits-60">Commits</h3>
+<h3 id="commits-64">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/56f4789405ac2d3abe23cb5dad3d9ccd383ab626"><code class="language-plaintext highlighter-rouge">56f4789</code></a></li>
@@ -4004,13 +4326,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-12---2023-06-25"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-11...7.1.1-12">7.1.1-12</a> - 2023-06-25</h2>
-<h3 id="merged-44">Merged</h3>
+<h3 id="merged-47">Merged</h3>
<ul>
<li>Add support for DXGI_FORMAT_R10G10B10A2_UNORM <a href="https://github.com/ImageMagick/ImageMagick/pull/6423"><code class="language-plaintext highlighter-rouge">#6423</code></a></li>
</ul>
-<h3 id="commits-61">Commits</h3>
+<h3 id="commits-65">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/3c43475bb5dc7eec9af3babc789bf8bf65677e90"><code class="language-plaintext highlighter-rouge">3c43475</code></a></li>
@@ -4049,19 +4371,19 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-11---2023-05-29"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-10...7.1.1-11">7.1.1-11</a> - 2023-05-29</h2>
-<h3 id="merged-45">Merged</h3>
+<h3 id="merged-48">Merged</h3>
<ul>
<li>Optimize image and vector files to minimize filesizes and page loads <a href="https://github.com/ImageMagick/ImageMagick/pull/6352"><code class="language-plaintext highlighter-rouge">#6352</code></a></li>
</ul>
-<h3 id="fixed-6">Fixed</h3>
+<h3 id="fixed-7">Fixed</h3>
<ul>
<li>Swap order to fix #6347. <a href="https://github.com/ImageMagick/ImageMagick/issues/6347"><code class="language-plaintext highlighter-rouge">#6347</code></a></li>
</ul>
-<h3 id="commits-62">Commits</h3>
+<h3 id="commits-66">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/375e71b67686549c4f5866d0b50db9ab20b324f8"><code class="language-plaintext highlighter-rouge">375e71b</code></a></li>
@@ -4094,7 +4416,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-10---2023-05-21"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-9...7.1.1-10">7.1.1-10</a> - 2023-05-21</h2>
-<h3 id="commits-63">Commits</h3>
+<h3 id="commits-67">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/e31343f0153b3871985aa1deaab446d8d58197f2"><code class="language-plaintext highlighter-rouge">e31343f</code></a></li>
@@ -4121,13 +4443,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-9---2023-05-14"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-8...7.1.1-9">7.1.1-9</a> - 2023-05-14</h2>
-<h3 id="merged-46">Merged</h3>
+<h3 id="merged-49">Merged</h3>
<ul>
<li>Add support for Oklab <a href="https://github.com/ImageMagick/ImageMagick/pull/6309"><code class="language-plaintext highlighter-rouge">#6309</code></a></li>
</ul>
-<h3 id="commits-64">Commits</h3>
+<h3 id="commits-68">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/0bb745472aaa2f3f658cd4e327d59acc4d1bd990"><code class="language-plaintext highlighter-rouge">0bb7454</code></a></li>
@@ -4162,13 +4484,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-8---2023-04-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-7...7.1.1-8">7.1.1-8</a> - 2023-04-22</h2>
-<h3 id="fixed-7">Fixed</h3>
+<h3 id="fixed-8">Fixed</h3>
<ul>
<li>Added checks to make sure all bytes were read to resolve #6267. <a href="https://github.com/ImageMagick/ImageMagick/issues/6267"><code class="language-plaintext highlighter-rouge">#6267</code></a></li>
</ul>
-<h3 id="commits-65">Commits</h3>
+<h3 id="commits-69">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/35ec38f38915f5635ea2f8dcaa20c2960e711db5"><code class="language-plaintext highlighter-rouge">35ec38f</code></a></li>
@@ -4186,13 +4508,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-7---2023-04-16"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-6...7.1.1-7">7.1.1-7</a> - 2023-04-16</h2>
-<h3 id="merged-47">Merged</h3>
+<h3 id="merged-50">Merged</h3>
<ul>
<li>PixelChannel: Add invalid channel field <a href="https://github.com/ImageMagick/ImageMagick/pull/6230"><code class="language-plaintext highlighter-rouge">#6230</code></a></li>
</ul>
-<h3 id="commits-66">Commits</h3>
+<h3 id="commits-70">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/3bd5ce112de3b075ab4a779d0b6db1047ef81be2"><code class="language-plaintext highlighter-rouge">3bd5ce1</code></a></li>
@@ -4295,7 +4617,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-6---2023-04-02"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-5...7.1.1-6">7.1.1-6</a> - 2023-04-02</h2>
-<h3 id="commits-67">Commits</h3>
+<h3 id="commits-71">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/a680ab229d0115c62096828851242a6a4f30cea3"><code class="language-plaintext highlighter-rouge">a680ab2</code></a></li>
@@ -4329,7 +4651,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-5---2023-03-26"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-4...7.1.1-5">7.1.1-5</a> - 2023-03-26</h2>
-<h3 id="commits-68">Commits</h3>
+<h3 id="commits-72">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/9b9fc9dfeee411817250b605daad082f82e08a3e"><code class="language-plaintext highlighter-rouge">9b9fc9d</code></a></li>
@@ -4353,7 +4675,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-4---2023-03-18"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-3...7.1.1-4">7.1.1-4</a> - 2023-03-18</h2>
-<h3 id="commits-69">Commits</h3>
+<h3 id="commits-73">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/65712a975f545c43484ab33a90b449a2052b70ec"><code class="language-plaintext highlighter-rouge">65712a9</code></a></li>
@@ -4377,13 +4699,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-3---2023-03-11"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-2...7.1.1-3">7.1.1-3</a> - 2023-03-11</h2>
-<h3 id="merged-48">Merged</h3>
+<h3 id="merged-51">Merged</h3>
<ul>
<li>Add HEIC support to AppImage (Partially solve #4666) <a href="https://github.com/ImageMagick/ImageMagick/pull/6098"><code class="language-plaintext highlighter-rouge">#6098</code></a></li>
</ul>
-<h3 id="commits-70">Commits</h3>
+<h3 id="commits-74">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/0e525cc97ad7b0a31d817ab723905b035854e697"><code class="language-plaintext highlighter-rouge">0e525cc</code></a></li>
@@ -4396,7 +4718,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-2---2023-03-09"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-1...7.1.1-2">7.1.1-2</a> - 2023-03-09</h2>
-<h3 id="commits-71">Commits</h3>
+<h3 id="commits-75">Commits</h3>
<ul>
<li>release <a href="https://github.com/ImageMagick/ImageMagick/commit/f41f852be7e5eb75ecd5d0b3e262ffed42795a1a"><code class="language-plaintext highlighter-rouge">f41f852</code></a></li>
@@ -4405,13 +4727,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-1---2023-03-09"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.1-0...7.1.1-1">7.1.1-1</a> - 2023-03-09</h2>
-<h3 id="merged-49">Merged</h3>
+<h3 id="merged-52">Merged</h3>
<ul>
<li>restore library symbol versioning to fix ABI break <a href="https://github.com/ImageMagick/ImageMagick/pull/6145"><code class="language-plaintext highlighter-rouge">#6145</code></a></li>
</ul>
-<h3 id="commits-72">Commits</h3>
+<h3 id="commits-76">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/3ac92ec21130747d4eeba925886919ec5e8bc5ef"><code class="language-plaintext highlighter-rouge">3ac92ec</code></a></li>
@@ -4423,13 +4745,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="711-0---2023-03-08"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-62...7.1.1-0">7.1.1-0</a> - 2023-03-08</h2>
-<h3 id="merged-50">Merged</h3>
+<h3 id="merged-53">Merged</h3>
<ul>
<li>improve Install-unix.txt <a href="https://github.com/ImageMagick/ImageMagick/pull/6105"><code class="language-plaintext highlighter-rouge">#6105</code></a></li>
</ul>
-<h3 id="commits-73">Commits</h3>
+<h3 id="commits-77">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/fd12019f3650c63623f2b8888f0b6326f8156c4f"><code class="language-plaintext highlighter-rouge">fd12019</code></a></li>
@@ -4494,13 +4816,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-62---2023-02-12"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-61...7.1.0-62">7.1.0-62</a> - 2023-02-12</h2>
-<h3 id="merged-51">Merged</h3>
+<h3 id="merged-54">Merged</h3>
<ul>
<li>add <code class="language-plaintext highlighter-rouge">BC5_UNORM</code> compression support <a href="https://github.com/ImageMagick/ImageMagick/pull/6039"><code class="language-plaintext highlighter-rouge">#6039</code></a></li>
</ul>
-<h3 id="commits-74">Commits</h3>
+<h3 id="commits-78">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/a8dc29d0d2d8f9c4fb5441a388fa36f10d49827f"><code class="language-plaintext highlighter-rouge">a8dc29d</code></a></li>
@@ -4525,14 +4847,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-61---2023-02-05"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-60...7.1.0-61">7.1.0-61</a> - 2023-02-05</h2>
-<h3 id="merged-52">Merged</h3>
+<h3 id="merged-55">Merged</h3>
<ul>
<li>Fix wonky wording in SECURITY.md <a href="https://github.com/ImageMagick/ImageMagick/pull/6033"><code class="language-plaintext highlighter-rouge">#6033</code></a></li>
<li>Link MagickCore to urlmon when targeting Windows <a href="https://github.com/ImageMagick/ImageMagick/pull/6032"><code class="language-plaintext highlighter-rouge">#6032</code></a></li>
</ul>
-<h3 id="commits-75">Commits</h3>
+<h3 id="commits-79">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/b236524b27cfee49e58b938687024099b917de35"><code class="language-plaintext highlighter-rouge">b236524</code></a></li>
@@ -4572,7 +4894,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-60---2023-01-29"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-59...7.1.0-60">7.1.0-60</a> - 2023-01-29</h2>
-<h3 id="commits-76">Commits</h3>
+<h3 id="commits-80">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/6f5f21e50306546071cc730977eb45b5353c4443"><code class="language-plaintext highlighter-rouge">6f5f21e</code></a></li>
@@ -4582,14 +4904,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-59---2023-01-28"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-58...7.1.0-59">7.1.0-59</a> - 2023-01-28</h2>
-<h3 id="merged-53">Merged</h3>
+<h3 id="merged-56">Merged</h3>
<ul>
<li>Strip EOI marker from HEIC/JXL Exif payload <a href="https://github.com/ImageMagick/ImageMagick/pull/6005"><code class="language-plaintext highlighter-rouge">#6005</code></a></li>
<li>Fix for space handling in appimage path <a href="https://github.com/ImageMagick/ImageMagick/pull/5993"><code class="language-plaintext highlighter-rouge">#5993</code></a></li>
</ul>
-<h3 id="commits-77">Commits</h3>
+<h3 id="commits-81">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/44f779728fd0a6e2d4dccff51bc8e7f9c0dd54d2"><code class="language-plaintext highlighter-rouge">44f7797</code></a></li>
@@ -4620,14 +4942,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-58---2023-01-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-57...7.1.0-58">7.1.0-58</a> - 2023-01-22</h2>
-<h3 id="merged-54">Merged</h3>
+<h3 id="merged-57">Merged</h3>
<ul>
<li>Fix Exif reading for JPEG XL <a href="https://github.com/ImageMagick/ImageMagick/pull/5932"><code class="language-plaintext highlighter-rouge">#5932</code></a></li>
<li>Fix Exif writing for HEIF/JPEG XL <a href="https://github.com/ImageMagick/ImageMagick/pull/5929"><code class="language-plaintext highlighter-rouge">#5929</code></a></li>
</ul>
-<h3 id="commits-78">Commits</h3>
+<h3 id="commits-82">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/1590c22ecc63c09043f221d4291b86ed93cb2bbd"><code class="language-plaintext highlighter-rouge">1590c22</code></a></li>
@@ -4732,7 +5054,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-57---2022-12-30"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-56...7.1.0-57">7.1.0-57</a> - 2022-12-30</h2>
-<h3 id="commits-79">Commits</h3>
+<h3 id="commits-83">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/56814b9707389efd9b9b072ca319a8bd662c5fd0"><code class="language-plaintext highlighter-rouge">56814b9</code></a></li>
@@ -4746,7 +5068,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-56---2022-12-28"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-55...7.1.0-56">7.1.0-56</a> - 2022-12-28</h2>
-<h3 id="commits-80">Commits</h3>
+<h3 id="commits-84">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/12096ae0c0b331c4f43d421222e009da496c6100"><code class="language-plaintext highlighter-rouge">12096ae</code></a></li>
@@ -4787,13 +5109,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-55---2022-12-17"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-54...7.1.0-55">7.1.0-55</a> - 2022-12-17</h2>
-<h3 id="merged-55">Merged</h3>
+<h3 id="merged-58">Merged</h3>
<ul>
<li>fix: small error in docs <a href="https://github.com/ImageMagick/ImageMagick/pull/5882"><code class="language-plaintext highlighter-rouge">#5882</code></a></li>
</ul>
-<h3 id="commits-81">Commits</h3>
+<h3 id="commits-85">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/39fc3f2ef164b208811dc17d02126d9f89172e06"><code class="language-plaintext highlighter-rouge">39fc3f2</code></a></li>
@@ -4809,13 +5131,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-54---2022-12-10"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-53...7.1.0-54">7.1.0-54</a> - 2022-12-10</h2>
-<h3 id="merged-56">Merged</h3>
+<h3 id="merged-59">Merged</h3>
<ul>
<li>remove todo, cause cHRM+gAMA is never sRGB <a href="https://github.com/ImageMagick/ImageMagick/pull/5851"><code class="language-plaintext highlighter-rouge">#5851</code></a></li>
</ul>
-<h3 id="commits-82">Commits</h3>
+<h3 id="commits-86">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/b21075c9177d911f5aa36b20a86dab965987bd2e"><code class="language-plaintext highlighter-rouge">b21075c</code></a></li>
@@ -4834,7 +5156,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-53---2022-12-04"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-52...7.1.0-53">7.1.0-53</a> - 2022-12-04</h2>
-<h3 id="merged-57">Merged</h3>
+<h3 id="merged-60">Merged</h3>
<ul>
<li>another approach to fix #5836 <a href="https://github.com/ImageMagick/ImageMagick/pull/5841"><code class="language-plaintext highlighter-rouge">#5841</code></a></li>
@@ -4848,14 +5170,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Fix *arch-dir helpstring in configure.ac <a href="https://github.com/ImageMagick/ImageMagick/pull/5780"><code class="language-plaintext highlighter-rouge">#5780</code></a></li>
</ul>
-<h3 id="fixed-8">Fixed</h3>
+<h3 id="fixed-9">Fixed</h3>
<ul>
<li>another approach to fix #5836 (#5841) <a href="https://github.com/ImageMagick/ImageMagick/issues/5836"><code class="language-plaintext highlighter-rouge">#5836</code></a></li>
<li>Chrome, Mozilla, GIMP do not assume sRGB (#5824) <a href="https://github.com/ImageMagick/ImageMagick/issues/4375"><code class="language-plaintext highlighter-rouge">#4375</code></a></li>
</ul>
-<h3 id="commits-83">Commits</h3>
+<h3 id="commits-87">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/d6154516de2d88ce6a175bfc34cc7688b81f5cf7"><code class="language-plaintext highlighter-rouge">d615451</code></a></li>
@@ -4951,14 +5273,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-52---2022-11-06"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-51...7.1.0-52">7.1.0-52</a> - 2022-11-06</h2>
-<h3 id="merged-58">Merged</h3>
+<h3 id="merged-61">Merged</h3>
<ul>
<li>coders: Enable opening https files in mingw <a href="https://github.com/ImageMagick/ImageMagick/pull/5727"><code class="language-plaintext highlighter-rouge">#5727</code></a></li>
<li>utilities: Enable support for unicode paths in mingw <a href="https://github.com/ImageMagick/ImageMagick/pull/5713"><code class="language-plaintext highlighter-rouge">#5713</code></a></li>
</ul>
-<h3 id="commits-84">Commits</h3>
+<h3 id="commits-88">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/bf925a7f1dd56b4306fed0a3802477eb83df13f8"><code class="language-plaintext highlighter-rouge">bf925a7</code></a></li>
@@ -5013,7 +5335,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-51---2022-10-16"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-50...7.1.0-51">7.1.0-51</a> - 2022-10-16</h2>
-<h3 id="commits-85">Commits</h3>
+<h3 id="commits-89">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/fea7eed9c4067e6b9ded49da23790eb54c7d8d2b"><code class="language-plaintext highlighter-rouge">fea7eed</code></a></li>
@@ -5029,13 +5351,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-50---2022-10-08"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-49...7.1.0-50">7.1.0-50</a> - 2022-10-08</h2>
-<h3 id="merged-59">Merged</h3>
+<h3 id="merged-62">Merged</h3>
<ul>
<li>Fix DDS file DDPF_LUMINANCE type of data <a href="https://github.com/ImageMagick/ImageMagick/pull/5452"><code class="language-plaintext highlighter-rouge">#5452</code></a></li>
</ul>
-<h3 id="commits-86">Commits</h3>
+<h3 id="commits-90">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/9f4d7d51e1cc2c8be8672703da3e860ff57bc86d"><code class="language-plaintext highlighter-rouge">9f4d7d5</code></a></li>
@@ -5060,14 +5382,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-49---2022-09-24"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-48...7.1.0-49">7.1.0-49</a> - 2022-09-24</h2>
-<h3 id="merged-60">Merged</h3>
+<h3 id="merged-63">Merged</h3>
<ul>
<li>Fixed magnify confusing colorspaces other than linear-RGB. <a href="https://github.com/ImageMagick/ImageMagick/pull/5569"><code class="language-plaintext highlighter-rouge">#5569</code></a></li>
<li>Fix timespec assignment on AIX <a href="https://github.com/ImageMagick/ImageMagick/pull/5565"><code class="language-plaintext highlighter-rouge">#5565</code></a></li>
</ul>
-<h3 id="commits-87">Commits</h3>
+<h3 id="commits-91">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/01d9f843dab9e3116bc34598f736ff0d832ec862"><code class="language-plaintext highlighter-rouge">01d9f84</code></a></li>
@@ -5094,13 +5416,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-48---2022-09-11"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-47...7.1.0-48">7.1.0-48</a> - 2022-09-11</h2>
-<h3 id="merged-61">Merged</h3>
+<h3 id="merged-64">Merged</h3>
<ul>
<li>png.c: Remove the extra space character in “%8lu “ <a href="https://github.com/ImageMagick/ImageMagick/pull/5513"><code class="language-plaintext highlighter-rouge">#5513</code></a></li>
</ul>
-<h3 id="commits-88">Commits</h3>
+<h3 id="commits-92">Commits</h3>
<ul>
<li>Corrected setting the flags. <a href="https://github.com/ImageMagick/ImageMagick/commit/15861e07b34c3195991f4aca7f05f8e861691e9c"><code class="language-plaintext highlighter-rouge">15861e0</code></a></li>
@@ -5162,13 +5484,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-47---2022-08-27"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-46...7.1.0-47">7.1.0-47</a> - 2022-08-27</h2>
-<h3 id="merged-62">Merged</h3>
+<h3 id="merged-65">Merged</h3>
<ul>
<li>The effect of modulate:colorspace LCH is different for palette and true color images. <a href="https://github.com/ImageMagick/ImageMagick/pull/5470"><code class="language-plaintext highlighter-rouge">#5470</code></a></li>
</ul>
-<h3 id="commits-89">Commits</h3>
+<h3 id="commits-93">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/d1be0fd485f786041401d25a0f554cbd680e653e"><code class="language-plaintext highlighter-rouge">d1be0fd</code></a></li>
@@ -5197,7 +5519,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-46---2022-08-17"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-45...7.1.0-46">7.1.0-46</a> - 2022-08-17</h2>
-<h3 id="commits-90">Commits</h3>
+<h3 id="commits-94">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/5ab412cf47dea2f09f08d2e7e84d1892b711bac8"><code class="language-plaintext highlighter-rouge">5ab412c</code></a></li>
@@ -5255,13 +5577,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-45---2022-07-31"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-44...7.1.0-45">7.1.0-45</a> - 2022-07-31</h2>
-<h3 id="merged-63">Merged</h3>
+<h3 id="merged-66">Merged</h3>
<ul>
<li>Update Readme.md <a href="https://github.com/ImageMagick/ImageMagick/pull/5320"><code class="language-plaintext highlighter-rouge">#5320</code></a></li>
</ul>
-<h3 id="commits-91">Commits</h3>
+<h3 id="commits-95">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/9e3fa1679410d511c691d5f6eb09f7d0a2ae0e3f"><code class="language-plaintext highlighter-rouge">9e3fa16</code></a></li>
@@ -5291,13 +5613,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-44---2022-07-24"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-43...7.1.0-44">7.1.0-44</a> - 2022-07-24</h2>
-<h3 id="merged-64">Merged</h3>
+<h3 id="merged-67">Merged</h3>
<ul>
<li>build: fix quoting for autoconf sendfile check <a href="https://github.com/ImageMagick/ImageMagick/pull/5333"><code class="language-plaintext highlighter-rouge">#5333</code></a></li>
</ul>
-<h3 id="commits-92">Commits</h3>
+<h3 id="commits-96">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/54080fc7ee70731bc07a204b77efaf6b28c3ff08"><code class="language-plaintext highlighter-rouge">54080fc</code></a></li>
@@ -5370,7 +5692,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-43---2022-07-09"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-42...7.1.0-43">7.1.0-43</a> - 2022-07-09</h2>
-<h3 id="commits-93">Commits</h3>
+<h3 id="commits-97">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/c9ea9fd96d950849d381ce41250609d4c329303c"><code class="language-plaintext highlighter-rouge">c9ea9fd</code></a></li>
@@ -5381,7 +5703,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-42---2022-07-09"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-41...7.1.0-42">7.1.0-42</a> - 2022-07-09</h2>
-<h3 id="commits-94">Commits</h3>
+<h3 id="commits-98">Commits</h3>
<ul>
<li>incorrect pointer update when computing median @ https://github.com/ImageMagick/ImageMagick/issues/5298 <a href="https://github.com/ImageMagick/ImageMagick/commit/e29f487ccdbe9f971fa69f16785767b2484a8f0e"><code class="language-plaintext highlighter-rouge">e29f487</code></a></li>
@@ -5395,7 +5717,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-41---2022-07-06"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-40...7.1.0-41">7.1.0-41</a> - 2022-07-06</h2>
-<h3 id="commits-95">Commits</h3>
+<h3 id="commits-99">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/19f1a50371acc1f4eaead23d097523319e64894a"><code class="language-plaintext highlighter-rouge">19f1a50</code></a></li>
@@ -5416,7 +5738,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-40---2022-07-03"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-39...7.1.0-40">7.1.0-40</a> - 2022-07-03</h2>
-<h3 id="commits-96">Commits</h3>
+<h3 id="commits-100">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/15fbf4da67cd51f903c13adbebd40eda1bfff047"><code class="language-plaintext highlighter-rouge">15fbf4d</code></a></li>
@@ -5460,7 +5782,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-39---2022-06-20"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-38...7.1.0-39">7.1.0-39</a> - 2022-06-20</h2>
-<h3 id="commits-97">Commits</h3>
+<h3 id="commits-101">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/77932cb9424f81fca686942bd8cb97b2eafc6065"><code class="language-plaintext highlighter-rouge">77932cb</code></a></li>
@@ -5475,7 +5797,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-38---2022-06-19"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-37...7.1.0-38">7.1.0-38</a> - 2022-06-19</h2>
-<h3 id="commits-98">Commits</h3>
+<h3 id="commits-102">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/874da17fa8719420e864358ace1b40947f866e37"><code class="language-plaintext highlighter-rouge">874da17</code></a></li>
@@ -5545,13 +5867,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-37---2022-06-05"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-36...7.1.0-37">7.1.0-37</a> - 2022-06-05</h2>
-<h3 id="fixed-9">Fixed</h3>
+<h3 id="fixed-10">Fixed</h3>
<ul>
<li>Set pass when webp:target-size or webp:target-psnr are set to fix #4931. <a href="https://github.com/ImageMagick/ImageMagick/issues/4931"><code class="language-plaintext highlighter-rouge">#4931</code></a></li>
</ul>
-<h3 id="commits-99">Commits</h3>
+<h3 id="commits-103">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/be0bdc32c03f48923ca811e139d0a13f3724c4f5"><code class="language-plaintext highlighter-rouge">be0bdc3</code></a></li>
@@ -5586,7 +5908,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-36---2022-05-30"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-35...7.1.0-36">7.1.0-36</a> - 2022-05-30</h2>
-<h3 id="commits-100">Commits</h3>
+<h3 id="commits-104">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/cfdb4897c6a2212c83be207f4dd5344b0d373d3e"><code class="language-plaintext highlighter-rouge">cfdb489</code></a></li>
@@ -5606,7 +5928,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-35---2022-05-16"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-34...7.1.0-35">7.1.0-35</a> - 2022-05-16</h2>
-<h3 id="commits-101">Commits</h3>
+<h3 id="commits-105">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/e37bfbdac1842265bbe1e3da7b61dd8580d947b5"><code class="language-plaintext highlighter-rouge">e37bfbd</code></a></li>
@@ -5617,7 +5939,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-34---2022-05-15"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-33...7.1.0-34">7.1.0-34</a> - 2022-05-15</h2>
-<h3 id="commits-102">Commits</h3>
+<h3 id="commits-106">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/68a041269ddfc43dc334022176395592d179dba2"><code class="language-plaintext highlighter-rouge">68a0412</code></a></li>
@@ -5642,14 +5964,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-33---2022-05-07"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-32...7.1.0-33">7.1.0-33</a> - 2022-05-07</h2>
-<h3 id="merged-65">Merged</h3>
+<h3 id="merged-68">Merged</h3>
<ul>
<li>autotools: Add ws2_32 library with MagickCore for Win32 platform <a href="https://github.com/ImageMagick/ImageMagick/pull/5119"><code class="language-plaintext highlighter-rouge">#5119</code></a></li>
<li>Avoid NULL pointer dereference in coders/wmf.c <a href="https://github.com/ImageMagick/ImageMagick/pull/5117"><code class="language-plaintext highlighter-rouge">#5117</code></a></li>
</ul>
-<h3 id="commits-103">Commits</h3>
+<h3 id="commits-107">Commits</h3>
<ul>
<li>beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/600c455b84e471b700880653a6316c75b238bdc3"><code class="language-plaintext highlighter-rouge">600c455</code></a></li>
@@ -5688,14 +6010,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-32---2022-04-30"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-31...7.1.0-32">7.1.0-32</a> - 2022-04-30</h2>
-<h3 id="merged-66">Merged</h3>
+<h3 id="merged-69">Merged</h3>
<ul>
<li>Add support for FITS images with NaN values <a href="https://github.com/ImageMagick/ImageMagick/pull/5084"><code class="language-plaintext highlighter-rouge">#5084</code></a></li>
<li>Fixes grammar/typos/markdown <a href="https://github.com/ImageMagick/ImageMagick/pull/5083"><code class="language-plaintext highlighter-rouge">#5083</code></a></li>
</ul>
-<h3 id="commits-104">Commits</h3>
+<h3 id="commits-108">Commits</h3>
<ul>
<li>prep Beta release <a href="https://github.com/ImageMagick/ImageMagick/commit/d2c4a6fad5d9b1d68f729e09ed9e1af2e28957df"><code class="language-plaintext highlighter-rouge">d2c4a6f</code></a></li>
@@ -5740,7 +6062,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-31---2022-04-23"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-30...7.1.0-31">7.1.0-31</a> - 2022-04-23</h2>
-<h3 id="commits-105">Commits</h3>
+<h3 id="commits-109">Commits</h3>
<ul>
<li>https://github.com/ImageMagick/ImageMagick/issues/4973 <a href="https://github.com/ImageMagick/ImageMagick/commit/c8ecfc44c64c7e06d346fc8d52bd52c3afc42444"><code class="language-plaintext highlighter-rouge">c8ecfc4</code></a></li>
@@ -5790,19 +6112,19 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-30---2022-04-16"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-29...7.1.0-30">7.1.0-30</a> - 2022-04-16</h2>
-<h3 id="merged-67">Merged</h3>
+<h3 id="merged-70">Merged</h3>
<ul>
<li>fix #5033: runtime error: load of misaligned address <a href="https://github.com/ImageMagick/ImageMagick/pull/5034"><code class="language-plaintext highlighter-rouge">#5034</code></a></li>
</ul>
-<h3 id="fixed-10">Fixed</h3>
+<h3 id="fixed-11">Fixed</h3>
<ul>
<li>fix #5033: runtime error: load of misaligned address (#5034) <a href="https://github.com/ImageMagick/ImageMagick/issues/5033"><code class="language-plaintext highlighter-rouge">#5033</code></a> <a href="https://github.com/ImageMagick/ImageMagick/issues/5033"><code class="language-plaintext highlighter-rouge">#5033</code></a></li>
</ul>
-<h3 id="commits-106">Commits</h3>
+<h3 id="commits-110">Commits</h3>
<ul>
<li>https://github.com/ImageMagick/ImageMagick/discussions/4861 <a href="https://github.com/ImageMagick/ImageMagick/commit/347b82801da2b0223a4de34d6c30123041061c2b"><code class="language-plaintext highlighter-rouge">347b828</code></a></li>
@@ -5902,20 +6224,20 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-29---2022-03-27"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-28...7.1.0-29">7.1.0-29</a> - 2022-03-27</h2>
-<h3 id="merged-68">Merged</h3>
+<h3 id="merged-71">Merged</h3>
<ul>
<li>Remove unused EXPLICIT_TEMPLATE_INSTANTIATION <a href="https://github.com/ImageMagick/ImageMagick/pull/4982"><code class="language-plaintext highlighter-rouge">#4982</code></a></li>
<li>Fixes #4985: 4e+26 is outside the range of representable values of type ‘unsigned long’ at coders/pcl.c:299 <a href="https://github.com/ImageMagick/ImageMagick/pull/4986"><code class="language-plaintext highlighter-rouge">#4986</code></a></li>
</ul>
-<h3 id="fixed-11">Fixed</h3>
+<h3 id="fixed-12">Fixed</h3>
<ul>
<li>Fixes #4985: 4e+26 is outside the range of representable values of type ‘unsigned long’ at coders/pcl.c:299 (#4986) <a href="https://github.com/ImageMagick/ImageMagick/issues/4985"><code class="language-plaintext highlighter-rouge">#4985</code></a></li>
</ul>
-<h3 id="commits-107">Commits</h3>
+<h3 id="commits-111">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/280e7e6c2183a534efdf08db225dfa21350f0403"><code class="language-plaintext highlighter-rouge">280e7e6</code></a></li>
@@ -5949,14 +6271,14 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-28---2022-03-20"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-27...7.1.0-28">7.1.0-28</a> - 2022-03-20</h2>
-<h3 id="merged-69">Merged</h3>
+<h3 id="merged-72">Merged</h3>
<ul>
<li>Fix setting the pixel intensity method with SetImageProperty <a href="https://github.com/ImageMagick/ImageMagick/pull/4969"><code class="language-plaintext highlighter-rouge">#4969</code></a></li>
<li>fix issue: outside the range of representable values of type ‘unsigned int’ at coders/psd.c:1025 <a href="https://github.com/ImageMagick/ImageMagick/pull/4963"><code class="language-plaintext highlighter-rouge">#4963</code></a></li>
</ul>
-<h3 id="commits-108">Commits</h3>
+<h3 id="commits-112">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/daef66469b28411755b42f000daa5c1dceec8697"><code class="language-plaintext highlighter-rouge">daef664</code></a></li>
@@ -5990,7 +6312,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-27---2022-03-04"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-26...7.1.0-27">7.1.0-27</a> - 2022-03-04</h2>
-<h3 id="commits-109">Commits</h3>
+<h3 id="commits-113">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/fe3a627b4a9f9c15ef8d34daefc08f5471681f4a"><code class="language-plaintext highlighter-rouge">fe3a627</code></a></li>
@@ -6032,13 +6354,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-26---2022-02-21"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-25...7.1.0-26">7.1.0-26</a> - 2022-02-21</h2>
-<h3 id="merged-70">Merged</h3>
+<h3 id="merged-73">Merged</h3>
<ul>
<li>Appropriate default kmin, kmax values for lossy and lossless into webp encoder <a href="https://github.com/ImageMagick/ImageMagick/pull/4846"><code class="language-plaintext highlighter-rouge">#4846</code></a></li>
</ul>
-<h3 id="commits-110">Commits</h3>
+<h3 id="commits-114">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/702d55a87c2b6dc5052a9a71bbbeba2b0b2fc619"><code class="language-plaintext highlighter-rouge">702d55a</code></a></li>
@@ -6087,7 +6409,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-25---2022-02-15"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-24...7.1.0-25">7.1.0-25</a> - 2022-02-15</h2>
-<h3 id="commits-111">Commits</h3>
+<h3 id="commits-115">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/191fd9864aa54bde02bf1863bc306fbe24843f64"><code class="language-plaintext highlighter-rouge">191fd98</code></a></li>
@@ -6116,7 +6438,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-24---2022-02-12"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-23...7.1.0-24">7.1.0-24</a> - 2022-02-12</h2>
-<h3 id="commits-112">Commits</h3>
+<h3 id="commits-116">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/8c52d6fa50d7c39ea4446d416640e29dada61996"><code class="language-plaintext highlighter-rouge">8c52d6f</code></a></li>
@@ -6159,13 +6481,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-23---2022-02-05"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-22...7.1.0-23">7.1.0-23</a> - 2022-02-05</h2>
-<h3 id="merged-71">Merged</h3>
+<h3 id="merged-74">Merged</h3>
<ul>
<li>Make MagickSet/GetSamplingFactors() use ‘:’ instead of ‘,’ <a href="https://github.com/ImageMagick/ImageMagick/pull/4794"><code class="language-plaintext highlighter-rouge">#4794</code></a></li>
</ul>
-<h3 id="commits-113">Commits</h3>
+<h3 id="commits-117">Commits</h3>
<ul>
<li>check if image extent is NaN <a href="https://github.com/ImageMagick/ImageMagick/commit/94650bc4f10a5bb49e16c0f766adcb0db5f04a41"><code class="language-plaintext highlighter-rouge">94650bc</code></a></li>
@@ -6200,7 +6522,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-22---2022-01-29"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-21...7.1.0-22">7.1.0-22</a> - 2022-01-29</h2>
-<h3 id="commits-114">Commits</h3>
+<h3 id="commits-118">Commits</h3>
<ul>
<li>bump patch level version <a href="https://github.com/ImageMagick/ImageMagick/commit/d2ce5721f36572fb80c7a4df8ccec83a399f15ee"><code class="language-plaintext highlighter-rouge">d2ce572</code></a></li>
@@ -6216,13 +6538,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-21---2022-01-28"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-20...7.1.0-21">7.1.0-21</a> - 2022-01-28</h2>
-<h3 id="merged-72">Merged</h3>
+<h3 id="merged-75">Merged</h3>
<ul>
<li>msl coder: add support for autoorient <a href="https://github.com/ImageMagick/ImageMagick/pull/4745"><code class="language-plaintext highlighter-rouge">#4745</code></a></li>
</ul>
-<h3 id="commits-115">Commits</h3>
+<h3 id="commits-119">Commits</h3>
<ul>
<li>It’s a new dawn; It’s a new day; It’s a new life; For ImageMagick <a href="https://github.com/ImageMagick/ImageMagick/commit/03ddd19cfd5a3937aecef34e2173f47c9f2f4825"><code class="language-plaintext highlighter-rouge">03ddd19</code></a></li>
@@ -6249,7 +6571,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-20---2022-01-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-19...7.1.0-20">7.1.0-20</a> - 2022-01-22</h2>
-<h3 id="merged-73">Merged</h3>
+<h3 id="merged-76">Merged</h3>
<ul>
<li>Fix wrong logic when compare two float values with ‘==” directly <a href="https://github.com/ImageMagick/ImageMagick/pull/4723"><code class="language-plaintext highlighter-rouge">#4723</code></a></li>
@@ -6258,7 +6580,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<li>Added support for QOI format <a href="https://github.com/ImageMagick/ImageMagick/pull/4653"><code class="language-plaintext highlighter-rouge">#4653</code></a></li>
</ul>
-<h3 id="commits-116">Commits</h3>
+<h3 id="commits-120">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/bc39ec6f0c977dfd2a6aacc334e4143f56e97dd3"><code class="language-plaintext highlighter-rouge">bc39ec6</code></a></li>
@@ -6393,7 +6715,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-19---2021-12-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-18...7.1.0-19">7.1.0-19</a> - 2021-12-22</h2>
-<h3 id="commits-117">Commits</h3>
+<h3 id="commits-121">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/8a24e363687b2e9221eb06c90cf236a882f1ff82"><code class="language-plaintext highlighter-rouge">8a24e36</code></a></li>
@@ -6409,7 +6731,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-18---2021-12-18"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-17...7.1.0-18">7.1.0-18</a> - 2021-12-18</h2>
-<h3 id="commits-118">Commits</h3>
+<h3 id="commits-122">Commits</h3>
<ul>
<li>Add note to avoid confusion. <a href="https://github.com/ImageMagick/ImageMagick/commit/2ee9473f35bbf5d42dd8e47e4d0d683eb5c7eda7"><code class="language-plaintext highlighter-rouge">2ee9473</code></a></li>
@@ -6438,7 +6760,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-17---2021-12-04"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-16...7.1.0-17">7.1.0-17</a> - 2021-12-04</h2>
-<h3 id="commits-119">Commits</h3>
+<h3 id="commits-123">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/40189c37f33b77df5970ddbba7560c596a61c877"><code class="language-plaintext highlighter-rouge">40189c3</code></a></li>
@@ -6472,7 +6794,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-16---2021-11-21"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-15...7.1.0-16">7.1.0-16</a> - 2021-11-21</h2>
-<h3 id="commits-120">Commits</h3>
+<h3 id="commits-124">Commits</h3>
<ul>
<li>eliminate possible device by zero <a href="https://github.com/ImageMagick/ImageMagick/commit/cdf8735e35ad9df344b99a2ae1255cd0f2f0ccea"><code class="language-plaintext highlighter-rouge">cdf8735</code></a></li>
@@ -6497,13 +6819,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-15---2021-11-20"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-14...7.1.0-15">7.1.0-15</a> - 2021-11-20</h2>
-<h3 id="merged-74">Merged</h3>
+<h3 id="merged-77">Merged</h3>
<ul>
<li>Make exported name be same as in C file. <a href="https://github.com/ImageMagick/ImageMagick/pull/4430"><code class="language-plaintext highlighter-rouge">#4430</code></a></li>
</ul>
-<h3 id="commits-121">Commits</h3>
+<h3 id="commits-125">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/cd9d52cb636d8bb7d996cd7e5017515d34d09bf4"><code class="language-plaintext highlighter-rouge">cd9d52c</code></a></li>
@@ -6540,19 +6862,19 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-14---2021-11-14"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-13...7.1.0-14">7.1.0-14</a> - 2021-11-14</h2>
-<h3 id="merged-75">Merged</h3>
+<h3 id="merged-78">Merged</h3>
<ul>
<li>Typo in magick color threshold image <a href="https://github.com/ImageMagick/ImageMagick/pull/4431"><code class="language-plaintext highlighter-rouge">#4431</code></a></li>
</ul>
-<h3 id="fixed-12">Fixed</h3>
+<h3 id="fixed-13">Fixed</h3>
<ul>
<li>Moved the free to the correct position to fix #4446. <a href="https://github.com/ImageMagick/ImageMagick/issues/4446"><code class="language-plaintext highlighter-rouge">#4446</code></a></li>
</ul>
-<h3 id="commits-122">Commits</h3>
+<h3 id="commits-126">Commits</h3>
<ul>
<li>Fix stripes in output when resizing with OpenCL acceleration enabled <a href="https://github.com/ImageMagick/ImageMagick/commit/0c660f2ff8899401be4acf0ce539f0441ebc370e"><code class="language-plaintext highlighter-rouge">0c660f2</code></a></li>
@@ -6581,7 +6903,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-13---2021-10-28"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-12...7.1.0-13">7.1.0-13</a> - 2021-10-28</h2>
-<h3 id="commits-123">Commits</h3>
+<h3 id="commits-127">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/d988cbfa42a0cbe1bb3c90a0aad5fa0b5221f85f"><code class="language-plaintext highlighter-rouge">d988cbf</code></a></li>
@@ -6595,7 +6917,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-12---2021-10-25"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-11...7.1.0-12">7.1.0-12</a> - 2021-10-25</h2>
-<h3 id="commits-124">Commits</h3>
+<h3 id="commits-128">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/1b0f475ea77b71891df97ac0ca4a6c58e7f62b35"><code class="language-plaintext highlighter-rouge">1b0f475</code></a></li>
@@ -6607,7 +6929,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-11---2021-10-24"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-10...7.1.0-11">7.1.0-11</a> - 2021-10-24</h2>
-<h3 id="commits-125">Commits</h3>
+<h3 id="commits-129">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/46c028b5b76f590f38fe9c25039a560d848cd888"><code class="language-plaintext highlighter-rouge">46c028b</code></a></li>
@@ -6691,7 +7013,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-10---2021-10-10"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-9...7.1.0-10">7.1.0-10</a> - 2021-10-10</h2>
-<h3 id="commits-126">Commits</h3>
+<h3 id="commits-130">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/78efee93db2217a8ad2ff622921e51465de64eb4"><code class="language-plaintext highlighter-rouge">78efee9</code></a></li>
@@ -6714,7 +7036,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-9---2021-10-03"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-8...7.1.0-9">7.1.0-9</a> - 2021-10-03</h2>
-<h3 id="commits-127">Commits</h3>
+<h3 id="commits-131">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/a14c4cd8dddfa9fbb431aa55913914ba7f6efd02"><code class="language-plaintext highlighter-rouge">a14c4cd</code></a></li>
@@ -6826,7 +7148,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-8---2021-09-18"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-7...7.1.0-8">7.1.0-8</a> - 2021-09-18</h2>
-<h3 id="commits-128">Commits</h3>
+<h3 id="commits-132">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/ffee953296479c7cb6a27b08b3cd12b29a96ef48"><code class="language-plaintext highlighter-rouge">ffee953</code></a></li>
@@ -6853,13 +7175,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-7---2021-09-12"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-6...7.1.0-7">7.1.0-7</a> - 2021-09-12</h2>
-<h3 id="merged-76">Merged</h3>
+<h3 id="merged-79">Merged</h3>
<ul>
<li>Added decode support for DDS Dxt10 format <a href="https://github.com/ImageMagick/ImageMagick/pull/4126"><code class="language-plaintext highlighter-rouge">#4126</code></a></li>
</ul>
-<h3 id="commits-129">Commits</h3>
+<h3 id="commits-133">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/f135b4cedfb418733d372ffc129eda5e0d1cb1d1"><code class="language-plaintext highlighter-rouge">f135b4c</code></a></li>
@@ -6927,7 +7249,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-6---2021-09-04"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-5...7.1.0-6">7.1.0-6</a> - 2021-09-04</h2>
-<h3 id="commits-130">Commits</h3>
+<h3 id="commits-134">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/2d444c93b34f1a77c7d1d7570ba3e9350697af4e"><code class="language-plaintext highlighter-rouge">2d444c9</code></a></li>
@@ -6968,20 +7290,20 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-5---2021-08-22"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-4...7.1.0-5">7.1.0-5</a> - 2021-08-22</h2>
-<h3 id="merged-77">Merged</h3>
+<h3 id="merged-80">Merged</h3>
<ul>
<li>fix #4097：Division by zero in ReadEnhMetaFile() of coders/emf.c <a href="https://github.com/ImageMagick/ImageMagick/pull/4098"><code class="language-plaintext highlighter-rouge">#4098</code></a></li>
<li>fix Division by zero in XMenuWidget() of MagickCore/widget.c <a href="https://github.com/ImageMagick/ImageMagick/pull/4041"><code class="language-plaintext highlighter-rouge">#4041</code></a></li>
</ul>
-<h3 id="fixed-13">Fixed</h3>
+<h3 id="fixed-14">Fixed</h3>
<ul>
<li>fix #4097：Division by zero in ReadEnhMetaFile() of coders/emf.c (#4098) <a href="https://github.com/ImageMagick/ImageMagick/issues/4097"><code class="language-plaintext highlighter-rouge">#4097</code></a></li>
</ul>
-<h3 id="commits-131">Commits</h3>
+<h3 id="commits-135">Commits</h3>
<ul>
<li>Corrected remark to make it clear that this is for both reading and writing. <a href="https://github.com/ImageMagick/ImageMagick/commit/5c09e3e9cc6f904114e5c71cd1ff1a6df46cb9f8"><code class="language-plaintext highlighter-rouge">5c09e3e</code></a></li>
@@ -7059,7 +7381,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-4---2021-07-18"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-3...7.1.0-4">7.1.0-4</a> - 2021-07-18</h2>
-<h3 id="commits-132">Commits</h3>
+<h3 id="commits-136">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/433d17474d91aa37c5d933062b9c0a12fcbe9cf3"><code class="language-plaintext highlighter-rouge">433d174</code></a></li>
@@ -7091,13 +7413,13 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-3---2021-07-17"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-2...7.1.0-3">7.1.0-3</a> - 2021-07-17</h2>
-<h3 id="merged-78">Merged</h3>
+<h3 id="merged-81">Merged</h3>
<ul>
<li>magick.sh.in: Corrected sample command <a href="https://github.com/ImageMagick/ImageMagick/pull/3867"><code class="language-plaintext highlighter-rouge">#3867</code></a></li>
</ul>
-<h3 id="commits-133">Commits</h3>
+<h3 id="commits-137">Commits</h3>
<ul>
<li>Test with mingw-w64 using MSYS2 CI <a href="https://github.com/ImageMagick/ImageMagick/commit/6509eba48ebb5fd8a398a3548389ddcec0b60836"><code class="language-plaintext highlighter-rouge">6509eba</code></a></li>
@@ -7172,7 +7494,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-2---2021-06-25"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-1...7.1.0-2">7.1.0-2</a> - 2021-06-25</h2>
-<h3 id="commits-134">Commits</h3>
+<h3 id="commits-138">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/580ab36e3c1f35820007d76a65f899fe070ebd78"><code class="language-plaintext highlighter-rouge">580ab36</code></a></li>
@@ -7185,7 +7507,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-1---2021-06-20"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.1.0-0...7.1.0-1">7.1.0-1</a> - 2021-06-20</h2>
-<h3 id="commits-135">Commits</h3>
+<h3 id="commits-139">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/50a0ccbf19bc57f40a372a8c9de11e29de74bcce"><code class="language-plaintext highlighter-rouge">50a0ccb</code></a></li>
@@ -7212,7 +7534,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<h2 id="710-0---2021-06-12"><a href="https://github.com/ImageMagick/ImageMagick/compare/7.0.11-14...7.1.0-0">7.1.0-0</a> - 2021-06-12</h2>
-<h3 id="commits-136">Commits</h3>
+<h3 id="commits-140">Commits</h3>
<ul>
<li>… <a href="https://github.com/ImageMagick/ImageMagick/commit/20ff6c82c75ecc5b8241610c25464daf01f615a3"><code class="language-plaintext highlighter-rouge">20ff6c8</code></a></li>
@@ -7249,12 +7571,12 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
</ul>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -7279,7 +7601,7 @@ and this project adheres to <a href="https://semver.org/spec/v2.0.0.html">Semant
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/cipher/index.html b/www/cipher/index.html
index 459bfd956..019f866b5 100644
--- a/www/cipher/index.html
+++ b/www/cipher/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Encipher or Decipher an Image</title>
- <meta name="description" content="ImageMagick supports enciphering and deciphering images to convert ordinary images into unintelligible gibberish and back again.">
+ <meta name="description" content="Learn how ImageMagick applies cipher functions to encrypt and decrypt image pixels. Explore supported algorithms, usage examples, and how ciphers enhance image security and controlled access.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Encipher or Decipher an Image">
- <meta property="og:description" content="ImageMagick supports enciphering and deciphering images to convert ordinary images into unintelligible gibberish and back again.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/cipher/">
+ <meta property="og:description" content="Learn how ImageMagick applies cipher functions to encrypt and decrypt image pixels. Explore supported algorithms, usage examples, and how ciphers enhance image security and controlled access.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Encipher or Decipher an Image">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#encipher">Encipher an Image</a> • <a href="#decipher">Decipher an Image</a> • <a href="#caveats">Encipher and Decipher Caveats</a></p>
@@ -264,12 +283,12 @@ Examples <a href="https://usage.imagemagick.org/transform/#encipher"
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -294,7 +313,7 @@ Examples <a href="https://usage.imagemagick.org/transform/#encipher"
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/cite/index.html b/www/cite/index.html
index 48c04b9d4..06d304914 100644
--- a/www/cite/index.html
+++ b/www/cite/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | How to Cite">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/cite/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | How to Cite">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">Learn how to cite ImageMagick in your work. Choose from these citation formats:</p>
@@ -211,7 +230,7 @@
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>1. ImageMagick Studio LLC. ImageMagick [Internet]. 2024. Available from: https://imagemagick.org</code></pre>
<h4>Citation in Harvard style</h4>
-<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><sampl>ImageMagick Studio LLC, 2024. ImageMagick, Available at: https://imagemagick.org.</code></pre>
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>ImageMagick Studio LLC, 2024. ImageMagick, Available at: https://imagemagick.org.</code></pre>
<h4>Citation in Bibtex format</h4>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>@software{imagemagick,
author = {{ImageMagick Studio LLC}},
@@ -223,12 +242,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -253,7 +272,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/clahe/index.html b/www/clahe/index.html
index b807a1771..836a9befc 100644
--- a/www/clahe/index.html
+++ b/www/clahe/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Contrast Limited Adaptive Histogram Equalization">
<meta property="og:description" content="ImageMagick supports contrast limited adaptive histogram equalization (CLAHE) to improve the contrast in images.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/clahe/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Contrast Limited Adaptive Histogram Equalization">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">Use contrast limited adaptive histogram equalization (AHE) to improve contrast in images. Ordinary histogram equalization computes a global equalization whereas an adaptive method computes several histograms, each corresponding to a distinct section of the image, and uses them to redistribute the lightness values of the image. It is suitable for improving the local contrast and enhancing the definitions of edges in each region of an image. A variant of adaptive histogram equalization, contrast limited adaptive histogram equalization (CLAHE) limits AHE's tendency to overamplify noise in relatively homogeneous regions of an image.</p>
<p>CLAHE is supported as of ImageMagick 7.0.8-24 with the <a href="../command-line-options/index.html#clahe">-clahe</a> option:</p>
@@ -231,12 +250,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -261,7 +280,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/color-management/index.html b/www/color-management/index.html
index 1778b65a2..f54554b2b 100644
--- a/www/color-management/index.html
+++ b/www/color-management/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Color Management</title>
- <meta name="description" content="ImageMagick supports accurate color management with color profiles or in lieu of-- built-in gamma compression or expansion as demanded by the colorspace.">
+ <meta name="description" content="Master color management in ImageMagick. Learn how sRGB, linear RGB, grayscale, and ICC profiles affect image processing, with practical command examples for accurate conversions and channel handling.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Color Management">
- <meta property="og:description" content="ImageMagick supports accurate color management with color profiles or in lieu of-- built-in gamma compression or expansion as demanded by the colorspace.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/color-management/">
+ <meta property="og:description" content="Master color management in ImageMagick. Learn how sRGB, linear RGB, grayscale, and ICC profiles affect image processing, with practical command examples for accurate conversions and channel handling.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Color Management">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">Due to the standardization of sRGB on the Internet, most image formats use SRGB as the default working color space. If the color space of an image is unknown and it is an 8- to 16-bit image format, assuming it is in the sRGB color space is a safe choice. This extends to grayscale as well. We assume non-linear grayscale. These assumptions are overridden if a particular image format includes color space and / or gamma metadata. ImageMagick assumes linear color if the color space is RGB instead of sRGB. You can also override the default color space assumptions with color profiles or the <a href="../command-line-processing/index.html#set">-set</a> option.</p>
@@ -261,12 +280,12 @@ magick myimage_channels_*.png -set colorspace HSL -combine -colorspace RGB -set
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -291,7 +310,7 @@ magick myimage_channels_*.png -set colorspace HSL -combine -colorspace RGB -set
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/color-thresholding/index.html b/www/color-thresholding/index.html
index 5e6fd739f..fd77ac095 100644
--- a/www/color-thresholding/index.html
+++ b/www/color-thresholding/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Color Thresholding">
<meta property="og:description" content="ImageMagick supports color thresholding, a technique to segment images by color.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/color-thresholding/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Color Thresholding">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,10 +218,10 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
-<p>Use color thresholding to specify a color range and return a black and white image. All colors between the start and stop colors (inclusively) become white and the rest of the image pixels become black. The two colors are separated with a hyphen between them. Thresholding, by default, take place in the sRGB colorspace. Use the <code>-colorspace</code> to perform the thresholding in an alternative colorspaces (currently limited to sRGB, Gray, HSV, HSL, HCL, HSB, and HSW). Start and stop colors can be specified in any colorspace (recognized by ImageMagick), but in general, we advise you specify them in the colorspace corresponding to the <code>-colorspace</code> option. For colorspace Gray, be sure to use a start value lower than the stop value. Note that Hue is cyclical -- 0 and 360 are the same. However, a range of colors that spans hue = 0 may still be useful, if the start hue value is higher than the stop hue value.</p>
+<p>Use color thresholding to specify a color range and return a black and white image. All colors between the start and stop colors (inclusively) become white and the rest of the image pixels become black. The two colors are separated with a hyphen between them. Thresholding, by default, take place in the sRGB colorspace. Use the <code>-colorspace</code> to perform the thresholding in an alternative colorspace (currently limited to sRGB, Gray, HSV, HSL, HCL, HSB, and HSW). Start and stop colors can be specified in any colorspace (recognized by ImageMagick), but in general, we advise you specify them in the colorspace corresponding to the <code>-colorspace</code> option. For colorspace Gray, be sure to use a start value lower than the stop value. Note that Hue is cyclical -- 0 and 360 are the same. However, a range of colors that spans hue = 0 may still be useful, if the start hue value is higher than the stop hue value.</p>
<p>Caution is advised when mixing the colorspace of the start and stop colors and that of the image. A large range in one colorspace may map to only a narrow range in another colorspace. For example, one might naively think that <code>sRGB(0,0,0)</code> to <code>sRGB(255,255,255)</code> would produce a white image, catching all colors, even when using -colorspace HSV. But these two colors are black and white and so map only to a range of grayscale as <code>hsv(0,0%,0%)</code> and <code>hsv(0,0%,100%)</code>. For a color image, you would likely not find too many gray pixels.</p>
@@ -272,12 +291,12 @@ magick xc:"sRGB(205,100,45)" -colorspace gray txt:
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -302,7 +321,7 @@ magick xc:"sRGB(205,100,45)" -colorspace gray txt:
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/color/index.html b/www/color/index.html
index 4ca0e35f5..646dc32db 100644
--- a/www/color/index.html
+++ b/www/color/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Color Names</title>
- <meta name="description" content="Define ImageMagick colors as CSS color names or hexadecimal number.">
+ <meta name="description" content="Discover ImageMagick’s comprehensive list of color names and specifications. Learn how to define colors using names, RGB, RGBA, HSL, HSB, CMYK, Lab, and ICC models, with examples and conversion tools for precise image editing.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Color Names">
- <meta property="og:description" content="Define ImageMagick colors as CSS color names or hexadecimal number.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/color/">
+ <meta property="og:description" content="Discover ImageMagick’s comprehensive list of color names and specifications. Learn how to define colors using names, RGB, RGBA, HSL, HSB, CMYK, Lab, and ICC models, with examples and conversion tools for precise image editing.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Color Names">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<div id="cli-examples"></div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#models">Color Model Specification</a> • <a href="#color_names">List of Color Names</a></p>
@@ -267,7 +286,7 @@ graya(50%, 0.5) semi-transparent mid gray</code></pre>
<p>The HSL color system is geometrically represented as a stacked double cone with one apex pointing downward and the other pointing upward. The widest ends of both cones are stacked together one on top of the other. Hue is measured around the perimeter. Saturation is measured from the axis outward. Lightness is measured from the bottom apex upward.</p>
-<p>See <a href="http://en.wikipedia.org/wiki/HSL_and_HSV">http://en.wikipedia.org/wiki/HSL_and_HSV</a> for more details on HSL and HSB color systems.</p>
+<p>See <a href="https://en.wikipedia.org/wiki/HSL_and_HSV">https://en.wikipedia.org/wiki/HSL_and_HSV</a> for more details on HSL and HSB color systems.</p>
<p>Hue is represented as an angle of the color around the circular perimeter of the cone(s) (i.e. the rainbow represented in a circle). Hue values are integers or floats in the range 0—360. By definition red=0=360, and the other colors are spread around the circle, so green=120, blue=240, etc. As an angle, it implicitly wraps around such that -120=240 and 480=120, for instance. (Students of trigonometry would say that "coterminal angles are equivalent" here; an angle <var>θ</var> can be standardized by computing the equivalent angle, <var>θ</var> mod 360.)</p>
@@ -320,7 +339,7 @@ $ magick -size 100x100 xc:"cielab(91.1132,-48.0855,-14.1358)" -colorspace sRGB c
<p>Or specify colors generically with the <code>icc-color</code> keyword, for example:</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>
-icc-color(cmyk, 0.11, 0.48, 0.83, 0.00) cymk
+icc-color(cmyk, 0.11, 0.48, 0.83, 0.00) cmyk
icc-color(rgb, 1, 0, 0) linear rgb
icc-color(rgb, red) linear rgb
icc-color(lineargray, 0.5) linear gray
@@ -340,8 +359,8 @@ device-cmyk(0.11, 0.48, 0.83, 0.00)</code></pre>
<p>The table below provides a list of named colors recognized by ImageMagick:</p>
-<div class="overflow-auto" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tbody>
<tr>
<th align="right">Name</th>
@@ -3556,13 +3575,6 @@ device-cmyk(0.11, 0.48, 0.83, 0.00)</code></pre>
<td align="left">#FFFFFF</td>
</tr>
- <tr>
- <td align="right">grey100</td>
- <td align="center" style="background-color: rgb(255, 255, 255)">grey100</td>
- <td align="left">rgb(255, 255, 255)</td>
- <td align="left">#FFFFFF</td>
- </tr>
-
<tr>
<td align="right">gray99</td>
<td align="center" style="background-color: rgb(252, 252, 252)">gray99</td>
@@ -5075,12 +5087,12 @@ device-cmyk(0.11, 0.48, 0.83, 0.00)</code></pre>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -5105,7 +5117,7 @@ device-cmyk(0.11, 0.48, 0.83, 0.00)</code></pre>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/command-line-options/index.html b/www/command-line-options/index.html
index 7c3a3ae24..de5995d7e 100644
--- a/www/command-line-options/index.html
+++ b/www/command-line-options/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Command-line Options</title>
- <meta name="description" content="Influence the default behavior of ImageMagick tools with command-line options.">
+ <meta name="description" content="Explore the complete list of ImageMagick command-line options with detailed explanations and usage examples. Learn how to control image conversion, editing, and processing through powerful flags and parameters for cross-platform workflows. This reference guide empowers developers and system administrators to master ImageMagick’s versatile CLI tools for automation, scripting, and advanced image manipulation.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Options">
- <meta property="og:description" content="Influence the default behavior of ImageMagick tools with command-line options.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/command-line-options/">
+ <meta property="og:description" content="Explore the complete list of ImageMagick command-line options with detailed explanations and usage examples. Learn how to control image conversion, editing, and processing through powerful flags and parameters for cross-platform workflows. This reference guide empowers developers and system administrators to master ImageMagick’s versatile CLI tools for automation, scripting, and advanced image manipulation.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Options">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<br/>
<div class="btn-group">
@@ -704,7 +723,7 @@ matrix determinant has a sufficiently small absolute value it is rejected.</p>
<p>Used to set a flag on an image indicating whether or not to use existing alpha
channel data, to create an alpha channel, or to perform other operations on the alpha channel. Choose the argument <var>type</var> from the list below.</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">activate</dt>
<dd class="col-md-8">
@@ -911,7 +930,7 @@ dark shadows. It also does not work well for diagrams or cartoon like images.
<p>It uses the <a href="#channel" >-channel</a> setting, (including the
'<var>sync</var>' flag for channel synchronization), to determine which color
-values is used and modified. As the default <a href="#channel"
+values are used and modified. As the default <a href="#channel"
>-channel</a> setting is '<var>RGB,sync</var>', channels are modified
together by the same gamma value, preserving colors. </p>
@@ -963,7 +982,7 @@ the image, for correct viewing. </p>
<p>This EXIF profile setting is usually set using a gravity sensor in digital
camera, however photos taken directly downward or upward may not have an
appropriate value. Also images that have been orientation 'corrected' without
-reseting this setting, may be 'corrected' again resulting in a incorrect
+resetting this setting, may be 'corrected' again resulting in a incorrect
result. If the EXIF profile was previously stripped, the <a
href="#auto-orient" >-auto-orient</a> operator will do nothing. </p>
@@ -975,7 +994,7 @@ href="#auto-orient" >-auto-orient</a> operator will do nothing. </p>
<p>Here are the valid methods:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">Undefined</dt><dd class="col-md-8">0: No method specified (equivalent to '<code>OTSU</code>').</dd>
<dt class="col-md-4">Kapur</dt><dd class="col-md-8">maximum entropy thresholding.</dd>
@@ -1063,7 +1082,7 @@ href="../high-dynamic-range/index.html" >High Dynamic-Range Images</a>. For more
about HDRI go the ImageMagick <a
href="https://usage.imagemagick.org/basics/#hdri" >Usage</a> pages or this
<a
-href="http://en.wikipedia.org/wiki/High_dynamic_range_imaging">Wikipedia</a>
+href="https://en.wikipedia.org/wiki/High_dynamic_range_imaging">Wikipedia</a>
entry. </p>
<div style="mx-auto my-3 text-center">
@@ -1185,7 +1204,7 @@ ignored. </p>
<p>As of IM 6.7.8-8, the <var>geometry</var> arguments behave as follows:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4"><var>value</var></dt>
<dd class="col-md-8">value is added to both left/right and top/bottom</dd>
@@ -1529,7 +1548,7 @@ href="#clut">-clut</a> operator is a good example of this. </p>
<p>Let's create two meta channels and populate them with a copy of the gray pixels:</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><pre><samp>$ magick gray.pgm -channel-fx "gray=>meta, gray=>meta1" gray.tif</samp></pre></pre>
-<p>Notice we save the results into a TIFF image file. Not all formats support multipectral images. TIFF, MIFF, MPC, and FTXT do.</p>
+<p>Notice we save the results into a TIFF image file. Not all formats support multispectral images. TIFF, MIFF, MPC, and FTXT do.</p>
<p>Add <code>-debug pixel</code> prior to the <code>-channel-fx</code> option to track the channel morphology.</p>
@@ -1576,7 +1595,7 @@ href="#splice">-splice</a> that was given the same <var>geometry</var> and <a hr
<h2><a class="anchor" id="clamp"></a>-clamp</h2>
</div>
-<p class="lead">Set each pixel whose value is below zero to zero and any the pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</p>
+<p class="lead">Set each pixel whose value is below zero to zero and any pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</p>
<div style="mx-auto my-3 text-center">
<h2><a class="anchor" id="clip"></a>-clip</h2>
@@ -1786,8 +1805,8 @@ for CMYKA (or RGBA with offsets). The matrix is similar to
<p>Choices are:</p>
-<div class="overflow-auto" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tr>
<td>Adobe98</td>
<td>CIELab</td>
@@ -1861,8 +1880,8 @@ for CMYKA (or RGBA with offsets). The matrix is similar to
<p>For a more accurate color conversion to or from the linear RGB, CMYK, or grayscale colorspaces, use the <a href="#profile">-profile</a> option. Note, ImageMagick assumes the sRGB colorspace if the image format does not indicate otherwise. For colorspace conversion, the gamma function is first removed to produce linear RGB.</p>
-<div class="overflow-auto" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<caption>Conversion of RGB to Other Color Spaces</caption>
<tr><th valign="middle">CMY</th></tr>
<tr><td valign="middle">C=<var>QuantumRange</var>−R</td></tr>
@@ -1924,10 +1943,11 @@ for CMYKA (or RGBA with offsets). The matrix is similar to
<tr><td valign="middle">Y=0.212656*R+0.715158*G+0.072186*B; <var>intensity-like</var></td></tr>
<tr><td valign="middle">Cb=(−0.114572*R−0.385428*G+0.500000*B)+(<var>QuantumRange</var>+1)/2</td></tr>
<tr><td valign="middle">Cr=(0.500000*R−0.454153*G−0.045847*B)+(<var>QuantumRange</var>+1)/2</td></tr>
+
<tr><th valign="middle">sRGB</th></tr>
- <tr><td valign="middle">if R ≤ .0.0031308 then Rs=R/12.92 else Rs=1.055 R ^ (1.0 / 2.4) - 0.055</td></tr>
- <tr><td valign="middle">if G ≤ .0.0031308 then Gs=B/12.92 else Gs=1.055 R ^ (1.0 / 2.4) - 0.055</td></tr>
- <tr><td valign="middle">if B ≤ .0.0031308 then Bs=B/12.92 else Bs=1.055 R ^ (1.0 / 2.4) - 0.055</td></tr>
+ <tr><td valign="middle">if R ≤ 0.0031307 then Rs=12.92*R else Rs=1.055 R ^ (1.0 / 2.4) - 0.055</td></tr>
+ <tr><td valign="middle">if G ≤ 0.0031307 then Gs=12.92*G else Gs=1.055 G ^ (1.0 / 2.4) - 0.055</td></tr>
+ <tr><td valign="middle">if B ≤ 0.0031307 then Bs=12.92*B else Bs=1.055 B ^ (1.0 / 2.4) - 0.055</td></tr>
<tr><th valign="middle">XYZ</th></tr>
<tr><td valign="middle">X=0.4124564*R+0.3575761*G+0.1804375*B</td></tr>
@@ -2229,7 +2249,7 @@ positive and negative results are relative to a user-specified bias value.
This is important for non-HDRI compilations of ImageMagick when dealing with
convolutions that contain negative as well as positive values. This is
especially the case with convolutions involving high pass filters or edge
-detection. Without an output bias, the negative values is clipped at zero.
+detection. Without an output bias, the negative values are clipped at zero.
</p>
<p>When using an ImageMagick with the HDRI compile-time setting, <a href="#bias">-bias</a>
@@ -2239,7 +2259,7 @@ See the discussion on HDRI implementations of ImageMagick on the page <a
href="../high-dynamic-range/index.html">High
Dynamic-Range Images</a>. For more about HDRI go the ImageMagick <a
href="https://usage.imagemagick.org/basics/#hdri">Usage</a> pages or this
-<a href="http://en.wikipedia.org/wiki/High_dynamic_range_imaging">Wikipedia</a>
+<a href="https://en.wikipedia.org/wiki/High_dynamic_range_imaging">Wikipedia</a>
entry. </p>
@@ -2394,7 +2414,7 @@ href="#verbose" >-verbose</a> information ("<code>info:</code>" output format)
as "Artifacts". </p>
<p>If <var>value</var> is missing for a definition, an empty-valued
-definition of a flag is created with that name. This used to control on/off
+definition of a flag is created with that name. This is used to control on/off
options. Use <a href="#define">+define key</a> to remove definitions
previously created. Use <a href="#define">+define "*"</a> to remove all
existing definitions.</p>
@@ -2610,7 +2630,7 @@ animation is to be overlaid onto the display. </p>
<p>Here are the valid methods:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">Undefined</dt><dd class="col-md-8">0: No disposal specified (equivalent to '<code>none</code>').</dd>
<dt class="col-md-4">None</dt><dd class="col-md-8">1: Do not dispose, just overlay next frame image.</dd>
@@ -2665,10 +2685,14 @@ and meaning of the floating point values depends on the distortion <var>method</
<p>Choose from these distortion types:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
- <th style="width: 8%">Method</th>
+ <th>Method</th>
<th>Description</th>
</tr>
@@ -2895,7 +2919,7 @@ and meaning of the floating point values depends on the distortion <var>method</
<td>Barrel</td>
<td>
Given the four coefficients (A,B,C,D) as defined by <a
- href="http://wiki.panotools.org/Lens_correction_model" >Helmut
+ href="https://wiki.panotools.org/Lens_correction_model" >Helmut
Dersch</a>, perform a barrel or pin-cushion distortion appropriate to
correct radial lens distortions. That is in photographs, make straight
lines straight again. <br/>
@@ -2937,7 +2961,7 @@ and meaning of the floating point values depends on the distortion <var>method</
<td>
Distort the given list control points (any number) using an Inverse
Squared Distance Interpolation Method (<a
- href="http://en.wikipedia.org/wiki/Shepard%27s_method" >Shepards
+ href="https://en.wikipedia.org/wiki/Shepard%27s_method" >Shepards
Method</a>). The control points in effect do 'localized' displacement
of the image around the given control point (preserving the look and
the rotation of the area near the control points. For best results
@@ -3112,7 +3136,7 @@ operations.</p>
<p>The shape primitives:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">point</dt><dd class="col-md-8"> x,y</dd>
<dt class="col-md-4">line</dt><dd class="col-md-8"> x0,y0 x1,y1</dd>
@@ -3147,7 +3171,7 @@ scope to the <a href="#draw">-draw</a> option in which it appears.</p>
<p>The transformation primitives:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">rotate</dt><dd class="col-md-8">degrees</dd>
<dt class="col-md-4">translate</dt><dd class="col-md-8">dx,dy</dd>
@@ -3159,7 +3183,7 @@ scope to the <a href="#draw">-draw</a> option in which it appears.</p>
<p>The pixel operation primitives:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">color</dt><dd class="col-md-8">x0,y0 method</dd>
<dt class="col-md-4">matte</dt><dd class="col-md-8">x0,y0 method</dd>
@@ -3221,7 +3245,7 @@ optional comma. </p>
</code></pre>
<p>The <code>Bezier</code> primitive creates a spline curve and requires three
-or points to define its shape. The first and last points are the
+or more points to define its shape. The first and last points are the
<var>knots</var> and these points are attained by the curve, while any
intermediate coordinates are <var>control points</var>. If two control points
are specified, the line between each end knot and its sequentially respective
@@ -3447,10 +3471,12 @@ a "normalized pixel" is that number divided by the maximum
normalized pixels are used, they are restored, following the other
calculations, to the full range by multiplying by <var>QuantumRange</var>.)</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
- <col width="25%" />
- <col width="75%" />
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<thead>
<tr>
<th>Operator</th>
@@ -3696,9 +3722,9 @@ represented as a superposition of complex sinusoidal waves of varying
amplitudes. The image x and y coordinates are the possible frequencies along
the x and y directions, respectively, and the pixel intensity values are
complex numbers that correspond to the sinusoidal wave amplitudes. See for
-example, <a href="http://en.wikipedia.org/wiki/Fourier_transform">Fourier
-Transform</a>, <a href="http://en.wikipedia.org/wiki/DFT">Discrete Fourier
-Transform</a> and <a href="http://en.wikipedia.org/wiki/FFT">Fast Fourier
+example, <a href="https://en.wikipedia.org/wiki/Fourier_transform">Fourier
+Transform</a>, <a href="https://en.wikipedia.org/wiki/DFT">Discrete Fourier
+Transform</a> and <a href="https://en.wikipedia.org/wiki/FFT">Fast Fourier
Transform</a>.</p>
<p>A single image name is provided as output for this option. However, the
@@ -3710,7 +3736,7 @@ visualized directly. Therefore, the complex values are automagically separated
into a two-component image representation. The first component is the
magnitude of the complex number and the second is the phase of the complex
number. See for example, <a
-href="http://en.wikipedia.org/wiki/Complex_numbers">Complex Numbers</a>.</p>
+href="https://en.wikipedia.org/wiki/Complex_numbers">Complex Numbers</a>.</p>
<p>The magnitude and phase component images must be specified using image
formats that do not limit the color or compress the image. Thus, MIFF, TIF,
@@ -3785,7 +3811,7 @@ about HDRI go the ImageMagick <a
href="https://usage.imagemagick.org/basics/#hdri" >Usage</a> pages, <a
href="http://www.fmwconcepts.com/imagemagick/fourier_transforms/fourier.html"
>Fred's Fourier Processing With ImageMagick page</a> or this <a
- href="http://en.wikipedia.org/wiki/High_dynamic_range_imaging" >Wikipedia</a>
+ href="https://en.wikipedia.org/wiki/High_dynamic_range_imaging" >Wikipedia</a>
entry. </p>
<p>By default the FFT is normalized (and the IFT is not). Use "<code><a href="#define" >-define</a> fourier:normalize=forward</code> to explicitly normalize the FFT and unnormalize the IFT.</p>
@@ -3865,8 +3891,12 @@ filter</a> option.</p>
use of these expert settings (see also <a href="#define" >-define</a> and <a
href="#set" >-set</a>):-</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<td>-define filter:blur=<var>factor</var></td>
<td>Scale the X axis of the filter (and its window). Use > 1.0 for
@@ -4191,7 +4221,7 @@ Arctan
<p>To print a complete list of <a href="#function">-function</a> operators,
use <a href="#list">-list function</a>. Descriptions follow.</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">Polynomial</dt>
<dd class="col-md-8"><p>The <code>Polynomial</code> function takes an arbitrary number of parameters,
@@ -4215,8 +4245,8 @@ polynomials) of the <a href="#evaluate">-evaluate</a> operator. The <a
href="#level">-level</a> operator also affects channels linearly. Some
correspondences follow.</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tr>
<td>-evaluate Set <var>value</var> </td>
<td>-function Polynomial <var>value</var></td>
@@ -4278,8 +4308,8 @@ is 0.</p>
<code>Cos</code> of the <a href="#evaluate">-evaluate</a> operator by allowing
varying amplitude, phase and bias. The correspondence is as follows.</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tr>
<td>-evaluate Sin <var>freq</var> </td>
<td>-function Sinusoid <var>freq</var>,0 </td>
@@ -4525,7 +4555,7 @@ convert the given image into a grayscale image. </p>
</samp></pre>
<p>Note that a 'colorspace' intensity method will produce the same result
-regardless of the current colorpsace of the image. But a 'mathematical'
+regardless of the current colorspace of the image. But a 'mathematical'
intensity method depends on the current colorspace the image is currently
using. </p>
@@ -4664,9 +4694,9 @@ image histogram, and others.</p>
users in ImageMagick 6.6.0-9). It transforms a pair of magnitude and phase
images from the frequency domain to a single image in the normal or spatial
domain. See for example, <a
-href="http://en.wikipedia.org/wiki/Fourier_transform">Fourier Transform</a>,
-<a href="http://en.wikipedia.org/wiki/DFT">Discrete Fourier Transform</a> and
-<a href="http://en.wikipedia.org/wiki/FFT">Fast Fourier Transform</a>.</p>
+href="https://en.wikipedia.org/wiki/Fourier_transform">Fourier Transform</a>,
+<a href="https://en.wikipedia.org/wiki/DFT">Discrete Fourier Transform</a> and
+<a href="https://en.wikipedia.org/wiki/FFT">Fast Fourier Transform</a>.</p>
<p>For example, depending upon the image format used to store the result of
the <a href="#fft">-fft</a>, one would use either</p>
@@ -4741,7 +4771,7 @@ an image with red, green, and blue pixel components. Typically the
the pixel values to linear-RGB or non-linear sRGB colorspace before
being applied to calculate the final greyscale value. </p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">Rec601Luma</dt><dd class="col-md-8"> 0.298839R' + 0.586811G'+ 0.114350B'</dd>
<dt class="col-md-4">Rec601Luminance</dt><dd class="col-md-8"> 0.298839R + 0.586811G + 0.114350B</dd>
@@ -4752,14 +4782,14 @@ being applied to calculate the final greyscale value. </p>
</dl>
</div>
-<p>Note that the above R,G,B values is the image's linear-RGB values, while
+<p>Note that the above R,G,B values are the image's linear-RGB values, while
R',G',B' are sRGB non-linear values. </p>
<p>These intensity methods are mathematical in nature and will use the
current value in the images respective R,G,B channel regardless of
what that is, or what colorspace the image is currently using.</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">Average</dt><dd class="col-md-8">(R' + G' + B') / 3.0</dd>
<dt class="col-md-4">MS</dt><dd class="col-md-8">(R'^2 + G'^2 + B'^2) / 3.0</dd>
@@ -4783,7 +4813,7 @@ href="#intensity" >-intensity</a> setting.</p>
<p>The <a href="#colorspace" >-colorspace gray</a> image conversion also uses
the current intensity setting, but will always convert the image to the
-appropriate sRGB or linear-RGB colorspace before appling the above
+appropriate sRGB or linear-RGB colorspace before applying the above
function.</p>
<p>To print a complete list of possible pixel intensity setting methods, use <a href="#list">-list intensity</a>.</p>
@@ -4876,7 +4906,7 @@ image. This setting determines how the color is determined from the colors of
the pixels surrounding that point. That is how to determine the color of a
point that falls between two, or even four different colored pixels. </p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">average</dt>
<dd class="col-md-8">The average color of the surrounding four pixels</dd>
@@ -4962,7 +4992,7 @@ lookup for positions outside the boundaries of the image. </p>
<p>Use this option to assign a specific label to the image, as it is read in
or created. You can use the <a href="#set" >-set</a> operation to re-assign
a the labels of images already read in. Image formats such as TIFF, PNG,
-MIFF, supports saving the label information with the image.</p>
+MIFF, support saving the label information with the image.</p>
<p>When saving an image to a <var>PostScript</var> file, any label
assigned to an image is used as a header string to print above the postscript
@@ -5021,11 +5051,15 @@ the local background color, from which to separate the foreground color. </p>
which may represent either a set of overlaid 'image layers', a GIF disposal
animation, or a fully-'coalesced' animation sequence. </p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tbody>
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
- <th style="width: 8%">Method</th>
+ <th>Method</th>
<th>Description</th>
</tr>
@@ -5363,7 +5397,7 @@ color (+ form). </p>
<p>The value for <code>file</code> is in number of files. The other limits are
in bytes. Define arguments for the memory, map, area, and disk resource limits
-with SI prefixes (.e.g 100MB).</p>
+with SI prefixes (e.g. 100MB).</p>
<p>By default the limits are 768 files, 3GB of image area, 1.5GiB memory, 3GiB
memory map, and 18.45EB of disk. These limits are adjusted relative to the
@@ -5595,7 +5629,7 @@ href="#debug">-debug</a> option is active.</p>
<p>You can display the following components by embedding special format
characters:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">%d</dt><dd class="col-md-8">domain</dd>
<dt class="col-md-4">%e</dt><dd class="col-md-8">event</dd>
@@ -5672,7 +5706,7 @@ the type and <code>display</code> searches the list of colormap types in
<p>Here are the valid components of a map:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">r</dt><dd class="col-md-8"> red pixel component</dd>
<dt class="col-md-4">g</dt><dd class="col-md-8"> green pixel component</dd>
@@ -5743,7 +5777,7 @@ name. </p>
<p>Choose from:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">AE</dt><dd class="col-md-8"> the magnitude of pixel differences between two images (-fuzz affected)</dd>
<dt class="col-md-4">DPC</dt><dd class="col-md-8"> discrete phase correlation</dd>
@@ -6094,7 +6128,7 @@ after being created. </p>
<p>Here are the allowed orientations and the EXIF codes and descriptions how to re-orient the image:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">Undefined</dt><dd class="col-md-8">no tag: Undefined</dd>
<dt class="col-md-4">top-left</dt><dd class="col-md-8">1: Do nothing</dd>
@@ -6398,7 +6432,7 @@ compression.</p>
<p>If filter-type is 4 or less, the specified PNG filter-type is used for
all scanlines:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">0</dt><dd class="col-md-8">none</dd>
<dt class="col-md-4">1</dt><dd class="col-md-8">sub</dd>
@@ -6505,7 +6539,7 @@ href="#raise">-raise</a> does not alter the dimensions of the image.</p>
<p class="lead">Prevent updates to image pixels specified by the mask.</p>
-<p>This the same as using a mask used for composite masking operations, with
+<p>This is the same as using a mask used for composite masking operations, with
grayscale values causing blended updates of the image the mask is attached to.
</p>
@@ -6593,7 +6627,7 @@ specify which application to control.</p>
<p class="lead">Render vector operations.</p>
<p>Use <a href="#render">+render</a> to turn off rendering vector operations.
-This useful when saving the result to vector formats such as MVG or SVG.</p>
+This is useful when saving the result to vector formats such as MVG or SVG.</p>
<div style="mx-auto my-3 text-center">
<h2><a class="anchor" id="repage"></a>-repage <var>geometry</var></h2>
@@ -6608,7 +6642,7 @@ of the image on that canvas by only providing those components. </p>
<p>See <a href="../command-line-processing/index.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
<p>If a <code>!</code> flag is given the offset given is added to the existing
-offset to move the image relative to its previous position. This useful for
+offset to move the image relative to its previous position. This is useful for
animation sequences. </p>
<p>A given a canvas size of zero such as '<code>0x0</code>' forces it to
@@ -7119,7 +7153,7 @@ middle-gray; 100% is black). </p>
<p>To achieve the equivalent of a sigmoidal brightness change (similar to
a gamma adjustment), you would use <var>-sigmoidal-contrast
{brightness}x0%</var> to increase brightness and <var>+sigmoidal-contrast {brightness}x0%</var> to decrease brightness.
-Note the use of '0' fo rthe mid-point of the sigmoidal curve. </p>
+Note the use of '0' for the mid-point of the sigmoidal curve. </p>
<p>Using a very high <var>contrast</var> will produce a sort of
'smoothed thresholding' of the image. Not as sharp (with high aliasing
@@ -7221,7 +7255,7 @@ exposing a photographic film to light during the development process.</p>
<p class="lead"> color the given image using the specified points of color, and filling the other intervening colors using the given methods. </p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">barycentric</dt>
<dd class="col-md-8">three point triangle of color given 3 points.
@@ -7311,7 +7345,7 @@ blend.</p>
<p>Choose from these statistic types:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">Contrast</dt><dd class="col-md-8">maximum difference (max - min) divided by (max + min) value in neighborhood</dd>
<dt class="col-md-4">Maximum</dt><dd class="col-md-8">maximum value per channel in neighborhood</dd>
@@ -7352,7 +7386,7 @@ this information to recover the steganographic image (e.g. display -size
<p class="lead">Pixel storage type. Here are the valid types:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">char</dt><dd class="col-md-8">unsigned characters</dd>
<dt class="col-md-4">double</dt><dd class="col-md-8">doubles</dd>
@@ -7854,7 +7888,7 @@ radius that will provide meaningful results for the Gaussian distribution.
<p>The parameters are:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">radius</dt>
<dd class="col-md-8">The radius of the Gaussian, in pixels, not counting the center pixel (default 0).</dd>
@@ -7909,7 +7943,7 @@ image, but could also be set to a specify background color. </p>
<p>Choose from these methods:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">background</dt><dd class="col-md-8">the area surrounding the image is the background color</dd>
<dt class="col-md-4">black</dt><dd class="col-md-8">the area surrounding the image is black</dd>
@@ -7995,7 +8029,7 @@ percentage, which defaults to 100 percent (no color change). </p>
the currently selected font family. Use a positive integer for
<var>fontWeight</var> or select from the following.</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<dl class="row">
<dt class="col-md-4">Thin </dt>
<dd class="col-md-8">Same as <var>fontWeight</var> = 100.</dd>
@@ -8106,12 +8140,12 @@ but with strict boolean masking. </p>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -8136,7 +8170,7 @@ but with strict boolean masking. </p>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/command-line-processing/index.html b/www/command-line-processing/index.html
index 13e413b91..5e784d5f7 100644
--- a/www/command-line-processing/index.html
+++ b/www/command-line-processing/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Command-line Processing</title>
- <meta name="description" content="Create, edit, compose, and convert digital images from the command-line.">
+ <meta name="description" content="Learn how ImageMagick interprets and executes command-line instructions for image manipulation. This guide explains the processing order, option handling, and input/output management, helping developers and system administrators build efficient scripts and workflows. Master the fundamentals of ImageMagick’s CLI processing to achieve precise, reproducible results across platforms.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Processing">
- <meta property="og:description" content="Create, edit, compose, and convert digital images from the command-line.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/command-line-processing/">
+ <meta property="og:description" content="Learn how ImageMagick interprets and executes command-line instructions for image manipulation. This guide explains the processing order, option handling, and input/output management, helping developers and system administrators build efficient scripts and workflows. Master the fundamentals of ImageMagick’s CLI processing to achieve precise, reproducible results across platforms.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Processing">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#anatomy">The Anatomy of the Command-line</a> • <a href="#input">Input Filename</a> • <a href="#option">Command-line Options</a> • <a href="#output">Output Filename</a></p>
@@ -239,27 +258,33 @@
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>$ magick -size 320x90 canvas:none -stroke snow4 -size 1x90 -tile gradient:white-snow4 \
-draw 'roundrectangle 16, 5, 304, 85 20,40' +tile -fill snow \
- -draw 'roundrectangle 264, 5, 304, 85 20,40' -tile gradient:chartreuse-green \
- -draw 'roundrectangle 16, 5, 180, 85 20,40' -tile gradient:chartreuse1-chartreuse3 \
- -draw 'roundrectangle 140, 5, 180, 85 20,40' +tile -fill none \
+ -draw 'roundrectangle 264, 5, 304, 85 20,40' \
+ -tile gradient:chartreuse-green -draw 'roundrectangle 16, 5, 180, 85 20,40' \
+ -tile gradient:chartreuse1-chartreuse3 \
+ -draw 'roundrectangle 140, 5, 180, 85 20,40' +tile -fill none \
-draw 'roundrectangle 264, 5, 304, 85 20,40' -strokewidth 2 \
-draw 'roundrectangle 16, 5, 304, 85 20,40' \( +clone -background snow4 \
- -shadow 80x3+3+3 \) +swap -background none -layers merge \( +size -pointsize 90 \
- -strokewidth 1 -fill red label:'50 %' -trim +repage \( +clone -background firebrick3 \
- -shadow 80x3+3+3 \) +swap -background none -layers merge \) -insert 0 -gravity center \
- -append -background white -gravity center -extent 320x200 cylinder_shaded.png</samp></pre>
+ -shadow 80x3+3+3 \) +swap -background none -layers merge \
+ \( +size -pointsize 90 -strokewidth 1 -fill red label:'50 %' \
+ -trim +repage \( +clone -background firebrick3 -shadow 80x3+3+3 \) \
+ +swap -background none -layers merge \) -insert 0 -gravity center \
+ -append -background white -gravity center -extent 320x200 \
+ cylinder_shaded.png</samp></pre>
<p>Run this script contributed by <a href="https://github.com/geemack">Geemack</a>. You'll get a glimpse of the power and versatility of the ImageMagick command-line:</p>
-<pre class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>$ magick -background none -size 960x960 xc:black \( xc:darkred -duplicate 1 +append \) \
- xc:gold \( xc:teal -duplicate 2 +append \) -modulate 100,100,"%[fx:rand()*200]" \
- xc:white -scale x1 +append -write mpr:clut +delete radial-gradient: mpr:clut \
- -clut -scale 100x4% -wave "%[fx:rand()*24+24]"x"%[fx:w/ceil(rand()*4+1)]" -extent "%[w]x%[w]" \
- -roll +0+"%[fx:(rand()*w*0.05)+(w*0.51)]" \( +clone -blur 0x4 \) -insert 0 -composite \
- -duplicate "%[fx:floor(rand()*3+3)*2-1]" -set option:rot "%[fx:180/n]" -virtual-pixel tile \
- -virtual-pixel none -distort SRT "%[fx:t*360/n]" +repage -flatten -extent 100x50% \
- \( +clone -rotate 180 \) -append +channel -virtual-pixel none -distort SRT "0.96 %[fx:rand()*360]" \
- \( +clone -flop \) +repage -insert "%[fx:round(rand())]" -background black \
- -flatten -brightness-contrast 20,20 -normalize dragonFire.png</samp></pre>
+<pre class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>$ magick -background none -size 960x960 xc:black \( xc:darkred -duplicate 1 \
+ +append \) xc:gold \( xc:teal -duplicate 2 +append \) \
+ -modulate 100,100,"%[fx:rand()*200]" xc:white -scale x1 +append \
+ -write mpr:clut +delete radial-gradient: mpr:clut -clut -scale 100x4% \
+ -wave "%[fx:rand()*24+24]"x"%[fx:w/ceil(rand()*4+1)]" \
+ -extent "%[w]x%[w]" -roll +0+"%[fx:(rand()*w*0.05)+(w*0.51)]" \( +clone \
+ -blur 0x4 \) -insert 0 -composite -duplicate "%[fx:floor(rand()*3+3)*2-1]" \
+ -set option:rot "%[fx:180/n]" -virtual-pixel tile -virtual-pixel none \
+ -distort SRT "%[fx:t*360/n]" +repage -flatten -extent 100x50% \
+ \( +clone -rotate 180 \) -append +channel -virtual-pixel none \
+ -distort SRT "0.96 %[fx:rand()*360]" \( +clone -flop \) +repage \
+ -insert "%[fx:round(rand())]" -background black -flatten \
+ -brightness-contrast 20,20 -normalize dragonFire.png</samp></pre>
<p>To ensure the script can run under Windows, change any backslash-parens (\() to just parens, the backslash (\) to <code>^</code>, and double-up the percent (%) signs.</p>
<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="../develop/index.html">program interfaces</a>.</p>
@@ -339,7 +364,7 @@ so we explicitly set one:
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><pre><samp>$ magick -size 640x480 pattern:checkerboard checkerboard.png</samp></pre></pre>
<h4>STDIN, STDOUT, and file descriptors</h4>
-<p>Linux 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 (<var>standard in</var>) and STDOUT (<var>standard out</var>), respectively, using a pseudo-filename of <code>-</code>. In this example we pipe the output of
+<p>Linux 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="https://en.wikipedia.org/wiki/Standard_streams">standard streams</a> STDIN (<var>standard in</var>) and STDOUT (<var>standard out</var>), respectively, using a pseudo-filename of <code>-</code>. In this example we pipe the output of
<a href="../magick/index.html">magick</a> to the <a href="../display/index.html">display</a> program:
</p>
@@ -385,6 +410,11 @@ In a Windows command shell the brackets are not interpreted but using quotes doe
<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>
+<p>The <code>-define image:frames=<i>list</i></code> define provides an alternative to the bracket syntax for selecting specific frames from multi‑image formats such as GIF, TIFF, PDF, MIFF, and MNG. Instead of appending a frame range to the input filename, you can specify the desired frames directly with a define:</p>
+
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><pre><samp>$ magick -define image:frames=0-3 images.gif images.mng</samp></pre></pre>
+
+<p>This example extracts frames 0 through 3. The define accepts the same grammar as the bracket syntax.</p>
<h4>Selecting an Image Region</h4>
<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:
@@ -779,9 +809,12 @@ setting for more specifics.</p>
<p>The <var>geometry</var> argument might take any of the forms listed in the table below. These will described in more detail in the subsections following the table. The usual form is <var>size</var>[<var>offset</var>], meaning <var>size</var> is required and <var>offset</var> is optional. Occasionally, [<var>size</var>]<var>offset</var> is possible. In no cases are spaces permitted within the <var>geometry</var> argument.</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
- <col width="20%"/> <col width="80%"/>
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<thead>
<tr>
<th style="text-align:center"><var>size</var></th>
@@ -1000,12 +1033,12 @@ image-2.jpg</pre>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -1030,7 +1063,7 @@ image-2.jpg</pre>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/command-line-tools/index.html b/www/command-line-tools/index.html
index ad49df7f7..493471b97 100644
--- a/www/command-line-tools/index.html
+++ b/www/command-line-tools/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Command-line Tools</title>
- <meta name="description" content="Command-line tools to create, edit, compose, and convert digital images.">
+ <meta name="description" content="Explore ImageMagick’s powerful command-line tools to create, edit, compose, and convert images. Learn how to automate tasks like resizing, cropping, animating, comparing, and streaming images with versatile utilities designed for dynamic workflows and batch processing.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools">
- <meta property="og:description" content="Command-line tools to create, edit, compose, and convert digital images.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/command-line-tools/">
+ <meta property="og:description" content="Explore ImageMagick’s powerful command-line tools to create, edit, compose, and convert images. Learn how to automate tasks like resizing, cropping, animating, comparing, and streaming images with versatile utilities designed for dynamic workflows and batch processing.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">ImageMagick is a collection of command-line tools that can be used to modify and manipulate images. While many people are used to using graphical user interfaces (GUIs) like Gimp or Photoshop to edit images individually, these tools may not always be practical. For instance, if you need to process an image dynamically from a web script or apply the same operations to multiple images, or if you need to repeat a specific operation on the same or different images at different times, using a command-line utility like ImageMagick may be more efficient.</p>
@@ -231,12 +250,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -261,7 +280,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/compare/index.html b/www/compare/index.html
index e242273d5..2f1b4662b 100644
--- a/www/compare/index.html
+++ b/www/compare/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Command-line Tools: Compare</title>
- <meta name="description" content="">
+ <meta name="description" content="Learn how to use ImageMagick’s Compare tool to visually and mathematically analyze differences between images. Explore example commands, metrics like RMSE and PSNR, and advanced options including subimage search and FFTW acceleration.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Compare">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/compare/">
+ <meta property="og:description" content="Learn how to use ImageMagick’s Compare tool to visually and mathematically analyze differences between images. Explore example commands, metrics like RMSE and PSNR, and advanced options including subimage search and FFTW acceleration.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Compare">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#options">Option Summary</a></p>
@@ -252,7 +271,7 @@ Channel maximum locations:
Gray: 65532.9 (0.999967) 417,44
</samp></pre>
-<p>The value in the brackets is the normalized simularity metric.</p>
+<p>The value in the brackets is the normalized similarity metric.</p>
<p>Note, similarity search respects the virtual page offset. To ensure expected results, make sure your image page offset is +0+0.</p>
@@ -270,7 +289,12 @@ Channel maximum locations:
<p>The <code>compare</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
<th align="left">Option</th>
@@ -565,15 +589,16 @@ transparent, extract, background, or shape the alpha channel</td>
</tbody>
</table>
+</div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -598,7 +623,7 @@ transparent, extract, background, or shape the alpha channel</td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/compose/index.html b/www/compose/index.html
index 3b424b114..6426e718a 100644
--- a/www/compose/index.html
+++ b/www/compose/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Alpha Compositing</title>
- <meta name="description" content="">
+ <meta name="description" content="Complete guide to ImageMagick's -compose operators: Porter–Duff alpha blending, mathematical, lighting, and SVG 1.2 blend modes, with CLI examples.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Alpha Compositing">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/compose/">
+ <meta property="og:description" content="Complete guide to ImageMagick's -compose operators: Porter–Duff alpha blending, mathematical, lighting, and SVG 1.2 blend modes, with CLI examples.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Alpha Compositing">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,453 +218,745 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<div id="cli-examples"></div>
-<p class="lead">This page described the Image composition methods that is used to define how
-two images should be merged together in various image operations. For the
-Command Line API it is typically set using the <a
-href="../command-line-options/index.html#compose" >-compose</a> setting option. </p>
-
-
-<p>The description of composition uses abstract terminology in order to allow
-the description to be more precise, while avoiding constant values which are
-specific to a particular build configuration. Each image pixel is represented
-by red, green, and blue levels (which are equal for a gray pixel). The
-build-dependent value <var>QuantumRange</var> is the maximum integral
-value which may be stored, per pixel, in the red, green, or blue channels of
-the image. Each image pixel may also optionally (if the image matte channel is
-enabled) have an associated level of opacity, ranging from <var>opaque</var> to
-<var>transparent</var>, which may be used to determine the influence of the pixel
-color when compositing the pixel with another image pixel. If the image matte
-channel is disabled, then all pixels in the image are treated as opaque. The
-color of an opaque pixel is fully visible while the color of a transparent
-pixel color is entirely absent (pixel color is ignored).</p>
-
-<p>By definition, raster images have a rectangular shape. All image rows are of
+<p class="lead">This page describes the image composition methods that define how
+two images are merged together during the many image operations that combine a
+'source' (overlay) image with a 'destination' (background) image. For the
+Command Line API the method is normally selected with the <a
+href="../command-line-options/index.html#compose">-compose</a> setting, and then applied by
+operators such as <a href="../command-line-options/index.html#composite">-composite</a>,
+<a href="../command-line-options/index.html#layers">-layers</a>, <a
+href="../command-line-options/index.html#flatten">-flatten</a>, <a
+href="../command-line-options/index.html#mosaic">-mosaic</a>, <a
+href="../command-line-options/index.html#draw">-draw</a>, and many others. </p>
+
+<p>Most of the alpha-blending operators, and a large number of the blend
+(lighting) modes, follow the W3C <a href="https://www.w3.org/TR/SVGCompositing/"
+>SVG Compositing Specification</a>, which extends the SVG 1.1 and
+SVG 1.2 languages with the full set of <a
+href="https://en.wikipedia.org/wiki/Alpha_compositing">Porter–Duff</a>
+alpha operators and blend modes. Where an operator is defined by that standard,
+ImageMagick implements the same mathematical result, so the behaviour is
+directly comparable to SVG, PDF, and most modern graphics libraries. You can
+review the precise formulae in the SVG specification, or in the ImageMagick
+"<a href="https://usage.imagemagick.org/compose/">Compositing Images</a>" usage
+examples.</p>
+
+<p>The description of composition uses abstract terminology in order to keep the
+definitions precise, while avoiding constant values that are specific to a
+particular build configuration. Each image pixel is represented by red, green,
+and blue levels (which are equal for a gray pixel). The build-dependent value
+<var>QuantumRange</var> is the maximum value that may be stored, per pixel, in
+the red, green, or blue channels of the image. Each image pixel may also
+optionally (if the image alpha/matte channel is enabled) have an associated
+level of opacity, ranging from <var>opaque</var> to <var>transparent</var>,
+which determines the influence of the pixel color when it is composited with
+another image pixel. If the alpha channel is disabled, then all pixels in the
+image are treated as opaque. The color of an opaque pixel is fully visible,
+while the color of a fully transparent pixel is entirely absent (its color is
+ignored).</p>
+
+<p>By definition, raster images have a rectangular shape: all image rows are of
equal length, as are all image columns. By treating the alpha channel as a
-visual "mask" the rectangular image may be given a "shape" by treating the
-alpha channel as a cookie-cutter for the image. This is done by setting the
-pixels within the shape to be opaque, with pixels outside the shape set as
-transparent. Pixels on the boundary of the shape may be between opaque and
+visual "mask", the rectangular image may be given an arbitrary "shape", with the
+alpha channel acting as a cookie-cutter for the image. This is done by setting
+the pixels within the shape to be opaque, and the pixels outside the shape to be
+transparent. Pixels on the boundary of the shape may lie between opaque and
transparent in order to provide antialiasing (visually smooth edges). The
-description of the composition operators use this concept of image "shape" in
-order to make the description of the operators easier to understand. While it
-is convenient to describe the operators in terms of "shapes" they are by no
-means limited to mask-style operations since they are based on continuous
-floating-point mathematics rather than simple boolean operations.</p>
-
-<p>The following alpha blending (Duff-Porter) compose methods are available:</p>
-
-<table class="table table-sm table-hover table-striped table-responsive">
+descriptions of the composition operators use this concept of image "shape" to
+make them easier to understand. While it is convenient to describe the operators
+in terms of "shapes", they are by no means limited to mask-style operations,
+since they are based on continuous floating-point mathematics rather than simple
+boolean operations.</p>
+
+<p>The compose method names are case-insensitive, and the '<code>_</code>' or
+'<code>-</code>' separators are optional. As such the method
+'<code>Dst-Over</code>' may equally be written as '<code>dst_over</code>',
+'<code>DstOver</code>', or '<code>dstover</code>'. They all mean the same
+thing.</p>
+
+<h2>Duff–Porter Alpha Composition Methods</h2>
+
+<p>The following alpha-blending (Duff–Porter) compose methods are
+available. These are the twelve classical Porter–Duff operators, defined
+by the SVG 1.2 Compositing standard, which merge two images purely
+according to their transparency (alpha channel).</p>
+
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
- <th align="left" style="width: 8%">Method</th>
+ <th align="left">Method</th>
<th align="left">Description</th>
</tr>
<tr>
<td>clear</td>
- <td>Both the color and the alpha of the destination are
- cleared. Neither the source nor the destination are used (except for
- destinations size and other meta-data which is always preserved.</td>
+ <td>Both the color and the alpha of the destination are cleared. Neither the
+ source nor the destination is used as input (except for the
+ destination's size and other meta-data, which are always preserved).
+ The result is a fully transparent image.</td>
</tr>
<tr>
<td>src</td>
- <td>The source is copied to the destination. The destination
- is not used as input, though it is cleared.</td>
+ <td>The source is copied to the destination. The destination is not used as
+ input; it is completely replaced, and any area not overlaid by the
+ source is cleared to transparency.</td>
</tr>
<tr>
<td>dst</td>
- <td>The destination is left untouched. The source image is
- completely ignored.</td>
+ <td>The destination is left untouched. The source image is completely
+ ignored. This is effectively a "no operation" for the color data,
+ useful mainly for testing or for building larger expressions.</td>
</tr>
<tr>
<td>src-over</td>
- <td>The source is composited over the destination. this is
- the default alpha blending compose method, when neither the compose
- setting is set, nor is set in the image meta-data.</td>
+ <td>The source is composited over the destination. This is the default
+ alpha-blending compose method, used when the compose setting is neither
+ set on the command line nor recorded in the image meta-data. It is the
+ result most people expect when overlaying one image on another.</td>
</tr>
<tr>
<td>dst-over</td>
- <td>The destination is composited over the source and the
- result replaces the destination.</td>
+ <td>The destination is composited over the source, and the result replaces
+ the destination. In effect the source is placed <em>under</em> the
+ destination, so only the parts of the source not hidden by the
+ destination remain visible. This is ideal for adding backgrounds or
+ drop shadows without altering the destination's size.</td>
</tr>
<tr>
<td>src-in</td>
- <td>The part of the source lying inside of the destination
- replaces the destination.</td>
+ <td>The part of the source lying inside of the destination shape replaces
+ the destination. Everything outside the overlap (including the original
+ destination) is cleared to transparency.</td>
</tr>
<tr>
<td>dst-in</td>
- <td>The part of the destination lying inside of the source
- replaces the destination. Areas not overlaid are cleared.</td>
+ <td>The part of the destination lying inside of the source shape replaces
+ the destination. Areas not overlaid are cleared. This is a convenient
+ way to use the source purely as an alpha mask for the destination.</td>
</tr>
<tr>
<td>src-out</td>
- <td>The part of the source lying outside of the destination
- replaces the destination.</td>
+ <td>The part of the source lying outside of the destination shape replaces
+ the destination. The overlapping region and the original destination are
+ cleared to transparency.</td>
</tr>
<tr>
<td>dst-out</td>
- <td>The part of the destination lying outside of the source
- replaces the destination.</td>
+ <td>The part of the destination lying outside of the source shape replaces
+ the destination. In other words, the source shape is "punched out" of
+ the destination, leaving a hole.</td>
</tr>
<tr>
<td>src-atop</td>
- <td>The part of the source lying inside of the destination is
- composited onto the destination.</td>
+ <td>The part of the source lying inside of the destination shape is
+ composited onto the destination. The destination keeps its shape and
+ alpha, while the source colors sit on top within that shape.</td>
</tr>
<tr>
<td>dst-atop</td>
- <td>The part of the destination lying inside of the source is
+ <td>The part of the destination lying inside of the source shape is
composited over the source and replaces the destination. Areas not
- overlaid are cleared. </td>
+ overlaid are cleared. The result keeps the shape of the source but the
+ colors of the destination within it.</td>
</tr>
<tr>
<td>xor</td>
- <td>The part of the source that lies outside of the
- destination is combined with the part of the destination that lies
- outside of the source. Source or Destination, but not both. </td>
+ <td>The part of the source that lies outside of the destination is combined
+ with the part of the destination that lies outside of the source. That
+ is, the result shows the source or the destination, but not where the
+ two overlap (which is cleared).</td>
</tr>
</tbody>
</table>
+</div>
-<p>Any of the 'Src-*' methods can also be specified without the 'Src-' part.
-For example the default compose method can be specified as just 'Over'.</p>
-
-<p>Many of these compose methods will clear the destination image which was
-not overlaid by the source image. This is to be expected as part of that
-specific composition methods definition. You can disable this by setting the
-special <a href="../command-line-options/index.html#define"
->-define</a> 'compose:outside-overlay' to a value of 'false' will turn off
-this behavior. </p>
-
-<p>On top of the above 12 Duff-Porter Alpha Composition methods, one special
-related method '<code>Copy</code>' has been provided. This is equivalent to
-using the '<code>Src</code>' with the special <a href="../command-line-options/index.html#define"
->-define</a> option '<code>compose:outside-overlay</code>' set to
-'<code>false</code>', so as to only modify the overlaid area, without clearing
-the rest of the image outside the overlaid area. </p>
-
-<p>The following mathematical composition methods are also available. </p>
-
-<table class="table table-sm table-hover table-striped table-responsive">
+<p>Any of the '<code>Src-*</code>' methods can also be specified without the
+'<code>Src-</code>' prefix. For example the default compose method may be
+specified as just '<code>Over</code>', and similarly '<code>In</code>',
+'<code>Out</code>', and '<code>ATop</code>' are shorthand for
+'<code>Src-In</code>', '<code>Src-Out</code>', and '<code>Src-ATop</code>'.</p>
+
+<p>Many of these compose methods will clear the part of the destination image
+that was not overlaid by the source image. This is an intended part of that
+method's definition. The methods that clear the un-overlaid area are
+'<code>Clear</code>', '<code>Src</code>', '<code>Src-In</code>',
+'<code>Dst-In</code>', '<code>Src-Out</code>', and '<code>Dst-ATop</code>'. You
+can disable this behaviour by setting the special <a
+href="../command-line-options/index.html#define">-define</a>
+'<code>compose:outside-overlay</code>' to a value of '<code>false</code>', so
+that only the overlaid region is modified.</p>
+
+<p>On top of the above twelve Duff–Porter alpha-composition methods, one
+special related method '<code>Copy</code>' is provided. It is equivalent to
+using '<code>Src</code>' with the '<code>compose:outside-overlay</code>' define
+set to '<code>false</code>', so as to modify only the overlaid area without
+clearing the rest of the destination image.</p>
+
+<p>For example, to overlay a centered label over the built-in rose image using
+the default '<code>Over</code>' method…</p>
+
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>magick rose: label.png -gravity center -compose Over -composite result.png</samp></pre>
+
+<p>Or, to place the overlay <em>under</em> the destination — handy for
+adding a hard drop shadow without changing the image size…</p>
+
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>magick label_white.png label_black.png -geometry +5+5 -compose Dst-Over -composite shadow.png</samp></pre>
+
+<h2>Mathematical Composition Methods</h2>
+
+<p>The following mathematical composition methods are also available. Rather
+than blending by transparency, these combine the source and destination
+color channels using a specific arithmetic or comparison formula. Several of
+them (<code>Multiply</code>, <code>Screen</code>, <code>Darken</code>,
+<code>Lighten</code>, <code>Difference</code>, and <code>Exclusion</code>) are
+the "separable blend modes" defined by the SVG 1.2 Compositing standard,
+and behave identically to their SVG, PDF, and Photoshop equivalents.</p>
+
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
- <th align="left" style="width: 8%">Method</th>
+ <th align="left">Method</th>
<th align="left">Description</th>
</tr>
<tr>
<td>multiply</td>
- <td>The source is multiplied by the destination and replaces
- the destination. The resultant color is always at least as dark as
- either of the two constituent colors. Multiplying any color with black
- produces black. Multiplying any color with white leaves the original
- color unchanged.</td>
+ <td>The source is multiplied by the destination and replaces the
+ destination. The resultant color is always at least as dark as either
+ of the two constituent colors. Multiplying any color with black produces
+ black; multiplying any color with white leaves the original color
+ unchanged.</td>
+ </tr>
+
+ <tr>
+ <td>divide</td>
+ <td>Works by dividing the pixel values of one input image by those of another, channel by channel. This produces specialized blending effects, often for normalization or highlighting contrasts.</td>
</tr>
<tr>
<td>screen</td>
- <td>The source and destination are complemented and then
- multiplied and then replace the destination. The resultant color is
- always at least as light as either of the two constituent colors.
- Screening any color with white produces white. Screening any color
- with black leaves the original color unchanged.</td>
+ <td>The source and destination are complemented, then multiplied, and the
+ result is complemented again and replaces the destination. The resultant
+ color is always at least as light as either of the two constituent
+ colors. Screening any color with white produces white; screening any
+ color with black leaves the original color unchanged. It is the
+ mathematical opposite of '<code>Multiply</code>'.</td>
+ </tr>
+
+ <tr>
+ <td>bumpmap</td>
+ <td>The intensity (grayscale value) of the source is multiplied with the
+ destination color. Unlike '<code>Multiply</code>', which multiplies each
+ channel by the matching source channel, '<code>Bumpmap</code>' uses the
+ single luminance of the source to shade the destination, which makes it
+ well suited to applying an embossed or relief texture as a light/shadow
+ map.</td>
+ </tr>
+
+ <tr>
+ <td>divide-dst</td>
+ <td>Performs a true mathematical division of the destination color by the
+ source color, channel by channel ( <code>Dc / Sc</code> ), and replaces
+ the destination. Where the two images are equal the result is white
+ (1.0). This is the standard '<code>Divide</code>' operator, and is an
+ efficient built-in replacement for the equivalent (but slow) <a
+ href="../command-line-options/index.html#fx">-fx</a> "divide" expression. It is
+ widely used to flatten uneven lighting or remove a background gradient,
+ e.g. by dividing a scan by a heavily blurred copy of itself.</td>
+ </tr>
+
+ <tr>
+ <td>divide-src</td>
+ <td>The reverse of '<code>Divide-Dst</code>': divides the source color by
+ the destination color ( <code>Sc / Dc</code> ) and replaces the
+ destination. Choose '<code>Divide-Src</code>' or
+ '<code>Divide-Dst</code>' depending on which image should be the
+ numerator.</td>
</tr>
<tr>
<td>plus</td>
- <td>The source is added to the destination and replaces the
- destination. This operator is useful for averaging or a controlled
- merger of two images, rather than a direct overlay.</td>
+ <td>The source is added to the destination and replaces the destination,
+ with the alpha channels also added. This operator is useful for
+ averaging, or for a controlled merger of two images, rather than a
+ direct overlay. Values that exceed <var>QuantumRange</var> are clamped
+ to white.</td>
+ </tr>
+
+ <tr>
+ <td>add<br/>(modulus-add)</td>
+ <td>As per '<code>Plus</code>', but any result that exceeds
+ <var>QuantumRange</var> "wraps around" using modulus arithmetic rather
+ than being clamped. Transparency data is treated as matte values, so any
+ transparent areas in either image remain transparent. Also available as
+ the explicit name '<code>Modulus-Add</code>'.</td>
</tr>
<tr>
- <td>add</td>
- <td>As per 'plus' but transparency data is treated as matte
- values. As such any transparent areas in either image remain
- transparent. </td>
+ <td>minus<br/>(minus-dst)</td>
+ <td>Subtracts the source color from the destination color
+ ( <code>Dc - Sc</code> ), with negative results clamped to black. When
+ transparency is involved, the source opaque areas are subtracted from
+ the destination opaque areas.</td>
</tr>
<tr>
- <td>minus</td>
- <td>Subtract the colors in the source image from the
- destination image. When transparency is involved, opaque areas is
- subtracted from any destination opaque areas. </td>
+ <td>minus-src</td>
+ <td>The reverse of '<code>Minus-Dst</code>': subtracts the destination color
+ from the source color ( <code>Sc - Dc</code> ), with negative results
+ clamped to black.</td>
</tr>
<tr>
- <td>subtract</td>
- <td>Subtract the colors in the source image from the
- destination image. When transparency is involved transparent areas are
- subtracted, so only the opaque areas in the source remain opaque in
- the destination image. </td>
+ <td>subtract<br/>(modulus-subtract)</td>
+ <td>Subtracts the source color from the destination color, but any negative
+ result "wraps around" using modulus arithmetic rather than being clamped
+ to black. When transparency is involved, transparent areas are
+ subtracted, so only the opaque areas in the source remain opaque in the
+ destination image. Also available as '<code>Modulus-Subtract</code>'.</td>
</tr>
<tr>
<td>difference</td>
- <td>Subtracts the darker of the two constituent colors from
- the lighter. Painting with white inverts the destination color.
- Painting with black produces no change.</td>
+ <td>Subtracts the darker of the two constituent colors from the lighter one,
+ giving the absolute difference between them. Compositing with white
+ inverts the destination color; compositing with black produces no
+ change. Identical destination and source colors produce black, which
+ makes this method a convenient way to visually compare two images.</td>
</tr>
<tr>
<td>exclusion</td>
- <td>Produces an effect similar to that of 'difference', but
- appears as lower contrast. Painting with white inverts the
- destination color. Painting with black produces no change.</td>
+ <td>Produces an effect similar to '<code>Difference</code>', but lower in
+ contrast. Compositing with white inverts the destination color;
+ compositing with black produces no change.</td>
</tr>
<tr>
<td>darken</td>
- <td>Selects the darker of the destination and source colors.
- The destination is replaced with the source when the source is darker,
- otherwise it is left unchanged.</td>
+ <td>Selects the darker of the destination and source colors, compared
+ channel by channel. The destination is replaced with the source only
+ where the source is darker; otherwise it is left unchanged.</td>
</tr>
<tr>
<td>lighten</td>
- <td>Selects the lighter of the destination and source colors.
- The destination is replaced with the source when the source is
- lighter, otherwise it is left unchanged. </td>
+ <td>Selects the lighter of the destination and source colors, compared
+ channel by channel. The destination is replaced with the source only
+ where the source is lighter; otherwise it is left unchanged.</td>
+ </tr>
+
+ <tr>
+ <td>darken-intensity</td>
+ <td>Like '<code>Darken</code>', but the choice is made by comparing the
+ overall pixel intensity (luminance) rather than each channel
+ separately. Whichever whole pixel is darker is kept, preserving its hue
+ instead of mixing channels from both images.</td>
+ </tr>
+
+ <tr>
+ <td>lighten-intensity</td>
+ <td>Like '<code>Lighten</code>', but the choice is made by comparing the
+ overall pixel intensity (luminance) rather than each channel
+ separately. Whichever whole pixel is lighter is kept.</td>
</tr>
<tr>
<td>negate</td>
- <td>The "opposite" of difference mode. Note that it is not difference mode inverted, because black and white return the same result, but colors between become brighter instead of darker. </td>
+ <td>The "opposite" of '<code>Difference</code>' mode. Note that it is not
+ simply '<code>Difference</code>' inverted, because black and white
+ return the same result, but intermediate colors become brighter instead
+ of darker.</td>
</tr>
<tr>
<td>reflect</td>
- <td>This mode is useful when adding shining objects or light zones to images. The formula is similar to color dodge, but the result is not that bright in most cases. The result looks a bit like soft light. </td>
+ <td>Useful when adding shining objects or bright light zones to an image.
+ The formula is related to '<code>Color-Dodge</code>', but the result is
+ generally not as bright, giving something between a dodge and a soft
+ light.</td>
</tr>
<tr>
<td>freeze</td>
- <td>Another variation of reflect mode (base and blend color inverted, the result inverted again). </td>
+ <td>Another variation of '<code>Reflect</code>' mode, computed by inverting
+ the base and blend colors, applying the reflect formula, and inverting
+ the result again. It tends to deepen and intensify shadow regions.</td>
</tr>
<tr>
<td>stamp</td>
- <td>This mode somehow is similar to average mode. It is helpful when applying relief or bump textures to images. </td>
+ <td>Similar in spirit to an "average" mode. It is helpful when applying
+ relief or bump-style textures to an image while retaining the
+ destination's mid-tones.</td>
</tr>
<tr>
<td>interpolate</td>
- <td>This mode somehow combines multiply and screen mode (looks very similar for very dark or bright colors). </td>
+ <td>Combines aspects of '<code>Multiply</code>' and '<code>Screen</code>'
+ mode using a smooth cosine interpolation, producing a gentle S-curve.
+ It looks very similar to the constituent colors for very dark or very
+ bright values.</td>
</tr>
+ </tbody>
</table>
+</div>
-<p>Typically these use the default 'Over' alpha blending when transparencies
-are also involved, except for 'Plus' which uses a 'plus' alpha blending. This
-means the alpha channel of both images will only be used to ensure that any
-visible input remains visible even in parts not overlaid. It also means that
-any values are weighted by the alpha channel of the input and output images.
-This 'Over' alpha blending is also applied to the lighting composition methods
-below. </p>
-
-<p> The math composition is applied on an individual channel basis as defined by the <a href="../command-line-options/index.html#channel" >-channel</a>. This includes the alpha channel. This special usage allows you to perform true mathematics of the image channels, without alpha
-composition effects, becoming involved. </p>
-
-<p>Use <code>-define compose:sync=false</code> and the above mathematical compositions will no longer synchronise its actions with the alpha channel. Instead the math composition is applied on an individual channel basis as defined by the <a href="../command-line-options/index.html#channel">-channel</a>. This includes the alpha channel. This special usage allows you to perform true mathematics of the image channels, without alpha composition effects, becoming involved.</p>
-
-<p>This define is not applied to the lighting composition methods (see below) even though they are closely related to mathematical composition methods.</p>
-
-<p>The following lighting composition methods are also available. </p>
-
-<table class="table table-sm table-hover table-striped table-responsive">
+<p>Typically these methods use the default '<code>Over</code>' alpha blending
+when transparencies are involved, except for '<code>Plus</code>' (and
+'<code>Add</code>'), which use a '<code>Plus</code>' alpha blending. This means
+the alpha channels of both images are used only to ensure that any visible input
+remains visible even in parts that are not overlaid, and that the color values
+are weighted by the alpha of the input and output images. This '<code>Over</code>'
+alpha blending is also applied to the lighting composition methods below.</p>
+
+<p>Use <code>-define compose:sync=false</code> and the above mathematical
+compositions will no longer synchronise their action with the alpha channel.
+Instead the math composition is applied on an individual channel basis, as
+selected by the <a href="../command-line-options/index.html#channel">-channel</a> setting;
+this includes the alpha channel itself. This special usage allows you to perform
+true mathematics on the image channels, without the alpha composition becoming
+involved.</p>
+
+<p>This define is not applied to the lighting composition methods (see below),
+even though they are closely related to the mathematical composition
+methods.</p>
+
+<p>A classic use of '<code>Divide</code>' is to flatten uneven lighting or
+remove a background gradient by dividing an image by a heavily blurred copy of
+itself. Note the parentheses, which limit the blur to just the cloned copy…</p>
+
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>magick scan.png \( +clone -blur 0x20 \) -compose Divide_Src -composite flattened.png</samp></pre>
+
+<h2>Lighting Composition Methods</h2>
+
+<p>The following lighting composition methods (the "light", "dodge", and "burn"
+blend modes) are also available. Many are the standard <em>non-separable</em>
+blend modes described by the SVG 1.2 Compositing standard, and match the
+equivalent modes found in SVG, PDF, and popular image editors.</p>
+
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
- <th align="left" style="width: 8%">Method</th>
+ <th align="left">Method</th>
<th align="left">Description</th>
</tr>
<tr>
<td>linear-dodge</td>
- <td>This is equivalent to 'Plus' in that the color channels
- are simply added, however it does not 'Plus' the alpha channel, but
- uses the normal 'Over' alpha blending, which transparencies are
- involved. Produces a sort of additive multiply-like result. </td>
+ <td>Equivalent to '<code>Plus</code>' in that the color channels are simply
+ added; however it does not add the alpha channel, but instead uses the
+ normal '<code>Over</code>' alpha blending when transparencies are
+ involved. Produces an additive, brightening result.</td>
</tr>
<tr>
<td>linear-burn</td>
- <td>As 'Linear-Dodge', but also subtract one from the result.
- Sort of a additive 'Screen' of the images. </td>
+ <td>As '<code>Linear-Dodge</code>', but also subtracts one (full white) from
+ the result, darkening the image. It is, in effect, an additive
+ counterpart to '<code>Screen</code>'.</td>
</tr>
<tr>
<td>color-dodge</td>
- <td>Brightens the destination color to reflect the source
- color. Painting with black produces no change.</td>
+ <td>Brightens the destination color to reflect the source color, by dividing
+ the destination by the inverse of the source. Compositing with black
+ produces no change, while brighter source colors progressively blow out
+ the destination toward white.</td>
</tr>
<tr>
<td>color-burn</td>
- <td>Darkens the destination color to reflect the source
- color. Painting with white produces no change. </td>
+ <td>Darkens the destination color to reflect the source color, the inverse
+ operation to '<code>Color-Dodge</code>'. Compositing with white produces
+ no change, while darker source colors progressively burn the destination
+ toward black.</td>
</tr>
<tr>
<td>overlay</td>
- <td>Multiplies or screens the colors, dependent on the
- destination color. Source colors overlay the destination whilst
- preserving its highlights and shadows. The destination color is not
- replaced, but is mixed with the source color to reflect the lightness
- or darkness of the destination.</td>
+ <td>Multiplies or screens the colors, depending on the destination color.
+ Source colors overlay the destination while preserving its highlights
+ and shadows. The destination color is not replaced, but is mixed with
+ the source color to reflect the lightness or darkness of the
+ destination. This is '<code>Hard-Light</code>' with the source and
+ destination roles swapped.</td>
</tr>
<tr>
<td>hard-light</td>
- <td>Multiplies or screens the colors, dependent on the source
- color value. If the source color is lighter than 0.5, the destination
- is lightened as if it were screened. If the source color is darker
- than 0.5, the destination is darkened, as if it were multiplied. The
- degree of lightening or darkening is proportional to the difference
- between the source color and 0.5. If it is equal to 0.5 the
- destination is unchanged. Painting with pure black or white produces
- black or white.</td>
+ <td>Multiplies or screens the colors, depending on the source color value.
+ If the source color is lighter than 0.5, the destination is lightened as
+ if screened; if the source color is darker than 0.5, the destination is
+ darkened as if multiplied. The degree of lightening or darkening is
+ proportional to the difference between the source color and 0.5. If the
+ source equals 0.5 the destination is unchanged. Compositing with pure
+ black or white produces black or white.</td>
</tr>
+ <tr>
+ <td>hard-mix</td>
+ <td>Adds the source and destination color values and then thresholds the
+ result to pure black or pure white on each channel. This produces a
+ high-contrast, posterised image restricted to the primary and secondary
+ colors.</td>
+ </tr>
<tr>
<td>linear-light</td>
- <td>Like 'Hard-Light' but using linear-dodge and linear-burn
- instead. Increases contrast slightly with an impact on the
- foreground's tonal values.</td>
+ <td>Like '<code>Hard-Light</code>', but using '<code>Linear-Dodge</code>'
+ and '<code>Linear-Burn</code>' instead of screen and multiply. It
+ increases contrast noticeably, with a strong impact on the foreground's
+ tonal values.</td>
</tr>
<tr>
<td>soft-burn</td>
- <td>A combination of color burn and inverse color dodge mode, but a lot smoother than both of them. The base image is lightened a bit, but very dark blend colors are "burned" in. </td>
+ <td>A combination of color-burn and inverse color-dodge modes, but much
+ smoother than either. The base image is lightened a little, while very
+ dark blend colors are "burned" in.</td>
</tr>
<tr>
<td>soft-dodge</td>
- <td> Combination of color dodge and inverse color burn mode, but a lot smoother than both of them. The base image is darkened a bit, but very bright blend colors are "dodged" in. </td>
+ <td>A combination of color-dodge and inverse color-burn modes, but much
+ smoother than either. The base image is darkened a little, while very
+ bright blend colors are "dodged" in.</td>
</tr>
<tr>
<td>soft-light</td>
- <td>Darkens or lightens the colors, dependent on the source
- color value. If the source color is lighter than 0.5, the destination
- is lightened. If the source color is darker than 0.5, the destination
- is darkened, as if it were burned in. The degree of darkening or
- lightening is proportional to the difference between the source color
- and 0.5. If it is equal to 0.5, the destination is unchanged. Painting
- with pure black or white produces a distinctly darker or lighter area,
- but does not result in pure black or white. </td>
+ <td>Darkens or lightens the colors, depending on the source color value. If
+ the source color is lighter than 0.5, the destination is lightened; if
+ it is darker than 0.5, the destination is darkened, as if burned in. The
+ degree of change is proportional to the difference between the source
+ color and 0.5. If the source equals 0.5 the destination is unchanged.
+ Compositing with pure black or white produces a distinctly darker or
+ lighter area, but never pure black or white. This is the SVG 1.2
+ "soft-light" blend mode.</td>
</tr>
<tr>
<td>pegtop-light</td>
- <td>Almost equivalent to 'Soft-Light', but using a
- continuous mathematical formula rather than two conditionally
- selected formulae. </td>
+ <td>Almost equivalent to '<code>Soft-Light</code>', but computed with a
+ single continuous mathematical formula rather than two conditionally
+ selected formulae. This avoids the subtle discontinuity that
+ '<code>Soft-Light</code>' can show at a source value of 0.5.</td>
</tr>
<tr>
<td>vivid-light</td>
- <td>A modified 'Linear-Light' designed to preserve very strong
- primary and secondary colors in the image. </td>
+ <td>A modified '<code>Linear-Light</code>' (a combination of
+ '<code>Color-Dodge</code>' and '<code>Color-Burn</code>') designed to
+ preserve very strong primary and secondary colors in the image.</td>
</tr>
<tr>
<td>pin-light</td>
- <td>Similar to 'Hard-Light', but using sharp linear shadings,
- to simulate the effects of a strong 'pinhole' light source. </td>
+ <td>Similar to '<code>Hard-Light</code>', but using sharp linear shadings,
+ to simulate the effect of a strong "pinhole" light source. It replaces
+ colors based on how light or dark the source is, which can remove
+ mid-tone detail.</td>
</tr>
</tbody>
</table>
+</div>
+
+<p>These blend modes are selected the same way as any other method. For
+instance, to blend a texture into a photo with '<code>Soft-Light</code>'…</p>
-<p>Also included are these special purpose compose methods:</p>
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>magick photo.png texture.png -compose Soft-Light -composite result.png</samp></pre>
-<table class="table table-sm table-hover table-striped table-responsive">
+<h2>Channel-Copying and Color (HSL) Methods</h2>
+
+<p>These methods do not blend the two images arithmetically. Instead they either
+transfer individual channels from the source to the destination, or transfer one
+component of the HSL color model (hue, saturation, or luminosity). The four HSL
+methods (<code>Hue</code>, <code>Saturate</code>, <code>Luminize</code>, and
+<code>Colorize</code>) correspond to the non-separable color blend modes of the
+SVG 1.2 Compositing standard.</p>
+
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
- <th align="left" style="width: 8%">Method</th>
+ <th align="left">Method</th>
<th align="left">Description</th>
</tr>
<tr>
<td>copy</td>
- <td>This is equivalent to the Duff-Porter composition method
- '<code>Src,</code>' but without clearing the parts of the destination
- image that is not overlaid. </td>
- </tr>
+ <td>Equivalent to the Duff–Porter '<code>Src</code>' composition
+ method, but <em>without</em> clearing the parts of the destination image
+ that are not overlaid. Only the overlaid area is replaced.</td>
+ </tr>
+
+ <tr>
+ <td>copy-<em><channel></em></td>
+ <td>Copies the specified channel (<code>Red</code>, <code>Green</code>,
+ <code>Blue</code>, <code>Cyan</code>, <code>Magenta</code>,
+ <code>Yellow</code>, <code>Black</code>, or <code>Alpha</code>) from the
+ source image into the same channel of the destination image, leaving the
+ other channels untouched. If the requested channel does not exist in the
+ source image (which can only happen for '<code>Copy-Alpha</code>' or
+ '<code>Copy-Black</code>'), then the source is assumed to be a grayscale
+ image whose intensity supplies the values to be copied.
+ '<code>Copy-Alpha</code>' (formerly '<code>Copy-Opacity</code>') is the
+ classic way to apply an explicit transparency mask to an image.</td>
+ </tr>
+
+ <tr>
+ <td>hue</td>
+ <td>Replaces the hue of the destination with the hue of the source, while
+ keeping the destination's saturation and luminosity.</td>
+ </tr>
+
+ <tr>
+ <td>saturate</td>
+ <td>Replaces the saturation of the destination with the saturation of the
+ source, while keeping the destination's hue and luminosity.</td>
+ </tr>
+
+ <tr>
+ <td>luminize</td>
+ <td>Replaces the luminosity (brightness) of the destination with that of the
+ source, while keeping the destination's hue and saturation.</td>
+ </tr>
+
+ <tr>
+ <td>colorize</td>
+ <td>Replaces the hue and saturation of the destination with those of the
+ source, while keeping the destination's luminosity. It is the exact
+ complement of '<code>Luminize</code>' and is ideal for tinting a
+ grayscale image with a color.</td>
+ </tr>
+
+ </tbody>
+</table>
+</div>
+<p>For example, to tint a grayscale portrait with a solid color using
+'<code>Colorize</code>', which keeps the destination's luminosity but takes the
+hue and saturation from the source…</p>
+
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>magick portrait.png xc:steelblue -compose Colorize -composite tinted.png</samp></pre>
+
+<h2>Other Special-Purpose Methods</h2>
+
+<p>Also included are these special-purpose compose methods:</p>
+
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
+ <tbody>
<tr>
- <td>copy-*</td>
- <td>Copy the specified channel (Red, Green, Blue, Cyan,
- Magenta, Yellow, Black, or Opacity) in the source image to the
- same channel in the destination image. If the channel specified
- does not exist in the source image, (which can only happen for methods,
- '<code>copy-opacity</code>' or '<code>copy-black</code>') then it is
- assumed that the source image is a special grayscale channel image
- of the values that is to be copied. </td>
- </tr>
+ <th align="left">Method</th>
+ <th align="left">Description</th>
+ </tr>
+
+ <tr>
+ <td>no</td>
+ <td>A true "no operation". Used internally, and when layering images, to
+ indicate that no composition should be performed. The destination is
+ returned unchanged.</td>
+ </tr>
<tr>
<td>change-mask</td>
- <td>Replace any destination pixel that is the similar to the
- source images pixel (as defined by the current <a
- href="../command-line-options/index.html#fuzz">-fuzz</a> factor), with transparency.
- </td>
+ <td>Replaces any destination pixel that is similar to the corresponding
+ source pixel (as defined by the current <a
+ href="../command-line-options/index.html#fuzz">-fuzz</a> factor) with transparency.
+ This is useful for producing a minimal "difference" overlay, such as when
+ optimising an animation.</td>
</tr>
<tr>
<td>stereo</td>
- <td>create a stereo anaglyph</td>
+ <td>Creates a stereo anaglyph by taking the red channel from the source
+ image and the green and blue channels from the destination image, so the
+ combined result can be viewed with red/cyan 3D glasses.</td>
</tr>
+
</tbody>
</table>
+</div>
+
+<h2>Composition Methods That Take Arguments</h2>
-<p>On top of these composed methods are a few special ones that not only require
-the two images that are being merged or overlaid, but have some extra numerical
-arguments, which are tabled below. </p>
+<p>On top of the methods above are a few special ones that not only require the
+two images being merged, but also take some extra numerical arguments, which are
+tabled below.</p>
-<p>In the "<code>composite</code>" command these composition methods are
-selected using special options with the arguments needed. They are usually,
-but not always, the same name as the composite 'method' they use, and replaces
-the normal use of the <a href="../command-line-options/index.html#compose" >-compose</a>
-setting in the "<code>composite</code>" command. For example... </p>
+<p>In the "<code>composite</code>" command these composition methods are usually
+selected using dedicated options that carry the arguments they need. Those
+option names are usually—but not always—the same as the compose
+'method' they use, and they replace the normal <a
+href="../command-line-options/index.html#compose">-compose</a> setting. For example…</p>
-<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>composite ... -blend 50x50 ... </code></pre>
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>magick composite ... -blend 50x50 ...</code></pre>
-<p>The "<samp>$ magick</samp>" command can accept these extra arguments to its <a href="../command-line-options/index.html#composite"
->-composite</a> operator, using the special <a href="../command-line-options/index.html#define">-define</a>
-attribute of <code>compose:args</code>. This means you can now
-make use of these special augmented <a href="../command-line-options/index.html#compose"
->-compose</a> methods, those the argument and the method both need to be set
-separately. For example... </p>
+<p>The "<samp>magick</samp>" command can pass these extra arguments to its <a
+href="../command-line-options/index.html#composite">-composite</a> operator using the
+special <a href="../command-line-options/index.html#define">-define</a> attribute
+<code>compose:args</code>. This means you can make use of these augmented <a
+href="../command-line-options/index.html#compose">-compose</a> methods, though the argument
+and the method must each be set separately. For example…</p>
-<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><pre><samp>$ magick ... -compose blend -define compose:args=50,50 -composite ... </samp></pre></pre>
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>magick ... -compose blend -define compose:args=50,50 -composite ...</samp></pre>
-<p>The following is a table of these special 'argumented' compose methods,
-with a brief summary of what they do. For more details see the equivalent
-"composite" command option name. </p>
+<p>The following is a table of these special 'argumented' compose methods, with
+a brief summary of what they do. For more detail see the equivalent
+"<code>composite</code>" command option.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
- <th align="left" style="width: 8%">Method</th>
+ <th align="left">Method</th>
<th align="left">Description</th>
</tr>
@@ -654,12 +965,12 @@ with a brief summary of what they do. For more details see the equivalent
<td>Arguments:
<var>src_percent</var>[x<var>dst_percent</var>]
<br/>Equivalent to "<code>composite</code>" <a href="../command-line-options/index.html#dissolve">-dissolve</a>.
- Dissolve the 'source' image by the percentage given before overlaying
- 'over' the 'destination' image. If <var>src_percent</var> is
- greater than 100, it starts dissolving the main image so it will
- become transparent at a value of <code>200</code>. If
- both percentages are given, each image are dissolved to the
- percentages given.
+ Dissolves the 'source' image by the percentage given before overlaying it
+ 'over' the 'destination' image. If <var>src_percent</var> is greater than
+ 100, it starts dissolving the destination image as well, so the
+ destination becomes fully transparent at a value of <code>200</code>. If
+ both percentages are given, each image is dissolved to the percentage
+ given.
</td>
</tr>
@@ -669,13 +980,12 @@ with a brief summary of what they do. For more details see the equivalent
<var>src_percent</var>[x<var>dst_percent</var>]
<br/>Equivalent to "<code>composite</code>" <a
href="../command-line-options/index.html#blend">-blend</a>.
- Average the images together ('plus') according to the percentages
- given and each pixels transparency. If only a single percentage value
- is given it sets the weight of the composite or 'source' image, while
- the background image is weighted by the exact opposite amount. That is
- a <code>-blend 30</code> merges 30% of the 'source' image with 70% of
- the 'destination' image. Thus it is equivalent to <code>-blend
- 30x70</code>.
+ Averages the images together ('plus') according to the percentages given and
+ each pixel's transparency. If only a single percentage is given, it sets
+ the weight of the 'source' image, while the 'destination' image is
+ weighted by the exact opposite amount. That is, <code>-blend 30</code>
+ merges 30% of the source with 70% of the destination, and is therefore
+ equivalent to <code>-blend 30x70</code>.
</td>
</tr>
@@ -683,11 +993,13 @@ with a brief summary of what they do. For more details see the equivalent
<td>mathematics</td>
<td>Arguments: <var>A, B, C, D</var>
<br/>Not available in "<code>composite</code>" at this time.
- Merge the source and destination images according to the formula
+ Merges the source and destination images according to the formula
<ul><code>A*Sc*Dc + B*Sc + C*Dc + D</code></ul>
- Can be used to generate a custom composition method that would
- otherwise need to be implemented using the slow <a
- href="../command-line-options/index.html#fx">-fx</a> DIY image operator.
+ where <code>Sc</code> and <code>Dc</code> are the source and destination
+ color values. This can generate a custom composition method that would
+ otherwise need the slow <a href="../command-line-options/index.html#fx">-fx</a> DIY
+ image operator. For example, setting <var>A=1</var> with the other
+ coefficients zero reproduces '<code>Multiply</code>'.
</td>
</tr>
@@ -696,12 +1008,11 @@ with a brief summary of what they do. For more details see the equivalent
<td>Arguments:
<var>brightness</var>[x<var>saturation</var>]
<br/>Equivalent to "<code>composite</code>" <a href="../command-line-options/index.html#watermark">-watermark</a>.
- Take a grayscale image (with alpha mask) and modify the destination
- image's brightness according to watermark image's grayscale value and
- the <var>brightness</var> percentage. The destinations
- color saturation attribute is just direct modified by the <var>saturation</var> percentage, which defaults to 100 percent
- (no color change).
-
+ Takes a grayscale image (with an alpha mask) and modifies the destination
+ image's brightness according to the source image's grayscale value and
+ the <var>brightness</var> percentage. The destination's color saturation
+ is scaled directly by the <var>saturation</var> percentage, which
+ defaults to 100 percent (no color change).
</td>
</tr>
@@ -710,26 +1021,25 @@ with a brief summary of what they do. For more details see the equivalent
<td>Arguments:
<var>X-scale</var>[x<var>Y-scale</var>][!][%]
<br/>Equivalent to "<code>composite</code>" <a href="../command-line-options/index.html#displace">-displace</a>.
- With this option, the 'overlay' image, and optionally the 'mask'
- image, is used as a relative displacement map, which is used to
- displace the lookup of what part of the destination image is seen at
- each point of the overlaid area. Much like the displacement map is a
- 'lens' that distorts the original 'background' image behind it.
- <br/><br/>
- The X-scale is modulated by the 'red' channel of the overlay image
- while the Y-scale is modulated by the green channel, (the mask image
- if given is rolled into green channel of the overlay image. This
- separation allows you to modulate the X and Y lookup displacement
- separately allowing you to do 2-dimensional displacements, rather
- than 1-dimensional vectored displacements (using grayscale image).
+ With this method, the 'overlay' image (and optionally the 'mask' image) is
+ used as a relative displacement map, which shifts the lookup of the
+ destination pixel that is seen at each point of the overlaid area. It is
+ much like a 'lens' that distorts the background image behind it.
<br/><br/>
- If the overlay image contains transparency this is used as a mask
- of the resulting image to remove 'invalid' pixels.
+ The X-scale is modulated by the red channel of the overlay image, while
+ the Y-scale is modulated by the green channel (if a mask image is given,
+ it is rolled into the green channel of the overlay). This separation lets
+ you modulate the X and Y lookups independently, allowing 2-dimensional
+ displacements rather than the 1-dimensional vectored displacement of a
+ single grayscale image.
<br/><br/>
- The '%' flag makes the displacement scale relative to the size of the
- overlay image (100% = half width/height of image). Using '!' switches
- percentage arguments to refer to the destination image size instead.
+ If the overlay image contains transparency, it is used as a mask on the
+ result to remove 'invalid' pixels.
<br/><br/>
+ The '<code>%</code>' flag makes the displacement scale relative to the
+ size of the overlay image (100% = half the width/height of the image).
+ Using '<code>!</code>' switches the percentage arguments to refer to the
+ destination image size instead.
</td>
</tr>
@@ -738,17 +1048,16 @@ with a brief summary of what they do. For more details see the equivalent
<td>Arguments:
<var>X-scale</var>[x<var>Y-scale</var>[+<var>X-center</var>+<var>Y-center</var>]][!][%]
<br/>Not available in "<code>composite</code>" at this time.
- Exactly as per 'Displace' (above), but using absolute coordinates,
- relative to the center of the overlay (or that given). Basically
- allows you to generate absolute distortion maps where 'black' will
- look up the left/top edge, and 'white' looks up the bottom/right
- edge of the destination image, according to the scale given.
- <br/><br/>
- The '!' flag not only switches percentage scaling, to use the
- destination image, but also the image the center offset of the lookup.
- This means the overlay can lookup a completely different region of the
- destination image.
+ Exactly as per '<code>Displace</code>' (above), but using absolute
+ coordinates relative to the center of the overlay (or to the center
+ given). This lets you generate absolute distortion maps, where 'black'
+ looks up the left/top edge and 'white' looks up the bottom/right edge of
+ the destination image, according to the scale given.
<br/><br/>
+ The '<code>!</code>' flag not only switches the percentage scaling to use
+ the destination image, but also references the center offset against the
+ destination. This means the overlay can look up a completely different
+ region of the destination image.
</td>
</tr>
@@ -757,53 +1066,66 @@ with a brief summary of what they do. For more details see the equivalent
<td>Arguments:
<var>Width</var>[x<var>Height</var>[+<var>Angle</var>][+<var>Angle2</var>]]
<br/>Equivalent to "<code>composite</code>" <a href="../command-line-options/index.html#blur-composite">-blur</a>.
- A Variable Blur Mapping Composition method, where each pixel in the
- overlaid region is replaced with an Elliptical Weighted Average (EWA),
- with an ellipse (typically a circle) of the given sigma size, scaled
- according to overlay (source image) grayscale mapping.
+ A variable-blur mapping composition method, where each pixel in the overlaid
+ region is replaced with an Elliptical Weighted Average (EWA), using an
+ ellipse (typically a circle) of the given sigma size, scaled according
+ to the overlay (source) grayscale mapping.
<br/><br/>
- As per 'Displace' and 'Distort', the red channel will modulate the
- width of the ellipse, while the green channel will modulate the height
- of the ellipse. If a single Angle value is given in the arguments,
- then the ellipse will then be rotated by the angle specified.
- <br/><br/>
- Normally the blue channel of the mapping overlay image is ignored.
- However if a second ellipse angle is given, then it is assumed that
- the blue channel defines a variable angle for the ellipse ranging from
- the first angle to the second angle given. This allows to generate
- radial blurs, or a rough approximation for rotational blur. Or any mix
- of the two.
+ As with '<code>Displace</code>' and '<code>Distort</code>', the red
+ channel modulates the width of the ellipse while the green channel
+ modulates its height. If a single Angle value is given, the ellipse is
+ rotated by that angle.
<br/><br/>
+ Normally the blue channel of the mapping overlay is ignored. However if a
+ second angle is given, the blue channel is taken to define a variable
+ angle for the ellipse, ranging from the first angle to the second. This
+ lets you generate radial blurs, a rough approximation of rotational blur,
+ or any mix of the two.
</td>
</tr>
+
<tr>
<td>seamless-blend</td>
<td>Arguments: <var>max-iterations</var>x<var>distortion</var>
- <p>Seamlessly inserts the overlay image onto the background image. This operator requires a mask. Set the maximum iterations and distortion when seamlessly blending a foreground object onto a background image. The distortion is the RMSE between each iteration, a good start might be 300x0.0001. Note, seamless blending works most effectively when the HDRI feature is enabled.</p>
+ <p>Seamlessly inserts the overlay image onto the background image. This
+ operator requires a mask. Set the maximum number of iterations and the
+ target distortion when seamlessly blending a foreground object onto a
+ background. The distortion is the RMSE between each iteration; a good
+ starting point is <code>300x0.0001</code>. Note that seamless blending
+ works most effectively when the HDRI feature is enabled.</p>
</td>
</tr>
+
<tr>
<td>saliency-blend</td>
<td>Arguments: <var>max-iterations</var>x<var>distortion</var>
- <p>Merges the overlay image with the background image such that the image that is most salient (has the most detail) at a given pixel will show in the result. This operator requires a mask. Set the maximum iterations and distortion when seamlessly blending a foreground object onto a background image. The distortion is the RMSE between each iteration, a good start might be 300x0.0001. Note, seamless blending works most effectively when the HDRI feature is enabled. Saliency-blending will be a bit slower than seamless blending.</p>
+ <p>Merges the overlay image with the background image such that whichever
+ image is most salient (has the most detail) at a given pixel is the one
+ that shows in the result. This operator requires a mask. Set the maximum
+ number of iterations and the target distortion as for
+ '<code>Seamless-Blend</code>'; a good starting point is
+ <code>300x0.0001</code>. Note that this works most effectively when the
+ HDRI feature is enabled, and it is a little slower than seamless
+ blending.</p>
</td>
</tr>
-
</tbody>
</table>
+</div>
-<p>To print a complete list of all the available compose operators, use <a
-href="../command-line-options/index.html#list">-list compose</a>.</p>
+<p>To print a complete list of all the available compose operators supported by
+your particular build, use <a href="../command-line-options/index.html#list">-list
+compose</a>.</p>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -828,7 +1150,7 @@ href="../command-line-options/index.html#list">-list compose</a>.</p>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/composite/index.html b/www/composite/index.html
index ce89e1146..7f048fe83 100644
--- a/www/composite/index.html
+++ b/www/composite/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Command-line Tools: Composite</title>
- <meta name="description" content="Create a rich and intricate visual compositions by seamlessly blending together two images.">
+ <meta name="description" content="Use ImageMagick’s Composite tool to overlay, blend, and seamlessly merge images. Explore example commands, advanced options like masks and seamless blending, and learn how to create rich visual compositions.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Composite">
- <meta property="og:description" content="Create a rich and intricate visual compositions by seamlessly blending together two images.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/composite/">
+ <meta property="og:description" content="Use ImageMagick’s Composite tool to overlay, blend, and seamlessly merge images. Explore example commands, advanced options like masks and seamless blending, and learn how to create rich visual compositions.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Composite">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#options">Option Summary</a></p>
@@ -249,7 +268,12 @@ $ magick composite -compose atop -geometry -13-17 white-highlight.png red-circle
<p>The <code>composite</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
<th align="left">Option</th>
@@ -655,15 +679,16 @@ transparent, extract, background, or shape the alpha channel</td>
</tbody>
</table>
+</div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -688,7 +713,7 @@ transparent, extract, background, or shape the alpha channel</td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/conjure/index.html b/www/conjure/index.html
index c6aef17f8..da271f1f2 100644
--- a/www/conjure/index.html
+++ b/www/conjure/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Conjure">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/conjure/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Conjure">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#options">Option Summary</a> • <a href="#msl">Magick Scripting Language (MSL)</a> </p>
@@ -282,7 +301,12 @@ msl:font-metrics.origin.y
<p>The <code>conjure</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<thead>
<tr>
<th align="left">Option</th>
@@ -338,16 +362,24 @@ msl:font-metrics.origin.y
</tbody>
</table>
+</div>
<h2><a class="anchor" id="msl"></a>Magick Scripting Language</h2>
<p>The <code>conjure</code> command recognizes these MSL elements. Any element with a strike-thru is not supported yet.</p>
-<table class="table table-sm table-hover table-striped table-responsive caption-top">
+
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped caption-top">
+ <colgroup>
+ <col style="width:20%">
+ <col style="width:20%">
+ <col style="width:60%">
+ </colgroup>
<caption>Magick Scripting Language (MSL)</caption>
<thead>
<tr>
<th>Method</th>
- <th style="width: 40%;">Parameters</th>
- <th style="width: 40%;">Description</th>
+ <th>Parameters</th>
+ <th>Description</th>
</tr>
</thead>
@@ -473,7 +505,7 @@ msl:font-metrics.origin.y
<tr>
<td><strike>clamp</strike></td>
<td>channel="Red, RGB, All, etc."</td>
- <td>set each pixel whose value is below zero to zero and any the pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
+ <td>set each pixel whose value is below zero to zero and any pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
</tr>
@@ -1260,15 +1292,16 @@ fill="color name", channel="All, Default, Alpha, Black, Blue, CMYK, Cyan, Gray,
</tr>
</tbody>
</table>
+</div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -1293,7 +1326,7 @@ fill="color name", channel="All, Default, Alpha, Black, Blue, CMYK, Cyan, Gray,
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/connected-components/index.html b/www/connected-components/index.html
index 8071303ab..1522e1331 100644
--- a/www/connected-components/index.html
+++ b/www/connected-components/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Connected Components Labeling">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/connected-components/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Connected Components Labeling">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">Connected-component labeling (alternatively connected-component analysis, blob extraction, region labeling, blob discovery, or region extraction) uniquely labels connected components in an image. The labeling process scans the image, pixel-by-pixel from top-left to bottom-right, in order to identify connected pixel regions, i.e. regions of adjacent pixels which share the same set of intensity values. For example, let's find the objects in this image:</p>
<ul>
@@ -267,12 +286,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -297,7 +316,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/content-provenance-authenticity/index.html b/www/content-provenance-authenticity/index.html
new file mode 100644
index 000000000..30d1555a8
--- /dev/null
+++ b/www/content-provenance-authenticity/index.html
@@ -0,0 +1,299 @@
+
+
+<!DOCTYPE html>
+<html lang="en" data-bs-theme="auto">
+
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+ <title>ImageMagick | Content Provenance and Authenticity</title>
+ <meta name="description" content="Content Provenance and Authenticity (C2PA) is an open standard that provides a framework for embedding secure, tamper-evident metadata into digital media to prove its origin, authenticity, and any edits made">
+ <link rel="canonical" href="index.html">
+ <meta name="robots" content="index, follow">
+ <meta name="theme-color" content="#000000">
+ <meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
+ <link rel="shortcut icon" href="../image/wand.png" type="image/png">
+ <link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
+ <link rel="preconnect" href="https://localhost/">
+ <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
+ <!-- Accessibility Enhancement -->
+ <style>
+ html {
+ scroll-padding-top: 70px;
+ }
+
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
+ a.nav-link:hover,
+ a.dropdown-item:hover {
+ color: #ffc107 !important;
+ text-shadow: 0px 2px 4px rgba(255, 193, 7, 0.8);
+ }
+
+ .btn-outline-warning {
+ color: #cd7f32;
+ border-color: #cd7f32;
+ }
+
+ .navbar-brand {
+ color: #d4af37;
+ transition: color 0.3s ease, text-shadow 0.3s ease;
+ }
+
+ .navbar-brand:hover {
+ color: #e9c03d;
+ text-shadow: 0px 2px 4px rgba(203, 163, 120, 0.6);
+ }
+
+ :root {
+ --bs-code-color: revert;
+ }
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
+ </style>
+ <!-- Open Graph Meta Tags -->
+ <meta property="og:title" content="ImageMagick | Content Provenance and Authenticity">
+ <meta property="og:description" content="Content Provenance and Authenticity (C2PA) is an open standard that provides a framework for embedding secure, tamper-evident metadata into digital media to prove its origin, authenticity, and any edits made">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
+ <meta property="og:type" content="website">
+ <meta property="og:site_name" content="ImageMagick">
+ <meta property="og:locale" content="en_us">
+ <!-- Twitter Card Meta Tags -->
+ <meta name="twitter:card" content="summary_large_image">
+ $site=strtolower("ImageMagick");
+ <meta name="twitter:site" content="@imagemagick">
+ <meta name="twitter:creator" content="@imagemagick">
+ <meta name="twitter:title" content="ImageMagick | Content Provenance and Authenticity">
+ <meta name="twitter:description" content="$this->description">
+ <meta name="twitter:image" content="../image/logo.png">
+ <meta name="twitter:image:alt" content="ImageMagick logo and tag line">
+ <!-- JSON-LD Structured Data -->
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@type": "SoftwareApplication",
+ "name": "ImageMagick",
+ "url": "ImageMagick | Content Provenance and Authenticity",
+ "image": "https://imagemagick.org/image/logo.png",
+ "description": "$this->description",
+ "applicationCategory": "Multimedia",
+ "operatingSystem": "Windows, macOS, Linux, Unix",
+ "softwareVersion": "7.1.2-31",
+ "license": "https://imagemagick.org/license/",
+ "creator": {
+ "@type": "Organization",
+ "name": "ImageMagick Studio LLC",
+ "url": "https://imagemagick.org"
+ },
+ "keywords": [
+ "".ucfirst($title)."",
+ "image processing software",
+ "image conversion tool",
+ "batch image editing",
+ "open-source image editor",
+ "ImageMagick command-line",
+ "resize images ImageMagick",
+ "crop and rotate images",
+ "ImageMagick tutorial",
+ "ImageMagick automation",
+ "ImageMagick for developers",
+ "ImageMagick CLI",
+ "ImageMagick filters and effects",
+ "ImageMagick scripting",
+ "ImageMagick API integration"
+ ],
+ "sameAs": [
+ "https://github.com/ImageMagick",
+ "https://x.com/imagemagick"
+ ],
+ "offers": {
+ "@type": "Offer",
+ "price": "0.00",
+ "priceCurrency": "USD"
+ }
+ }
+ </script>
+ <!-- Google Custom Search -->
+ <script async src="https://localhost/cse.js?cx=8720b81722164487b"></script>
+ <script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745" crossorigin="anonymous"></script>
+</head>
+
+<body>
+ <script>
+ function setTheme(theme) {
+ localStorage.setItem('theme', theme);
+ updateThemeIcon(theme);
+ document.documentElement.setAttribute('data-bs-theme', theme === 'auto' ? getSystemTheme() : theme);
+ }
+ function getSystemTheme() {
+ return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+ }
+ function updateThemeIcon(theme) {
+ const iconMap = {
+ light: '☀️',
+ dark: '🌙',
+ auto: '🌓'
+ };
+ document.getElementById('currentThemeIcon').textContent = iconMap[theme] || '🌓';
+ }
+ document.addEventListener('DOMContentLoaded', () => {
+ const savedTheme = localStorage.getItem('theme') || 'auto';
+ setTheme(savedTheme);
+ });
+ </script>
+ <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
+ <div class="container-fluid">
+ <a class="navbar-brand fw-bold" href="../index-2.html" title="ImageMagick">ImageMagick</a>
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#magick-navbars" aria-controls="magick-navbars" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+
+ <div class="collapse navbar-collapse" id="magick-navbars">
+ <ul class="navbar-nav me-auto">
+ <li class="nav-item">
+ <a class="nav-link "" href="../download/index.html">Download</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link "" href="../command-line-tools/index.html">Tools</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link "" href="../command-line-processing/index.html">CLI</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link "" href="../develop/index.html">Develop</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" rel="noopener noreferrer" target="_blank" href="https://github.com/ImageMagick/ImageMagick/discussions">Community</a>
+ </li>
+ </ul>
+ <ul class="navbar-nav ms-auto">
+ <li class="nav-item ms-3">
+ <form class="d-flex form-inline" action="https://imagemagick.org/content-provenance-authenticity/">
+ <input class="form-control me-2" type="text" name="q" placeholder="Search site..." aria-label="Search">
+ <button class="btn btn-outline-warning" type="submit" name="sa">Search</button>
+ </form>
+ </li>
+ <li class="nav-item dropdown ms-3">
+ <a class="nav-link dropdown-toggle" href="#" id="themeDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ <span id="currentThemeIcon">🌓</span>
+ </a>
+ <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="themeDropdown">
+ <li><a class="dropdown-item" href="#" onclick="setTheme('light')">☀️ Light</a></li>
+ <li><a class="dropdown-item" href="#" onclick="setTheme('dark')">🌙 Dark</a></li>
+ <li><a class="dropdown-item" href="#" onclick="setTheme('auto')">🌓 Auto</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
+
+ <div class="col-lg-8 mx-auto text-body-secondary pt-5 pt-lg-5">
+ <header class="d-flex align-items-center pb-3 mb-5 border-bottom">
+ <div class="mt-3 ms-3">
+ <a href="../index-2.html" class="text-decoration-none">
+ <h1 class="fs-2 mb-1 display-5">Content Provenance and Authenticity</h1>
+ </a>
+ <h2 class="fs-5 text-muted h4">ImageMagick</h2>
+ </div>
+ </header>
+
+ <main role="main" class="container">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
+ <div>
+<p class="lead">ImageMagick integrates the <strong>C2PA coder</strong> to verify content provenance. This enables trusted workflows for digital assets.</p>
+<h2 class="mt-5">Decoding Example</h2>
+<p>
+To inspect and verify the embedded C2PA data, run:
+</p>
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><samp>magick identify c2pa:signed_image.png</samp></pre>
+
+<h2 class="mt-5">Conclusion</h2>
+<p> The C2PA coder extends ImageMagick’s capabilities by allowing developers to decode provenance metadata alongside standard image processing tasks.
+</p>
+</div>
+
+ </div>
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
+ <div class="container text-center my-3">
+ <a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
+ </a>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
+ </div>
+ <div class="container text-center my-3">
+ <script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
+ crossorigin="anonymous"></script>
+ <!-- Banner Ad -->
+ <ins class="adsbygoogle"
+ style="display:block"
+ data-ad-client="ca-pub-3129977114552745"
+ data-ad-slot="1083537442"
+ data-ad-format="auto"
+ data-full-width-responsive="true"></ins>
+ <script>
+ (adsbygoogle = window.adsbygoogle || []).push({});
+ </script>
+ </div>
+ </div>
+ </div>
+ <a aria-label="About ImageMagick" class="btn btn-outline-warning mt-3" href="../index-2.html">About ImageMagick</a>
+ </main><!-- /.container -->
+ <footer class="text-center pt-5 my-5 text-body-secondary border-top">
+ <div class="container-fluid">
+ <a href="../security-policy/index.html">Security</a> •
+ <a href="../news/index.html">News</a>
+
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
+
+ <a href="../links/index.html">Related</a> •
+ <a href="../sitemap/index.html">Sitemap</a>
+ <br>
+ <a href="../support/index.html">Sponsor</a> •
+ <a href="../cite/index.html">Cite</a> •
+ <a href="http://pgp.mit.edu/pks/lookup?op=get&search=0x89AB63D48277377A">Public Key</a> •
+ <a href="https://github.com/ImageMagick/ImageMagick/discussions">Contact Us</a>
+ <br>
+ <a href="https://github.com/imagemagick/imagemagick" rel="noopener noreferrer" target="_blank" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" class="navbar-nav-svg" viewBox="0 0 512 499.36" width="2%" height="2%" role="img" focusable="false">
+ <title>GitHub</title>
+ <path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z" />
+ </svg></a> •
+ <a href="https://twitter.com/imagemagick" rel="noopener noreferrer" target="_blank" aria-label="Twitter"><svg xmlns="http://www.w3.org/2000/svg" class="navbar-nav-svg" viewBox="0 0 300 300" width="2%" height="2%" role="img" focusable="false">
+ <title>Twitter</title>
+ <path d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66" />
+ </svg></a>
+ <br>
+ <small>Copyright © 1999 ImageMagick Studio LLC</small>
+ </div>
+ </footer>
+ <div style="visibility: hidden;">
+ <div class="gcse-search"></div>
+ </div>
+ </div>
+
+ <!-- Javascript assets -->
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
+</body>
+
+
+</html>
diff --git a/www/convert/index.html b/www/convert/index.html
index b63c7dbf2..c5d646cbd 100644
--- a/www/convert/index.html
+++ b/www/convert/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Convert">
<meta property="og:description" content="Convert between image formats as well as resize an image, blur, crop, despeckle, dither, draw on, flip, join, re-sample, and much more.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/convert/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Convert">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,12 +218,12 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
-<p class="lead">Use the <code>magick</code> program to convert between image formats as well as resize an image, blur, crop, despeckle, dither, draw on, flip, join, re-sample, and much more. See <a href="../command-line-processing/index.html">Command Line Processing</a> for advice on how to structure your <code>magick</samp> command or see below for example usages of the command.</p>
+<p class="lead">Use the <code>magick</code> program to convert between image formats as well as resize an image, blur, crop, despeckle, dither, draw on, flip, join, re-sample, and much more. See <a href="../command-line-processing/index.html">Command Line Processing</a> for advice on how to structure your <code>magick</code> command or see below for example usages of the command.</p>
-<p>We list a few examples of the <samp>$ magick</samp> command here to illustrate its usefulness and ease of use. To get started, lets convert an image in the JPEG format to PNG:</p>
+<p>We list a few examples of the <code>magick</code> command here to illustrate its usefulness and ease of use. To get started, lets convert an image in the JPEG format to PNG:</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>$ magick rose.jpg rose.png</samp></pre>
@@ -242,10 +261,14 @@
<h2><a class="anchor" id="options"></a>Option Summary</h2>
-<p>The <samp>$ magick</samp> command recognizes these options. Click on an option to get more details about how that option works.</p>
+<p>The <code>magick</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<td><a href="../command-line-options/index.html#adaptive-blur">-adaptive-blur <var>geometry</var></a></td>
<td>adaptively blur pixels; decrease effect near edges</td>
@@ -409,7 +432,7 @@ transparent, extract, background, or shape the alpha channel</td>
<tr>
<td><a href="../command-line-options/index.html#clamp">-clamp</a></td>
- <td>set each pixel whose value is below zero to zero and any the pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
+ <td>set each pixel whose value is below zero to zero and any pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
</tr>
<tr>
@@ -1497,12 +1520,12 @@ transparent, extract, background, or shape the alpha channel</td>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -1527,7 +1550,7 @@ transparent, extract, background, or shape the alpha channel</td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/convex-hull/index.html b/www/convex-hull/index.html
index ad6311078..1dc02ac73 100644
--- a/www/convex-hull/index.html
+++ b/www/convex-hull/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Convex Hull">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/convex-hull/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Convex Hull">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#about">Convex Hull</a> • <a href="#box">Minimum Bounding Box</a> • <a href="#unrotate">Unrotate an Image</a></p>
@@ -261,12 +280,12 @@ pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>$ magick bar
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -291,7 +310,7 @@ pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>$ magick bar
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/defines/index.html b/www/defines/index.html
index c783fd488..84edd0d98 100644
--- a/www/defines/index.html
+++ b/www/defines/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Defines">
<meta property="og:description" content="Maximize image processing with the -define command-line option, tailor coders/decoders, and control operations with precision for optimal results.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/defines/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Defines">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">The <a href="../command-line-options/index.html#define">-define</a> command-line option adds specific global settings generally used to control coders and image processing operations.</p>
@@ -211,7 +230,7 @@ control image file format coder modules, and image processing operations,
beyond what is provided by normal means. Defined settings are listed in <a href="../command-line-options/index.html#verbose">-verbose</a> information ("<code>info:</code>" output format) as "Artifacts". </p>
<p>If <var>value</var> is missing for a definition, an empty-valued
-definition of a flag is created with that name. This used to control on/off
+definition of a flag is created with that name. This is used to control on/off
options. Use <a href="../command-line-options/index.html#define">-define keys</a> to remove definitions
previously created. Use <a href="../command-line-options/index.html#define">+define "*"</a> to remove all existing definitions.</p>
@@ -235,9 +254,8 @@ use:</p>
<p>Here is a list of recognized defines:</p>
-<div>
-
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tr>
<th align="center" colspan=2>Command-line Defines</th>
</tr>
@@ -650,6 +668,11 @@ use:</p>
<td>The maximum number of pixel locations to display when using <code>identify:locate</code>.</td>
</tr>
+ <tr>
+ <td>image:frames</td>
+ <td>Select specific frames from multi‑image formats, e.g., <code>-define image:frames=0-3</code>.</td>
+ </tr>
+
<tr>
<td>json:features</td>
<td>Include features in verbose information.</td>
@@ -934,12 +957,6 @@ use:</p>
in the file.</td>
</tr>
- <tr>
- <td>dcm:rescale=<var>true</var></td>
- <td>Enable interpretation of the rescale slope and intercept settings
- in the file.</td>
- </tr>
-
<tr>
<td>dcm:window=<var>CxW</var></td>
<td>Specify the dcm window center and width.</td>
@@ -1703,7 +1720,7 @@ use:</p>
<td>tiff:predictor=<var>[1, 2 or 3]</var></td>
<td>A mathematical operator that is applied to the image data before an
encoding scheme is applied. The general idea is that subsequent pixels of
- an image resemble each other. Thus, substracting the information from a
+ an image resemble each other. Thus, subtracting the information from a
pixel that is already contained in previous one is likely to reduce its
information density considerably and aid subsequent compression.
1 = No prediction scheme used before coding. 2 = Horizontal differencing.
@@ -2003,12 +2020,12 @@ use:</p>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -2033,7 +2050,7 @@ use:</p>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/develop/index.html b/www/develop/index.html
index c985c1ae2..8e08bd8e7 100644
--- a/www/develop/index.html
+++ b/www/develop/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Develop</title>
- <meta name="description" content="">
+ <meta name="description" content="Explore ImageMagick development resources with bindings for C, C++, Java, Python, PHP, Ruby, .NET, Node.js, and more. Learn how to integrate powerful image conversion, composition, and editing capabilities into your applications using MagickCore, MagickWand, and language-specific interfaces.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Develop">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/develop/">
+ <meta property="og:description" content="Explore ImageMagick development resources with bindings for C, C++, Java, Python, PHP, Ruby, .NET, Node.js, and more. Learn how to integrate powerful image conversion, composition, and editing capabilities into your applications using MagickCore, MagickWand, and language-specific interfaces.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Develop">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">The functionality of ImageMagick is typically utilized from the <a href="../command-line-processing/index.html">command-line</a> or you can use the features from programs written in your favorite language. Choose from these interfaces:
<a href="index.html#ada">G2F</a> (Ada),
@@ -230,136 +249,103 @@ With a language interface, use ImageMagick to modify or create images dynamicall
<dl class="row">
<dt class="col-md-4"><a class="anchor" id="c"></a>C</dt>
-
-<dd class="col-md-8">Use the thread-safe <a href="../magick-wand/index.html">MagickWand</a> library to convert, compose, and edit images from the C language. There is also the low-level thread-safe <a href="../magick-core/index.html">MagickCore</a> library for wizard-level developers. The MagickCache API is a development library to utilize an efficient <a href="https://github.com/ImageMagick/MagickCache#readme">image cache</a>.</dd>
+ <dd class="col-md-8">Use the thread-safe <a href="../magick-wand/index.html">MagickWand</a> library to convert, compose, and edit images from the C language. There is also the low-level thread-safe <a href="../magick-core/index.html">MagickCore</a> library for wizard-level developers. The MagickCache API is a development library to utilize an efficient <a href="https://github.com/ImageMagick/MagickCache#readme">image cache</a>.</dd>
<dt class="col-md-4"><a class="anchor" id="ch"></a>Ch</dt>
-
-<dd class="col-md-8"><a href="https://download.imagemagick.org/archive/ch/">ChMagick</a> is a <a href="http://www.softintegration.com/">Ch</a> binding to the MagickCore and MagickWand API. Ch is an embeddable C/C++ interpreter for cross-platform scripting.</dd>
+ <dd class="col-md-8"><a href="https://download.imagemagick.org/archive/ch/">ChMagick</a> is a <a href="http://www.softintegration.com/">Ch</a> binding to the MagickCore and MagickWand API. Ch is an embeddable C/C++ interpreter for cross-platform scripting.</dd>
<dt class="col-md-4"><a class="anchor" id="c__"></a>C++</dt>
-
-<dd class="col-md-8"><a href="../magick%2b%2b/index.html">Magick++</a> provides a thread-safe object-oriented C++ interface to ImageMagick. See <a href="../magick%2b%2b/tutorial/Magick%2b%2b_tutorial.pdf">A Gentle Introduction to Magick++</a> for an introductory tutorial to Magick++. We include the <a href="../magick%2b%2b/tutorial/Magick%2b%2b_tutorial.odt">source</a> if you want to correct, enhance, or expand the tutorial.</dd>
+ <dd class="col-md-8"><a href="../magick%2b%2b/index.html">Magick++</a> provides a thread-safe object-oriented C++ interface to ImageMagick. See <a href="../magick%2b%2b/tutorial/Magick%2b%2b_tutorial.pdf">A Gentle Introduction to Magick++</a> for an introductory tutorial to Magick++. We include the <a href="../magick%2b%2b/tutorial/Magick%2b%2b_tutorial.odt">source</a> if you want to correct, enhance, or expand the tutorial.</dd>
<dt class="col-md-4"><a class="anchor" id="go"></a>GO</dt>
<dd class="col-md-8"><a href="https://github.com/gographics/imagick">GoImagick</a> is a set of Go bindings to ImageMagick's MagickWand and MagickCore C APIs.</dd>
<dt class="col-md-4"><a class="anchor" id="java"></a>Java</dt>
+ <dd class="col-md-8"><a href="https://jmagick.org/">JMagick</a> provides an object-oriented Java interface to ImageMagick. <a href="http://im4java.sourceforge.net/">Im4java</a> is a pure-java interface to the ImageMagick command-line.</dd>
-<dd class="col-md-8"><a href="http://www.jmagick.org/">JMagick</a> provides an object-oriented Java interface to ImageMagick. <a href="http://im4java.sourceforge.net/">Im4java</a> is a pure-java interface to the ImageMagick command-line.</dd>
-
-<dt class="col-md-4"><a class="anchor" id="javascript"></a>Javascript/TypeScript</dt>
-
-<dd class="col-md-8"><a href="https://github.com/KnicKnic/WASM-ImageMagick">WASM-ImageMagick</a> Webassembly compilation of ImageMagick that allows serverless clientside bindings for Typescript and Javascript. Works in Progressive Web Apps.</dd>
+ <dt class="col-md-4"><a class="anchor" id="javascript"></a>Javascript/TypeScript</dt>
+ <dd class="col-md-8"><a href="https://github.com/KnicKnic/WASM-ImageMagick">WASM-ImageMagick</a> Webassembly compilation of ImageMagick that allows serverless clientside bindings for Typescript and Javascript. Works in Progressive Web Apps.</dd>
<dt class="col-md-4"><a class="anchor" id="julia"></a>Julia</dt>
+ <dd class="col-md-8"><a href="https://github.com/JuliaIO/ImageMagick.jl">JuliaIO</a> provides an object-oriented Julia interface to ImageMagick.</dd>
-<dd class="col-md-8"><a href="https://github.com/JuliaIO/ImageMagick.jl">JuliaIO</a> provides an object-oriented Julia interface to ImageMagick.</dd>
-
-<dt class="col-md-4"><a class="anchor" id="kmagick"></a>KMagick</dt>
+ <dt class="col-md-4"><a class="anchor" id="kmagick"></a>KMagick</dt>
<dd class="col-md-8"><a href="https://github.com/MolotovCherry/kmagick">KMagick</a> provides Kotlin bindings to ImageMagick.</dd>
<dt class="col-md-4"><a class="anchor" id="labview"></a>LabVIEW</dt>
-
-<dd class="col-md-8"><a href="http://forums.lavag.org/downloads-file90.html">LVOOP ImageMagick</a> is an object-oriented LabVIEW interface to ImageMagick.</dd>
+ <dd class="col-md-8"><a href="https://lavag.org/files/file/48-lvoop-imagemagick-interface/">LVOOP ImageMagick</a> is an object-oriented LabVIEW interface to ImageMagick.</dd>
<dt class="col-md-4"><a class="anchor" id="lisp"></a>Lisp</dt>
-
-<dd class="col-md-8"><a href="http://common-lisp.net/project/cl-magick/">CL-Magick</a> provides a Common Lisp interface to the ImageMagick library.</dd>
+ <dd class="col-md-8"><a href="http://common-lisp.net/project/cl-magick/">CL-Magick</a> provides a Common Lisp interface to the ImageMagick library.</dd>
<dt class="col-md-4"><a class="anchor" id="lua"></a>Lua</dt>
-
-<dd class="col-md-8"><a href="https://github.com/leafo/magick">Lua</a> bindings to ImageMagick for LuaJIT using FFI.</dd>
+ <dd class="col-md-8"><a href="https://github.com/leafo/magick">Lua</a> bindings to ImageMagick for LuaJIT using FFI.</dd>
<dt class="col-md-4"><a class="anchor" id="lua"></a> </dt>
-<dd class="col-md-8"><a href="https://github.com/isage/lua-imagick">Lua</a> bindings to ImageMagick for Lua using pure-C.</dd>
+ <dd class="col-md-8"><a href="https://github.com/isage/lua-imagick">Lua</a> bindings to ImageMagick for Lua using pure-C.</dd>
<dt class="col-md-4"><a class="anchor" id="neko"></a>Neko</dt>
-
-<dd class="col-md-8"><a href="http://code.google.com/p/nmagick">NMagick</a> is a port of the ImageMagick library to the haXe and Neko platforms. It provides image manipulation capabilities to both web and desktop applications using Neko.</dd>
+ <dd class="col-md-8"><a href="https://code.google.com/archive/p/nmagick">NMagick</a> is a port of the ImageMagick library to the haXe and Neko platforms. It provides image manipulation capabilities to both web and desktop applications using Neko.</dd>
<dt class="col-md-4"><a class="anchor" id="dot-net"></a>.NET</dt>
-
-<dd class="col-md-8">Use <a href="https://github.com/dlemstra/Magick.NET">Magick.NET</a> to convert, compose, and edit images from Windows .NET.</dd>
+ <dd class="col-md-8">Use <a href="https://github.com/dlemstra/Magick.NET">Magick.NET</a> to convert, compose, and edit images from Windows .NET.</dd>
<dt class="col-md-4"><a class="anchor" id="dot-net"></a> </dt>
-
-<dd class="col-md-8"><a href="http://sourceforge.net/projects/imagemagickapp/">ImageMagickApp</a> is a .NET application written in C# that utilizes the ImageMagick command line to allow conversion of multiple image formats to different formats.</dd>
+ <dd class="col-md-8"><a href="http://sourceforge.net/projects/imagemagickapp/">ImageMagickApp</a> is a .NET application written in C# that utilizes the ImageMagick command line to allow conversion of multiple image formats to different formats.</dd>
<dt class="col-md-4"><a class="anchor" id="node.js"></a>Node.js</dt>
-
-<dd class="col-md-8"><a href="https://www.npmjs.com/package/node-magickwand" rel="noopener noreferrer" target="_blank">Node-magickwand</a> is a full native port of the ImageMagick-7 C++ library to Node.js using SWIG Node-API. Unlike all other ImageMagick npm packages, it does not use the CLI to interact with the utilities, but offers direct access to the full C++ API. It supports both synchronous and multithreaded asynchronous operations, it is fully integrated with TypedArrays and it has full TypeScript support.</dd>
+ <dd class="col-md-8"><a href="https://www.npmjs.com/package/node-magickwand" rel="noopener noreferrer" target="_blank">Node-magickwand</a> is a full native port of the ImageMagick-7 C++ library to Node.js using SWIG Node-API. Unlike all other ImageMagick npm packages, it does not use the CLI to interact with the utilities, but offers direct access to the full C++ API. It supports both synchronous and multithreaded asynchronous operations, it is fully integrated with TypedArrays and it has full TypeScript support.</dd>
<dt class="col-md-4"><a class="anchor" id="pascal"></a>Pascal</dt>
-
-<dd class="col-md-8"><a href="http://wiki.freepascal.org/PascalMagick">PascalMagick</a> a Pascal binding for the MagickWand API and also the low-level MagickCore library. It works with Free Pascal / Lazarus and Delphi.</dd>
+ <dd class="col-md-8"><a href="https://wiki.freepascal.org/PascalMagick">PascalMagick</a> a Pascal binding for the MagickWand API and also the low-level MagickCore library. It works with Free Pascal / Lazarus and Delphi.</dd>
<dt class="col-md-4"><a class="anchor" id="perl"></a>Perl</dt>
-
-<dd class="col-md-8">Use <a href="../perl-magick/index.html">PerlMagick</a> to convert, compose, and edit images from the Perl language.</dd>
+ <dd class="col-md-8">Use <a href="../perl-magick/index.html">PerlMagick</a> to convert, compose, and edit images from the Perl language.</dd>
<dt class="col-md-4"><a class="anchor" id="php"></a>PHP</dt>
-
-<dd class="col-md-8"><a href="http://pecl.php.net/package/imagick">IMagick</a> is a native PHP extension to create and modify images using the ImageMagick API. Documentation for the extension is available <a href="http://php.net/imagick">here</a>, and a site showing examples is available at <a href="https://phpimagick.com/">PHPImagick.com</a>.</dd>
-
+ <dd class="col-md-8"><a href="http://pecl.php.net/package/imagick">IMagick</a> is a native PHP extension to create and modify images using the ImageMagick API. Documentation for the extension is available <a href="https://www.php.net/imagick">here</a>, and a site showing examples is available at <a href="https://phpimagick.com/">PHPImagick.com</a>.</dd>
<dt class="col-md-4"><a class="anchor" id="php"></a> </dt>
-<dd class="col-md-8"><a href="https://github.com/francodacosta/phmagick">phMagick</a> is a wrapper class for ImageMagick, wrapping the most common web image manipulation actions in easy to use functions, but allowing full access to ImageMagick's power by issuing system calls to it's command-line programs.</dd>
-
+ <dd class="col-md-8"><a href="https://github.com/francodacosta/phmagick">phMagick</a> is a wrapper class for ImageMagick, wrapping the most common web image manipulation actions in easy to use functions, but allowing full access to ImageMagick's power by issuing system calls to it's command-line programs.</dd>
<dt class="col-md-4"><a class="anchor" id="python"></a>Python</dt>
-
-
-<dd class="col-md-8"><a href="http://wand-py.org/">Wand</a> is a ctypes-based ImagedMagick binding library for Python.</dd>
- <dt class="col-md-4"><a class="anchor" id="php"></a> </dt>
-<dd class="col-md-8"><a href="https://download.imagemagick.org/archive/python/">PythonMagick</a> is an object-oriented Python interface to ImageMagick.</dd>
- <dt class="col-md-4"><a class="anchor" id="php"></a> </dt>
-<dd class="col-md-8"><a href="http://www.assembla.com/wiki/show/pythonmagickwand">PythonMagickWand</a> is an object-oriented Python interface to MagickWand based on ctypes.</dd>
- <dt class="col-md-4"><a class="anchor" id="php"></a> </dt>
-<dd class="col-md-8"><a href="http://siptoolbox.sourceforge.net/">Scilab Image Processing</a> toolbox utilizes ImageMagick to do imaging tasks such as filtering, blurring, edge detection, thresholding, histogram manipulation, segmentation, mathematical morphology, color image processing, etc..</dd>
+ <dd class="col-md-8"><a href="https://docs.wand-py.org/en/latest/index.html">Wand</a> is a ctypes-based ImageMagick binding library for Python.</dd>
+ <dt class="col-md-4"><a class="anchor" id="python"></a> </dt>
+ <dd class="col-md-8"><a href="https://download.imagemagick.org/archive/python/">PythonMagick</a> is an object-oriented Python interface to ImageMagick.</dd>
+ <dt class="col-md-4"><a class="anchor" id="python"></a> </dt>
+ <dd class="col-md-8"><a href="http://www.assembla.com/wiki/show/pythonmagickwand">PythonMagickWand</a> is an object-oriented Python interface to MagickWand based on ctypes.</dd>
+ <dt class="col-md-4"><a class="anchor" id="python"></a> </dt>
+ <dd class="col-md-8"><a href="http://siptoolbox.sourceforge.net/">Scilab Image Processing</a> toolbox utilizes ImageMagick to do imaging tasks such as filtering, blurring, edge detection, thresholding, histogram manipulation, segmentation, mathematical morphology, color image processing, etc..</dd>
<dt class="col-md-4"><a class="anchor" id="realbasic"></a>REALbasic</dt>
-
-<dd class="col-md-8">The <a href="http://www.monkeybreadsoftware.de/realbasic/plugin-imagemagick.shtml">MBS Realbasic ImageMagick</a> is a plugin that utilizes the power of ImageMagick from within the RealBasic environment.</dd>
+ <dd class="col-md-8">The <a href="http://www.monkeybreadsoftware.de/realbasic/plugin-imagemagick.shtml">MBS Realbasic ImageMagick</a> is a plugin that utilizes the power of ImageMagick from within the RealBasic environment.</dd>
<dt class="col-md-4"><a class="anchor" id="r"></a>R</dt>
-
-<dd class="col-md-8"> The <a href="https://cran.r-project.org/package=magick">magick</a> package wraps the Magick++ STL to provide vectorized image processing in R. Get started with using the package <a href="https://cran.r-project.org/web/packages/magick/vignettes/intro.html">vignette</a>.</dd>
+ <dd class="col-md-8"> The <a href="https://cran.r-project.org/package=magick">magick</a> package wraps the Magick++ STL to provide vectorized image processing in R. Get started with using the package <a href="https://cran.r-project.org/web/packages/magick/vignettes/intro.html">vignette</a>.</dd>
<dt class="col-md-4"><a class="anchor" id="ruby"></a>Ruby</dt>
-
-<dd class="col-md-8"><a href="https://rmagick.github.io/">RMagick</a> is an interface between the Ruby programming language and the <a href="../magick-core/index.html">MagickCore</a> image processing libraries. Get started with RMagick by perusing the <a href="https://rmagick.github.io/">documentation</a>.</dd>
- <dt class="col-md-4"><a class="anchor" id="php"></a> </dt>
-
-<dd class="col-md-8"><a href="http://magickwand.rubyforge.org/">MagickWand for Ruby</a> is an interface between the Ruby programming language and the <a href="../magick-wand/index.html">MagickWand</a> image processing libraries. Get started with MagickWand for PHP by perusing the <a href="http://magickwand.rubyforge.org/">documentation</a>.</dd>
-
- <dt class="col-md-4"><a class="anchor" id="php"></a> </dt>
-<dd class="col-md-8"><a href="https://github.com/minimagick">MiniMagick</a> is a Ruby wrapper for ImageMagick command line. MiniMagick gives you convenient access to all the command line options ImageMagick supports.</dd>
- <dt class="col-md-4"><a class="anchor" id="php"></a> </dt>
-
-<dd class="col-md-8"><a href="http://quickmagick.rubyforge.org/quick_magick">QuickMagick</a> is a gem for easily accessing ImageMagick command line tools from Ruby programs.</dd>
-
+ <dd class="col-md-8"><a href="https://rmagick.github.io/">RMagick</a> is an interface between the Ruby programming language and the <a href="../magick-core/index.html">MagickCore</a> image processing libraries. Get started with RMagick by perusing the <a href="https://rmagick.github.io/">documentation</a>.</dd>
+ <dt class="col-md-4"><a class="anchor" id="ruby"></a> </dt>
+ <dd class="col-md-8"><a href="https://github.com/minimagick">MiniMagick</a> is a Ruby wrapper for ImageMagick command line. MiniMagick gives you convenient access to all the command line options ImageMagick supports.</dd>
+
<dt class="col-md-4"><a class="anchor" id="rust"></a>Rust</dt>
+ <dd class="col-md-8"><a href="https://github.com/nlfiedler/magick-rust">MagickRust</a> is a MagickWand bindings for the Rust language.</dd>
-<dd class="col-md-8"><a href="https://github.com/nlfiedler/magick-rust">MagickRust</a> is a MagickWand bindings for the Rust language.</dd>
-
-<dt class="col-md-4"><a class="anchor" id="tcl"></a>Tcl/Tk</dt>
-
-<dd class="col-md-8"><a href="https://download.imagemagick.org/archive/tcl">TclMagick</a> a native Tcl-extension to the ImageMagick MagickWand API.</dd>
-
-<dt class="col-md-4"><a class="anchor" id="wasm"></a>WebAssembly</dt>
-<dd class="col-md-8"><a href="https://github.com/dlemstra/Magick.WASM">Magick.WASM</a> the WASM library for ImageMagick.</dd>
+ <dt class="col-md-4"><a class="anchor" id="tcl"></a>Tcl/Tk</dt>
+ <dd class="col-md-8"><a href="https://download.imagemagick.org/archive/tcl/">TclMagick</a> a native Tcl-extension to the ImageMagick MagickWand API.</dd>
-<dt class="col-md-4"><a class="anchor" id="xml-rpc"></a>XML RPC</dt>
+ <dt class="col-md-4"><a class="anchor" id="wasm"></a>WebAssembly</dt>
+ <dd class="col-md-8"><a href="https://github.com/dlemstra/magick-wasm">magick-wasm</a> the WASM library for ImageMagick.</dd>
-<dd class="col-md-8"><a href="http://code.google.com/p/remotemagick/">RemoteMagick</a> is an XML-RPC web service that creates image thumbnails.</dd>
+ <dt class="col-md-4"><a class="anchor" id="xml-rpc"></a>XML RPC</dt>
+ <dd class="col-md-8"><a href="https://code.google.com/archive/p/remotemagick/">RemoteMagick</a> is an XML-RPC web service that creates image thumbnails.</dd>
</dl>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -384,7 +370,7 @@ With a language interface, use ImageMagick to modify or create images dynamicall
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/display/index.html b/www/display/index.html
index cbaedb036..db42b9223 100644
--- a/www/display/index.html
+++ b/www/display/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Display">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/display/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Display">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#options">Option Summary</a></p>
@@ -230,7 +249,12 @@
<p>The <code>display</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
<th align="left">Option</th>
@@ -684,16 +708,17 @@ transparent, extract, background, or shape the alpha channel</td>
</tr>
</tbody>
</table>
+</div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -718,7 +743,7 @@ transparent, extract, background, or shape the alpha channel</td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/distribute-pixel-cache/index.html b/www/distribute-pixel-cache/index.html
index f361b0847..46734bef5 100644
--- a/www/distribute-pixel-cache/index.html
+++ b/www/distribute-pixel-cache/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Distributed Pixel Cache">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/distribute-pixel-cache/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Distributed Pixel Cache">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">A distributed pixel cache is an extension of the traditional pixel cache available on a single host. The distributed pixel cache may span multiple servers so that it can grow in size and transactional capacity to support very large images or large image sequences. Start up the pixel cache server on one or more hosts. When you read or operate on an image and the local pixel cache resources are exhausted, ImageMagick contacts one or more of these remote pixel servers to store or retrieve pixels.</p>
<p>For really large images or large image sequences, or if there is limited resources on your host, you can utilize a distributed pixel cache on one or more remote hosts. To get started, first set your shared secret in the <code>policy.xml</code> security policy configuration file:</p>
@@ -225,12 +244,12 @@ $ magick -limit memory 1GiB -limit map 2GiB -limit disk 4GiB \
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -255,7 +274,7 @@ $ magick -limit memory 1GiB -limit map 2GiB -limit disk 4GiB \
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/download/index.html b/www/download/index.html
index b1163366f..aed4f0fea 100644
--- a/www/download/index.html
+++ b/www/download/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Download</title>
- <meta name="description" content="Source and binary distributions are available for download.">
+ <meta name="description" content="Download ImageMagick for Linux, macOS, and Windows. Access ready-to-run binaries, portable builds, or source code to convert, edit, and compose images. Includes support for Q8/Q16, HDRI, and cross-platform installation options.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Download">
- <meta property="og:description" content="Source and binary distributions are available for download.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/download/">
+ <meta property="og:description" content="Download ImageMagick for Linux, macOS, and Windows. Access ready-to-run binaries, portable builds, or source code to convert, edit, and compose images. Includes support for Q8/Q16, HDRI, and cross-platform installation options.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Download">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#linux">Linux Binary Release</a> • <a href="#macos">macOS Binary Release</a> • <a href="#windows">Windows Binary Release</a></p>
@@ -214,9 +233,12 @@
<p>We provide AppImage as the only pre-built Linux binary. If you require a different binary for your distribution or need custom compile options, you will need to <a href="../install-source/index.html">build from source</a>. Although ImageMagick runs fine on a single core computer, it automagically runs in parallel on multi-core systems reducing run times considerably.</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
- <col width="40%"/> <col width="60%"/>
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:50%">
+ <col style="width:50%">
+ </colgroup>
<thead>
<tr>
<th>Version</th>
@@ -233,7 +255,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-gcc-x86_64.AppImage">ImageMagick-7.1.2-27-gcc-x86_64.AppImage</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-gcc-x86_64.AppImage">ImageMagick-7.1.2-31-gcc-x86_64.AppImage</a>
<br/>
@@ -241,17 +263,17 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-clang-x86_64.AppImage">ImageMagick-7.1.2-27-clang-x86_64.AppImage</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-clang-x86_64.AppImage">ImageMagick-7.1.2-31-clang-x86_64.AppImage</a>
</td>
- <td>Complete portable application on Linux, no installation required. Just download and run. This <a href="https://appimage.org/">AppImage</a> has an open security policy. ImageMagick recommended practices <b>strongly</b> encourage you to configure a <a href="../security-policy/index.html">security policy</a> that suits your local environment. Simply add a custom security policy in your local path, .e.g., <code>~/.config/ImageMagick/policy.xml</code> and verify with this command: <code>./magick -list policy</code>.</td>
+ <td>Complete portable application on Linux, no installation required. Just download and run. This <a href="https://appimage.org/">AppImage</a> has an open security policy. ImageMagick recommended practices <b>strongly</b> encourage you to configure a <a href="../security-policy/index.html">security policy</a> that suits your local environment. Simply add a custom security policy in your local path, e.g., <code>~/.config/ImageMagick/policy.xml</code> and verify with this command: <code>./magick -list policy</code>.</td>
</tr>
</tbody>
</table></div>
<p>Verify its
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27.intoto.jsonl">provenance</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31.intoto.jsonl">provenance</a>
.</p>
<h2><a class="anchor" id="macos"></a>macOS Binary Release</h2>
@@ -280,9 +302,12 @@
<p>The Windows version of ImageMagick is self-installing. Simply click on the appropriate version below and it will launch itself and ask you a few installation questions. Versions with <var>Q8</var> in the name are 8 bits-per-pixel component (e.g. 8-bit red, 8-bit green, etc.), whereas, <var>Q16</var> in the filename are 16 bits-per-pixel component. A Q16 version permits you to read or write 16-bit images without losing precision but requires twice as much resources as the Q8 version. Versions with <var>dll</var> in the filename include ImageMagick libraries as <a href="http://www.answers.com/topic/dll">dynamic link libraries</a>. Unless you have a Windows 32-bit OS, we recommend this version of ImageMagick for 64-bit Windows:</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
- <col width="40%"/> <col width="60%"/>
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:50%">
+ <col style="width:50%">
+ </colgroup>
<thead>
<tr>
<th>Version</th>
@@ -297,7 +322,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-HDRI-x64-dll.exe">ImageMagick-7.1.2-27-Q16-HDRI-x64-dll.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-HDRI-x64-dll.exe">ImageMagick-7.1.2-31-Q16-HDRI-x64-dll.exe</a>
</td>
<td>Win64 dynamic at 16 bits-per-pixel component with High-dynamic-range imaging enabled</td>
</tr>
@@ -306,9 +331,12 @@
<p>Or choose from these alternate Windows binary distributions:</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
- <col width="40%"/> <col width="60%"/>
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:50%">
+ <col style="width:50%">
+ </colgroup>
<thead>
<tr>
<th>Version</th>
@@ -323,7 +351,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-x64-dll.exe">ImageMagick-7.1.2-27-Q16-x64-dll.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-x64-dll.exe">ImageMagick-7.1.2-31-Q16-x64-dll.exe</a>
</td>
<td>Win64 dynamic at 16 bits-per-pixel component</td>
</tr>
@@ -335,7 +363,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-x64-static.exe">ImageMagick-7.1.2-27-Q16-x64-static.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-x64-static.exe">ImageMagick-7.1.2-31-Q16-x64-static.exe</a>
</td>
<td>Win64 static at 16 bits-per-pixel component</td>
</tr>
@@ -347,7 +375,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q8-x64-dll.exe">ImageMagick-7.1.2-27-Q8-x64-dll.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q8-x64-dll.exe">ImageMagick-7.1.2-31-Q8-x64-dll.exe</a>
</td>
<td>Win64 dynamic at 8 bits-per-pixel component</td>
</tr>
@@ -359,7 +387,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q8-x64-static.exe">ImageMagick-7.1.2-27-Q8-x64-static.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q8-x64-static.exe">ImageMagick-7.1.2-31-Q8-x64-static.exe</a>
</td>
<td>Win64 static at 8 bits-per-pixel component</td>
</tr>
@@ -371,7 +399,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-HDRI-x64-static.exe">ImageMagick-7.1.2-27-Q16-HDRI-x64-static.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-HDRI-x64-static.exe">ImageMagick-7.1.2-31-Q16-HDRI-x64-static.exe</a>
</td>
<td>Win64 static at 16 bits-per-pixel component with <a href="../high-dynamic-range/index.html">high dynamic-range imaging</a> enabled</td>
</tr>
@@ -383,7 +411,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q8-arm64-dll.exe">ImageMagick-7.1.2-27-Q8-arm64-dll.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q8-arm64-dll.exe">ImageMagick-7.1.2-31-Q8-arm64-dll.exe</a>
</td>
<td>ARM64 dynamic at 8 bits-per-pixel component</td>
</tr>
@@ -395,7 +423,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q8-arm64-static.exe">ImageMagick-7.1.2-27-Q8-arm64-static.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q8-arm64-static.exe">ImageMagick-7.1.2-31-Q8-arm64-static.exe</a>
</td>
<td>ARM64 static at 8 bits-per-pixel component</td>
</tr>
@@ -407,7 +435,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-arm64-dll.exe">ImageMagick-7.1.2-27-Q16-arm64-dll.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-arm64-dll.exe">ImageMagick-7.1.2-31-Q16-arm64-dll.exe</a>
</td>
<td>ARM64 dynamic at 16 bits-per-pixel component</td>
</tr>
@@ -419,7 +447,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-arm64-static.exe">ImageMagick-7.1.2-27-Q16-arm64-static.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-arm64-static.exe">ImageMagick-7.1.2-31-Q16-arm64-static.exe</a>
</td>
<td>ARM64 dynamic at 16 bits-per-pixel component</td>
</tr>
@@ -431,7 +459,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-HDRI-arm64-dll.exe">ImageMagick-7.1.2-27-Q16-HDRI-arm64-dll.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-HDRI-arm64-dll.exe">ImageMagick-7.1.2-31-Q16-HDRI-arm64-dll.exe</a>
</td>
<td>ARM64 dynamic at 16 bits-per-pixel component with <a href="../high-dynamic-range/index.html">high dynamic-range imaging</a> enabled</td>
</tr>
@@ -443,7 +471,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-HDRI-arm64-static.exe">ImageMagick-7.1.2-27-Q16-HDRI-arm64-static.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-HDRI-arm64-static.exe">ImageMagick-7.1.2-31-Q16-HDRI-arm64-static.exe</a>
</td>
<td>ARM64 static at 16 bits-per-pixel component with <a href="../high-dynamic-range/index.html">high dynamic-range imaging</a> enabled</td>
</tr>
@@ -455,7 +483,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-x86-dll.exe">ImageMagick-7.1.2-27-Q16-x86-dll.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-x86-dll.exe">ImageMagick-7.1.2-31-Q16-x86-dll.exe</a>
</td>
<td>Win32 dynamic at 16 bits-per-pixel component</td>
</tr>
@@ -467,7 +495,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-x86-static.exe">ImageMagick-7.1.2-27-Q16-x86-static.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-x86-static.exe">ImageMagick-7.1.2-31-Q16-x86-static.exe</a>
</td>
<td>Win32 static at 16 bits-per-pixel component</td>
</tr>
@@ -479,7 +507,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q8-x86-dll.exe">ImageMagick-7.1.2-27-Q8-x86-dll.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q8-x86-dll.exe">ImageMagick-7.1.2-31-Q8-x86-dll.exe</a>
</td>
<td>Win32 dynamic at 8 bits-per-pixel component</td>
</tr>
@@ -491,7 +519,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q8-x86-static.exe">ImageMagick-7.1.2-27-Q8-x86-static.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q8-x86-static.exe">ImageMagick-7.1.2-31-Q8-x86-static.exe</a>
</td>
<td>Win32 static at 8 bits-per-pixel component</td>
</tr>
@@ -503,7 +531,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-HDRI-x86-dll.exe">ImageMagick-7.1.2-27-Q16-HDRI-x86-dll.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-HDRI-x86-dll.exe">ImageMagick-7.1.2-31-Q16-HDRI-x86-dll.exe</a>
</td>
<td>Win32 dynamic at 16 bits-per-pixel component with <a href="../high-dynamic-range/index.html">high dynamic-range imaging</a> enabled</td>
</tr>
@@ -515,7 +543,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-Q16-HDRI-x86-static.exe">ImageMagick-7.1.2-27-Q16-HDRI-x86-static.exe</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-Q16-HDRI-x86-static.exe">ImageMagick-7.1.2-31-Q16-HDRI-x86-static.exe</a>
</td>
<td>Win32 static at 16 bits-per-pixel component with <a href="../high-dynamic-range/index.html">high dynamic-range imaging</a> enabled</td>
</tr>
@@ -527,7 +555,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-portable-Q16-x64.7z">ImageMagick-7.1.2-27-portable-Q16-x64.7z</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-portable-Q16-x64.7z">ImageMagick-7.1.2-31-portable-Q16-x64.7z</a>
</td>
<td>Portable Win64 static at 16 bits-per-pixel component. Just copy to your host and run (no installer, no Windows registry entries).</td>
</tr>
@@ -539,7 +567,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-portable-Q16-arm64.7z">ImageMagick-7.1.2-27-portable-Q16-arm64.7z</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-portable-Q16-arm64.7z">ImageMagick-7.1.2-31-portable-Q16-arm64.7z</a>
</td>
<td>Portable ARM64 static at 16 bits-per-pixel component. Just copy to your host and run (no installer, no Windows registry entries).</td>
</tr>
@@ -551,7 +579,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-portable-Q16-x86.7z">ImageMagick-7.1.2-27-portable-Q16-x86.7z</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-portable-Q16-x86.7z">ImageMagick-7.1.2-31-portable-Q16-x86.7z</a>
</td>
<td>Portable Win32 static at 16 bits-per-pixel component. Just copy to your host and run (no installer, no Windows registry entries).</td>
</tr>
@@ -563,7 +591,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-portable-Q8-x64.7z">ImageMagick-7.1.2-27-portable-Q8-x64.7z</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-portable-Q8-x64.7z">ImageMagick-7.1.2-31-portable-Q8-x64.7z</a>
</td>
<td>Portable Win64 static at 8 bits-per-pixel component. Just copy to your host and run (no installer, no Windows registry entries).</td>
</tr>
@@ -575,7 +603,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-portable-Q8-arm64.7z">ImageMagick-7.1.2-27-portable-Q8-arm64.7z</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-portable-Q8-arm64.7z">ImageMagick-7.1.2-31-portable-Q8-arm64.7z</a>
</td>
<td>Portable ARM64 static at 8 bits-per-pixel component. Just copy to your host and run (no installer, no Windows registry entries).</td>
</tr>
@@ -587,7 +615,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-portable-Q8-x86.7z">ImageMagick-7.1.2-27-portable-Q8-x86.7z</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-portable-Q8-x86.7z">ImageMagick-7.1.2-31-portable-Q8-x86.7z</a>
</td>
<td>Portable Win32 static at 8 bits-per-pixel component. Just copy to your host and run (no installer, no Windows registry entries).</td>
</tr>
@@ -599,7 +627,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-portable-Q16-HDRI-x64.7z">ImageMagick-7.1.2-27-portable-Q16-HDRI-x64.7z</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-portable-Q16-HDRI-x64.7z">ImageMagick-7.1.2-31-portable-Q16-HDRI-x64.7z</a>
</td>
<td>Portable Win64 static at 16 bits-per-pixel component with <a href="../high-dynamic-range/index.html">high dynamic-range imaging</a> enabled. Just copy to your host and run (no installer, no Windows registry entries).</td>
</tr>
@@ -611,7 +639,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-portable-Q16-HDRI-arm64.7z">ImageMagick-7.1.2-27-portable-Q16-HDRI-arm64.7z</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-portable-Q16-HDRI-arm64.7z">ImageMagick-7.1.2-31-portable-Q16-HDRI-arm64.7z</a>
</td>
<td>Portable ARM64 static at 16 bits-per-pixel component with <a href="../high-dynamic-range/index.html">high dynamic-range imaging</a> enabled. Just copy to your host and run (no installer, no Windows registry entries).</td>
</tr>
@@ -623,7 +651,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27-portable-Q16-HDRI-x86.7z">ImageMagick-7.1.2-27-portable-Q16-HDRI-x86.7z</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31-portable-Q16-HDRI-x86.7z">ImageMagick-7.1.2-31-portable-Q16-HDRI-x86.7z</a>
</td>
<td>Portable Win32 static at 16 bits-per-pixel component with <a href="../high-dynamic-range/index.html">high dynamic-range imaging</a> enabled. Just copy to your host and run (no installer, no Windows registry entries).</td>
</tr>
@@ -632,7 +660,7 @@
</table></div>
<p>Verify its
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27.intoto.jsonl">provenance</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31.intoto.jsonl">provenance</a>
.</p>
<p>Alternatively, you can install ImageMagick with <a href="https://learn.microsoft.com/en-us/windows/package-manager/winget/">winget</a>. ImageMagick uses Advanced Installer to <a href="https://www.advancedinstaller.com/imagemagick-latest-release-automatically-published-to-winget.html">publish the latest release to the winget repository</a>.</p>
@@ -652,7 +680,7 @@
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><code>magick logo: logo.gif
magick identify logo.gif</code></pre>
-<p>If you have any problems, you likely need <code>vcomp140.dll</code>. To install it, download <a href="https://support.microsoft.com/en-us/help/2977003/the-latest-supported-visual-c-downloads">Visual C++ Redistributable Package</a>.</p>
+<p>If you have any problems, you likely need <code>vcomp140.dll</code>. To install it, download <a href="https://learn.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist?view=msvc-170">Visual C++ Redistributable Package</a>.</p>
<p>Note, use a double quote (<code>"</code>) rather than a single quote (<code>'</code>) for the ImageMagick command line under Windows:</p>
@@ -668,12 +696,12 @@ objShell.Exec("magick ""e:/myimages/image.png"" ""e:/myimages/image.jpg""")</cod
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -698,7 +726,7 @@ objShell.Exec("magick ""e:/myimages/image.png"" ""e:/myimages/image.jpg""")</cod
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/escape/index.html b/www/escape/index.html
index 0721f1f1d..344047e31 100644
--- a/www/escape/index.html
+++ b/www/escape/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Format and Print Image Properties">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/escape/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Format and Print Image Properties">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,13 +218,17 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">There are copious amounts of extra data associated with images (metadata), beyond the actual image pixels. This metadata can be useful, either for display, or for various calculations, or in modifying the behavior of later image processing operations. You can utilize percent escapes in a number of options, for example in <a href="../command-line-options/index.html#format_identify_">-format</a> or in montage <a href="../command-line-options/index.html#label" >-label</a>, to print various properties and other settings associated with an image.</p>
-<div>
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
<table class="table table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<td><b>Profile Data</b></td>
<td>Such as EXIF: data, containing focal lengths, exposures, dates, and in
@@ -283,7 +306,7 @@ common attributes and properties of an image, such as: the image filename
filename, type, width, height. </p>
<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<table class="table table-sm table-hover table-striped">
<tr>
<td>\</td>
<td>backslash, the next character is literal and not subject to interpretation</td>
@@ -511,7 +534,7 @@ especially for large images.</p>
when enclosed in braces (long form):</p>
<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<table class="table table-sm table-hover table-striped">
<tr>
<td>%[basename]</td>
<td>base filename, no suffixes (as %t)</td>
@@ -538,7 +561,7 @@ when enclosed in braces (long form):</p>
</tr>
<tr>
<td>%[channels]</td>
- <td>colorspace neumonic followed by total number of channels and meta channels, e.g., <code>cmyka 8.3</code> indicates a CMYK image with alpha channel for a total of 8 channels and 3 meta channels.</td>
+ <td>colorspace mnemonic followed by total number of channels and meta channels, e.g., <code>cmyka 8.3</code> indicates a CMYK image with alpha channel for a total of 8 channels and 3 meta channels.</td>
</tr>
<tr>
<td>%[colors]</td>
@@ -808,7 +831,7 @@ identical, in that a Option, is simply a global Artifact for all the
associated images. </p>
<p>As such you can use <code>-set 'option:distort:viewport' '100x100'</code> to
-achieve the same result of setting a Artifact for the disort operation to use.
+achieve the same result of setting a Artifact for the distort operation to use.
</p>
<p><b>Internal Handling of a Global Option...</b></p>
@@ -1065,12 +1088,12 @@ Post ObjectData Descriptor Record
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -1095,7 +1118,7 @@ Post ObjectData Descriptor Record
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/examples/index.html b/www/examples/index.html
index 35f1181ac..0c8f27579 100644
--- a/www/examples/index.html
+++ b/www/examples/index.html
@@ -1,13 +1,13 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
- <title>ImageMagick | Examples of ImageMagick Usage</title>
+ <title>ImageMagick | </title>
<meta name="description" content="">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
- <meta property="og:title" content="ImageMagick | Examples of ImageMagick Usage">
+ <meta property="og:title" content="ImageMagick | ">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/examples/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -63,9 +82,9 @@
$site=strtolower("ImageMagick");
<meta name="twitter:site" content="@imagemagick">
<meta name="twitter:creator" content="@imagemagick">
- <meta name="twitter:title" content="ImageMagick | Examples of ImageMagick Usage">
+ <meta name="twitter:title" content="ImageMagick | ">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -73,12 +92,12 @@
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "ImageMagick",
- "url": "ImageMagick | Examples of ImageMagick Usage",
+ "url": "ImageMagick | ",
"image": "https://imagemagick.org/image/logo.png",
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -192,15 +211,15 @@
<header class="d-flex align-items-center pb-3 mb-5 border-bottom">
<div class="mt-3 ms-3">
<a href="../index-2.html" class="text-decoration-none">
- <h1 class="fs-2 mb-1 display-5">Examples of ImageMagick Usage</h1>
+ <h1 class="fs-2 mb-1 display-5"></h1>
</a>
<h2 class="fs-5 text-muted h4">ImageMagick</h2>
</div>
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">These examples of ImageMagick usage illustrate what you can do with an image from the command line, a program interface, or script. You can generate this image yourself with this <a href="../perl-magick/index.html">PerlMagick</a> script, <a href="../source/examples.perl">examples.pl</a>.</p>
@@ -208,12 +227,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -238,7 +257,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/export/index.html b/www/export/index.html
index e4289e93a..a5ac9588a 100644
--- a/www/export/index.html
+++ b/www/export/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Export Classification">
<meta property="og:description" content="ImageMagick software distribution is classified as ECCN 5D002.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/export/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Export Classification">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,21 +218,21 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">ImageMagick Studio LLC is a limited liability corporation based in the United States of America. All of our products are developed via online collaboration in public forums and distributed from a central server within the U.S. Therefore, U.S. export laws and regulations apply to our distributions and remain in force as products and technology are re-exported to different parties and places around the world. Information on export control classifications and associated restrictions may be required for exporting, re-exporting, record keeping, bundling/embedding of ImageMagick products, encryption reporting, and shipping documentation. More information on U.S. Export Regulations can be found at the <a href="http://www.bis.doc.gov/">U. S. Bureau of Industry and Security</a>.</p>
-<p>The <a href="https://github.com/ImageMagick/ImageMagick/tree/ImageMagick-7/">ImageMagick</a> software distribution is classified as <a href="http://www.access.gpo.gov/bis/ear/txt/ccl5-pt2.txt">ECCN 5D002</a>. However, ImageMagick Studio LLC makes no warranty or representation that this classification is accurate, current, or complete. ImageMagick is exported under the <a href="http://www.access.gpo.gov/bis/ear/txt/740.txt">TSU exception in EAR 740.13(e)</a> which applies to software containing or designed for use with encryption software that is publicly available as open source. TSU further provides that <var>Posting encryption source code and corresponding object code on the Internet (e.g., FTP or World Wide Web site) where it may be downloaded by anyone neither establishes "knowledge" of a prohibited export or reexport for purposes of this paragraph, nor triggers any "red flags" necessitating the affirmative duty to inquire[...]</var>. It is your obligation as the exporter to comply with the current applicable requirements of United States export rules and regulations.</p>
+<p>The <a href="https://github.com/ImageMagick/ImageMagick/">ImageMagick</a> software distribution is classified as <a href="http://www.access.gpo.gov/bis/ear/txt/ccl5-pt2.txt">ECCN 5D002</a>. However, ImageMagick Studio LLC makes no warranty or representation that this classification is accurate, current, or complete. ImageMagick is exported under the <a href="http://www.access.gpo.gov/bis/ear/txt/740.txt">TSU exception in EAR 740.13(e)</a> which applies to software containing or designed for use with encryption software that is publicly available as open source. TSU further provides that <var>Posting encryption source code and corresponding object code on the Internet (e.g., FTP or World Wide Web site) where it may be downloaded by anyone neither establishes "knowledge" of a prohibited export or reexport for purposes of this paragraph, nor triggers any "red flags" necessitating the affirmative duty to inquire[...]</var>. It is your obligation as the exporter to comply with the current applicable requirements of United States export rules and regulations.</p>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -238,7 +257,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/formats/index.html b/www/formats/index.html
index 1aa3d81ce..cb81fa4b5 100644
--- a/www/formats/index.html
+++ b/www/formats/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Image Formats</title>
- <meta name="description" content="Read and write images in a variety of formats (over 200).">
+ <meta name="description" content="Explore supported image formats in ImageMagick, including JPEG, PNG, TIFF, GIF, and more. Learn about read/write capabilities, compression options, and advanced features for cross‑platform image processing.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Image Formats">
- <meta property="og:description" content="Read and write images in a variety of formats (over 200).">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/formats/">
+ <meta property="og:description" content="Explore supported image formats in ImageMagick, including JPEG, PNG, TIFF, GIF, and more. Learn about read/write capabilities, compression options, and advanced features for cross‑platform image processing.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Image Formats">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#colorspace">A Word about Colorspaces</a> • <a href="#supported">Supported Formats</a> • <a href="#pseudo">Pseudo Formats</a> • <a href="#builtin-images">Built-in Images</a> • <a href="#builtin-patterns">Built-in Patterns</a> • <a href="#embedded">Embedded Profiles</a></p>
@@ -256,9 +275,15 @@ reasonable results.</p>
including sub-formats). The following table provides a summary of
the supported image formats.</p>
-<div class="overflow-auto" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tbody>
+ <colgroup>
+ <col style="width:12%">
+ <col style="width:8%">
+ <col style="width:25%">
+ <col style="width:55%">
+ </colgroup>
<tr>
<th>Tag</th>
<th>Mode</th>
@@ -330,28 +355,28 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://bellard.org/bpg/">BPG</a></td>
+ <td><a href="https://bellard.org/bpg/">BPG</a></td>
<td>RW</td>
<td>Better Portable Graphics</td>
<td>Use <a href="../command-line-options/index.html#quality">-quality</a> to specify the image compression quality. To meet the requirements of BPG, the quality argument divided by 2 (e.g. -quality 92 assigns 46 as the BPG compression.</td>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/bmp/egff.htm">BMP, BMP2, BMP3</a></td>
+ <td><a href="https://www.fileformat.info/format/bmp/egff.htm">BMP, BMP2, BMP3</a></td>
<td>RW</td>
<td>Microsoft Windows bitmap</td>
<td>By default the BMP format is version 4. Use BMP3 and BMP2 to write versions 3 and 2 respectively. Use <code>-define bmp:ignore-filesize</code> to ignore the filesize check.</td>
</tr>
<tr>
- <td><a href="http://en.wikipedia.org/wiki/Braille_ASCII">BRF</a></td>
+ <td><a href="https://en.wikipedia.org/wiki/Braille_ASCII">BRF</a></td>
<td>W</td>
<td>Braille Ready Format</td>
<td>Uses juxtaposition of 6-dot braille patterns (thus 6x2 dot matrices) to reproduce images, using the BRF ASCII Braille encoding.</td>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/cals/egff.htm">CALS</a></td>
+ <td><a href="https://www.fileformat.info/format/cals/egff.htm">CALS</a></td>
<td>R</td>
<td>Continuous Acquisition and Life-cycle Support Type 1 image</td>
<td>Specified in MIL-R-28002 and MIL-PRF-28002. Standard blueprint archive format as used by the US military to replace microfiche.</td>
@@ -420,6 +445,12 @@ the supported image formats.</p>
<td> </td>
</tr>
+ <tr>
+ <td><a href="../content-provenance-authenticity/index.html">C2PA</a></td>
+ <td>R</td>
+ <td>C2PA Provenance Metadata</td>
+ </tr>
+
<tr>
<td>DCM</td>
<td>R</td>
@@ -442,7 +473,7 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://en.wikipedia.org/wiki/DirectDraw_Surface">DDS</a></td>
+ <td><a href="https://en.wikipedia.org/wiki/DirectDraw_Surface">DDS</a></td>
<td>RW</td>
<td>Microsoft Direct Draw Surface</td>
<td>Use <a href="../command-line-options/index.html#define">-define</a> to specify the compression (e.g. <code>-define dds:compression={dxt1, dxt5, none}</code>). Other defines include <code>dds:cluster-fit={true,false}</code>, <code>dds:weight-by-alpha={true,false}</code>, <code>dds:fast-mipmaps={true,false}</code>, and use <code>dds:mipmaps</code> to set the number of mipmaps (use <code>fromlist</code> to use the image list).</td>
@@ -464,7 +495,7 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.djvu.org/">DJVU</a></td>
+ <td><a href="https://djvu.org/">DJVU</a></td>
<td>R</td>
<td></td>
<td></td>
@@ -485,7 +516,7 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.graphviz.org/">DOT</a></td>
+ <td><a href="https://www.graphviz.org/">DOT</a></td>
<td>R</td>
<td>Graph Visualization</td>
<td>Use <a href="../command-line-options/index.html#define">-define</a> to specify the layout engine (e.g. <code>-define dot:layout-engine=twopi</code>).</td>
@@ -583,7 +614,7 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.cv.nrao.edu/fits/">FITS</a></td>
+ <td><a href="https://www.cv.nrao.edu/fits/">FITS</a></td>
<td>RW</td>
<td>Flexible Image Transport System</td>
<td>To specify a single-precision floating-point format, use <code>-define quantum:format=floating-point</code>. Set the depth to 64 for a double-precision floating-point format.</td>
@@ -618,7 +649,7 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/gif/egff.htm">GIF</a></td>
+ <td><a href="https://www.fileformat.info/format/gif/egff.htm">GIF</a></td>
<td>RW</td>
<td>CompuServe Graphics Interchange Format</td>
<td>8-bit RGB PseudoColor with up to 256 palette entries. Specify the format <code>GIF87</code> to write the older version 87a of the format. Use <a href="../command-line-options/index.html#transparent-color">-transparent-color</a> to specify the GIF transparent color (e.g. <code>-transparent-color wheat</code>).</td>
@@ -653,14 +684,14 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://en.wikipedia.org/wiki/RGBE_image_format">HDR</a></td>
+ <td><a href="https://en.wikipedia.org/wiki/RGBE_image_format">HDR</a></td>
<td>RW</td>
<td>Radiance RGBE image format</td>
<td> </td>
</tr>
<tr>
- <td><a href="http://en.wikipedia.org/wiki/RGBE_image_format">HDR</a></td>
+ <td><a href="https://en.wikipedia.org/wiki/RGBE_image_format">HDR</a></td>
<td>RW</td>
<td>Radiance RGBE image format</td>
<td> </td>
@@ -726,46 +757,46 @@ the supported image formats.</p>
<td>JBIG</td>
<td>RW</td>
<td>Joint Bi-level Image experts Group file interchange format</td>
- <td>Also known as <code>BIE</code> and <code>JBG</code>. Requires <a href="http://www.cl.cam.ac.uk/~mgk25/jbigkit/">jbigkit-1.6.tar.gz</a>.</td>
+ <td>Also known as <code>BIE</code> and <code>JBG</code>. Requires <a href="https://www.cl.cam.ac.uk/~mgk25/jbigkit/">jbigkit-1.6.tar.gz</a>.</td>
</tr>
<tr>
- <td><a href="http://www.libmng.com/">JNG</a></td>
+ <td><a href="https://www.libmng.com/">JNG</a></td>
<td>RW</td>
<td>Multiple-image Network Graphics</td>
<td>JPEG in a PNG-style wrapper with transparency. Requires libjpeg and libpng-1.0.11 or later, <a href="http://www.libpng.org/pub/png/libpng.html">libpng-1.2.5</a> or later recommended.</td>
</tr>
<tr>
- <td><a href="http://www.openjpeg.org/">JP2</a></td>
+ <td><a href="https://www.openjpeg.org/">JP2</a></td>
<td>RW</td>
<td>JPEG-2000 JP2 File Format Syntax</td>
<td>Specify the encoding options with the <a href="../command-line-options/index.html#define">-define</a> option. See <a href="../jp2/index.html">JP2 Encoding Options</a> for more details.</td>
</tr>
<tr>
- <td><a href="http://www.openjpeg.org/">JPT</a></td>
+ <td><a href="https://www.openjpeg.org/">JPT</a></td>
<td>RW</td>
<td>JPEG-2000 Code Stream Syntax</td>
<td>Specify the encoding options with the <a href="../command-line-options/index.html#define">-define</a> option See <a href="../jp2/index.html">JP2 Encoding Options</a> for more details.</td>
</tr>
<tr>
- <td><a href="http://www.openjpeg.org/">J2C</a></td>
+ <td><a href="https://www.openjpeg.org/">J2C</a></td>
<td>RW</td>
<td>JPEG-2000 Code Stream Syntax</td>
<td>Specify the encoding options with the <a href="../command-line-options/index.html#define">-define</a> option See <a href="../jp2/index.html">JP2 Encoding Options</a> for more details.</td>
</tr>
<tr>
- <td><a href="http://www.openjpeg.org/">J2K</a></td>
+ <td><a href="https://www.openjpeg.org/">J2K</a></td>
<td>RW</td>
<td>JPEG-2000 Code Stream Syntax</td>
<td>Specify the encoding options with the <a href="../command-line-options/index.html#define">-define</a> option See <a href="../jp2/index.html">JP2 Encoding Options</a> for more details.</td>
</tr>
<tr>
- <td><a href="http://www.jpeg.org/">JPEG</a></td>
+ <td><a href="https://jpeg.org/">JPEG</a></td>
<td>RW</td>
<td>Joint Photographic Experts Group JFIF format</td>
<td>Note, JPEG is a lossy compression. In addition, you cannot create black and white images with JPEG nor can you save transparency.<br /><br /> Requires <a href="http://www.ijg.org/files/">jpegsrc.v8c.tar.gz</a>. You can set quality scaling for luminance and chrominance separately (e.g. <a href="../command-line-options/index.html#quality">-quality</a> 90,70). You can optionally define the DCT method, for example to specify the float method, use <a href="../command-line-options/index.html#define">-define jpeg:dct-method=float</a>. By default we compute optimal Huffman coding tables. Specify <a href="../command-line-options/index.html#define">-define jpeg:optimize-coding=false</a> to use the default Huffman tables. Specify <a href="../command-line-options/index.html#define">-define jpeg:arithmetic-coding=true</a> to enable Huffman optimization. Two other options include <a href="../command-line-options/index.html#define">-define jpeg:block-smoothing</a> and <a href="../command-line-options/index.html#define">-define jpeg:fancy-upsampling</a>. y default, ImageMagick generates JPEG images at 8‑bit depth. When <a href="../command-line-options/index.html#define">-define jpeg:high-bit-depth</a> is enabled, it will produce 12‑bit or 16‑bit images if the source image depth exceeds 8 bits. Set the sampling factor with <a href="../command-line-options/index.html#define">-define jpeg:sampling-factor</a>. You can size the image with <code>jpeg:size</code>, for example <a href="../command-line-options/index.html#define">-define jpeg:size=128x128</a>. To restrict the maximum file size, use <code>jpeg:extent</code>, for example <a href="../command-line-options/index.html#define">-define jpeg:extent=400KB</a>. To define one or more custom quantization tables, use <a href="../command-line-options/index.html#define">-define jpeg:q-table=<i>filename</i></a>. These values are multiplied by <a href="../command-line-options/index.html#quality">-quality</a> argument divided by 100.0. To avoid reading a particular associated image profile, use <a href="../command-line-options/index.html#define">-define profile:skip=<i>name</i></a> (e.g. profile:skip=ICC).</td>
@@ -779,10 +810,10 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="https://jpeg.org/jpegxl">JXL</a></td>
+ <td><a href="https://jpeg.org/jpegxl/">JXL</a></td>
<td>RW</td>
<td>JPEG XL image coding system</td>
- <td>Requires the <a href="https://gitlab.com/wg1/jpeg-xl.git">JPEG XL</a> delegate library. Use <code>-define jxl:effort=<i>integer</i></code> to set the effort and <code>-define jxl:decoding-speed=<i>integer</i></code> to set the decoding speed. Use <code>-define jxl:distance=<i>integer</i></code> to set the JPEG XL encoder’s frame distance and <code>-define jxl:quality=<i>integer</i></code> to set the frame distance. To specify a single precision floating-point format, use <code>-define quantum:format=floating-point</code>. Set the depth to 32 for single precision floats and 16 for half-precision.</td>
+ <td>Requires the <a href="https://gitlab.com/wg1/jpeg-xl">JPEG XL</a> delegate library. Use <code>-define jxl:effort=<i>integer</i></code> to set the effort and <code>-define jxl:decoding-speed=<i>integer</i></code> to set the decoding speed. Use <code>-define jxl:distance=<i>integer</i></code> to set the JPEG XL encoder’s frame distance and <code>-define jxl:quality=<i>integer</i></code> to set the frame distance. To specify a single precision floating-point format, use <code>-define quantum:format=floating-point</code>. Set the depth to 32 for single precision floats and 16 for half-precision.</td>
</tr>
<tr>
@@ -803,7 +834,7 @@ the supported image formats.</p>
<td>MAN</td>
<td>R</td>
<td>Linux reference manual pages</td>
- <td>Requires that GNU groff and Ghostcript are installed.</td>
+ <td>Requires that GNU groff and Ghostscript are installed.</td>
</tr>
<tr>
@@ -835,17 +866,17 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.ffmpeg.org/">M2V</a></td>
+ <td><a href="https://www.ffmpeg.org/">M2V</a></td>
<td>RW</td>
<td>Motion Picture Experts Group file interchange format (version 2)</td>
- <td>Requires <a href="http://www.ffmpeg.org/download.html">ffmpeg</a>.</td>
+ <td>Requires <a href="https://www.ffmpeg.org/download.html">ffmpeg</a>.</td>
</tr>
<tr>
- <td><a href="http://www.ffmpeg.org/">MPEG</a></td>
+ <td><a href="https://www.ffmpeg.org/">MPEG</a></td>
<td>RW</td>
<td>Motion Picture Experts Group file interchange format (version 1)</td>
- <td>Requires <a href="http://www.ffmpeg.org/download.html">ffmpeg</a>.</td>
+ <td>Requires <a href="https://www.ffmpeg.org/download.html">ffmpeg</a>.</td>
</tr>
<tr>
@@ -888,7 +919,7 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/mtv/egff.htm">MTV</a></td>
+ <td><a href="https://www.fileformat.info/format/mtv/egff.htm">MTV</a></td>
<td>RW</td>
<td>MTV Raytracing image format</td>
<td> </td>
@@ -985,7 +1016,7 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/pcx/egff.htm">PCX</a></td>
+ <td><a href="https://www.fileformat.info/format/pcx/egff.htm">PCX</a></td>
<td>RW</td>
<td>ZSoft IBM PC Paintbrush file</td>
<td> </td>
@@ -1265,7 +1296,7 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.oreilly.com/www/centers/gff/formats/scitex/">SCT</a></td>
+ <td><a href="https://en.wikipedia.org/wiki/Scitex_CT">SCT</a></td>
<td>R</td>
<td>Scitex Continuous Tone Picture</td>
<td> </td>
@@ -1303,7 +1334,7 @@ the supported image formats.</p>
<td>SID, MrSID</td>
<td>R</td>
<td>Multiresolution seamless image</td>
- <td>Requires the <a href="http://www.lizardtech.com/downloads/downloads.php?dl=/download/files/lin/geoexpress_commandlineutils_linux.tgz">mrsidgeodecode</a> command line utility that decompresses MG2 or MG3 SID image files.</td>
+ <td>Decoding is delegated to external software: the <a href="https://www.lizardtech.com/developer">mrsidgeodecode</a> command line utility available from the LizardTech/Extensis MrSID Decode SDK, or <a href="https://gdal.org/en/stable/programs/gdal_translate.html">gdal_translate</a> built with the MrSID SDK.</td>
</tr>
<tr>
@@ -1331,7 +1362,7 @@ the supported image formats.</p>
<td><a href="http://www.w3.org/Graphics/SVG">SVG</a></td>
<td>RW</td>
<td>Scalable Vector Graphics</td>
- <td>By default, ImageMagick renders SVGs with <a href="http://www.inkscape.org/">inkscape</a> if it is in your execution path; otherwise <a href="http://developer.gnome.org/rsvg/">RSVG</a>. If neither is available, ImageMagick reverts to its internal SVG renderer (called MSVG). The default resolution is 96 dpi. Use the <a href="../command-line-options/index.html#size">-size</a> command line option to specify the maximum width and height. (<code>-size</code> is currently ignored by the Inkscape renderer due to a limitation on the Inkscape side). The SVG standard expects to draw over a transparent background. Set <a href="../command-line-options/index.html#background">-background none</a> to comply with the standard. If you want to substitute entities and you trust the SVG source, enable this option: <code>-define svg:substitute-entities=true</code>. If you want to render a very large SVG and you trust the source, enable this option: <code>-define svg:parse-huge=true</code>. Enable embedding if your SVG embeds another SVG and you trust the source: <code>-define svg:embedding=true</code>. If RSVG is installed and you want to render an SVG using RSVG, add <code>rsvg:</code> just before the file name. If you want to render an SVG using MSVG, add <code>msvg:</code> just before the file name.</td>
+ <td>By default, ImageMagick renders SVGs with <a href="https://inkscape.org/">Inkscape</a> if it is in your execution path; otherwise <a href="https://gitlab.gnome.org/GNOME/librsvg">RSVG</a>. If neither is available, ImageMagick reverts to its internal SVG renderer (called MSVG). The default resolution is 96 dpi. Use the <a href="../command-line-options/index.html#size">-size</a> command line option to specify the maximum width and height. (<code>-size</code> is currently ignored by the Inkscape renderer due to a limitation on the Inkscape side). The SVG standard expects to draw over a transparent background. Set <a href="../command-line-options/index.html#background">-background none</a> to comply with the standard. If you want to substitute entities and you trust the SVG source, enable this option: <code>-define svg:substitute-entities=true</code>. If you want to render a very large SVG and you trust the source, enable this option: <code>-define svg:parse-huge=true</code>. Enable embedding if your SVG embeds another SVG and you trust the source: <code>-define svg:embedding=true</code>. If RSVG is installed and you want to render an SVG using RSVG, add <code>rsvg:</code> just before the file name. If you want to render an SVG using MSVG, add <code>msvg:</code> just before the file name.</td>
</tr>
<tr>
@@ -1363,10 +1394,10 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.freetype.org/">TTF</a></td>
+ <td><a href="https://freetype.org/">TTF</a></td>
<td>R</td>
<td>TrueType font file</td>
- <td>Requires <a href="http://www.freetype.org/">freetype 2</a>. Opening as file returns a preview image. Use <a href="../command-line-options/index.html#set">-set</a> if you do not want to hint glyph outlines after their scaling to device pixels (e.g. <code>-set type:hinting off</code>).</td>
+ <td>Requires <a href="https://freetype.org/">freetype 2</a>. Opening as file returns a preview image. Use <a href="../command-line-options/index.html#set">-set</a> if you do not want to hint glyph outlines after their scaling to device pixels (e.g. <code>-set type:hinting off</code>).</td>
</tr>
<tr>
@@ -1394,7 +1425,7 @@ the supported image formats.</p>
<td><a href="https://developer.android.com/media/platform/hdr-image-format">UHDR</a></td>
<td>RW</td>
<td>Ultra HDR</td>
- <td>Requires the <a href="https://github.com/google/libultrahdr.git">libultrahdr</a> delegate library. Recognized <a href="../defines/index.html">defines</a> include <code>uhdr:hdr-color-gamut</code>, <code>uhdr:hdr-color-transfer</code>, <code>uhdr:sdr-color-gamut</code>, <code>uhdr:gainmap-quality</code>, <code>uhdr:gainmap-gamma</code>, <code>uhdr:gainmap-min-content-boost</code>, <code>uhdr:gainmap-max-content-boost</code>, and <code>uhdr:target-display-peak-brightness</code>.</td>
+ <td>Requires the <a href="https://github.com/google/libultrahdr">libultrahdr</a> delegate library. Recognized <a href="../defines/index.html">defines</a> include <code>uhdr:hdr-color-gamut</code>, <code>uhdr:hdr-color-transfer</code>, <code>uhdr:sdr-color-gamut</code>, <code>uhdr:gainmap-quality</code>, <code>uhdr:gainmap-gamma</code>, <code>uhdr:gainmap-min-content-boost</code>, <code>uhdr:gainmap-max-content-boost</code>, and <code>uhdr:target-display-peak-brightness</code>.</td>
</tr>
<tr>
@@ -1427,7 +1458,7 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/viff/egff.htm">VIFF</a></td>
+ <td><a href="https://www.fileformat.info/format/viff/egff.htm">VIFF</a></td>
<td>RW</td>
<td>Khoros Visualization Image File Format</td>
<td> </td>
@@ -1448,21 +1479,21 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://en.wikipedia.org/wiki/WebP">WEBP</a></td>
+ <td><a href="https://en.wikipedia.org/wiki/WebP">WEBP</a></td>
<td>RW</td>
<td>Weppy image format</td>
<td>Requires the <a href="https://developers.google.com/speed/webp/download">WEBP</a> delegate library. The muxing delegate library is required to read animated Webp image containers. Specify the encoding options with the <a href="../command-line-options/index.html#define">-define</a> option See <a href="../webp/index.html">WebP Encoding Options</a> for more details.</td>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/wmf/egff.htm">WMF</a></td>
+ <td><a href="https://www.fileformat.info/format/wmf/egff.htm">WMF</a></td>
<td>R</td>
<td>Windows Metafile</td>
<td>Requires <a href="http://sourceforge.net/projects/wvware/">libwmf</a>. By default, renders WMF files using the dimensions specified by the metafile header. Use the -density option to adjust the output resolution, and thereby adjust the output size. The default output resolution is 72DPI so <code>-density 144</code> results in an image twice as large as the default. Use <code>-background color</code> to specify the WMF background color (default white) or <code>-texture filename</code> to specify a background texture image.</td>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/wpg/egff.htm">WPG</a></td>
+ <td><a href="https://www.fileformat.info/format/wpg/egff.htm">WPG</a></td>
<td>R</td>
<td>Word Perfect Graphics File</td>
<td> </td>
@@ -1476,7 +1507,7 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/xbm/egff.htm">XBM</a></td>
+ <td><a href="https://www.fileformat.info/format/xbm/egff.htm">XBM</a></td>
<td>RW</td>
<td>X Windows system bitmap, black and white only</td>
<td>Used by the X Windows System to store monochrome icons.</td>
@@ -1490,14 +1521,14 @@ the supported image formats.</p>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/xpm/egff.htm">XPM</a></td>
+ <td><a href="https://www.fileformat.info/format/xpm/egff.htm">XPM</a></td>
<td>RW</td>
<td>X Windows system pixmap</td>
<td>Also known as <code>PM</code>. Used by the X Windows System to store color icons.</td>
</tr>
<tr>
- <td><a href="http://www.fileformat.info/format/xwd/egff.htm">XWD</a></td>
+ <td><a href="https://www.fileformat.info/format/xwd/egff.htm">XWD</a></td>
<td>RW</td>
<td>X Windows system window dump</td>
<td>Used by the X Windows System to save/display screen dumps.</td>
@@ -1545,8 +1576,14 @@ the supported image formats.</p>
<p>ImageMagick supports a number of image format specifications which refer to images prepared via an algorithm, or input/output targets. The following table lists these pseudo-image formats:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:15%">
+ <col style="width:8%">
+ <col style="width:25%">
+ <col style="width:52%">
+ </colgroup>
<tr>
<th>Tag</th>
<th>Mode</th>
@@ -1782,7 +1819,7 @@ the supported image formats.</p>
<td>R</td>
<td>Canvas image of specified color</td>
<td>An backward compatible alias for the '<code>canvas:</code>'
- psuedo-file format, used to create a solid color <var>canvas</var> image.
+ pseudo-file format, used to create a solid color <var>canvas</var> image.
</td>
</tr>
</table>
@@ -1793,8 +1830,14 @@ the supported image formats.</p>
<p>ImageMagick includes a number of built-in (embedded) images which may be referenced as if they were an image file. The <code>magick:</code> format tag may be used via the syntax <code>magick:</code><var>name</var> to request an embedded image (e.g. <code>magick:logo</code>). For backwards compatibility, the image specifications <code>GRANITE:</code>, <code>LOGO:</code>, <code>NETSCAPE:</code>, and <code>ROSE:</code> may also be used to request images with those names.</p>
-<div class="pre-scrollabl">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:12%">
+ <col style="width:8%">
+ <col style="width:40%">
+ <col style="width:40%">
+ </colgroup>
<tr>
<th>Tag</th>
<th>Mode</th>
@@ -1844,8 +1887,14 @@ the supported image formats.</p>
<p>ImageMagick includes a number of built-in (embedded) patterns which may be referenced as if they were an image file. The <code>pattern:</code> format tag may be used via the syntax <code>pattern:</code><var>name</var> to request an embedded pattern (e.g. <code>pattern:checkerboard</code>). The pattern size is controlled with the <a href="../command-line-options/index.html#size">-size</a> command line option.</p>
-<div class="overflow-auto" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:20%">
+ <col style="width:8%">
+ <col style="width:52%">
+ <col style="width:20%">
+ </colgroup>
<tr>
<th>Tag</th>
<th>Mode</th>
@@ -2237,9 +2286,15 @@ the supported image formats.</p>
<p>ImageMagick provides a number of format identifiers which are used to add, remove, and save embedded profiles for images which can support embedded profiles. Image types which may contain embedded profiles are TIFF, JPEG, and PDF.</p>
-<div class="overflow-auto" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tbody>
+ <colgroup>
+ <col style="width:12%">
+ <col style="width:8%">
+ <col style="width:40%">
+ <col style="width:40%">
+ </colgroup>
<tr>
<th>Tag</th>
<th>Mode</th>
@@ -2302,12 +2357,12 @@ the supported image formats.</p>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -2332,7 +2387,7 @@ the supported image formats.</p>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/fx/index.html b/www/fx/index.html
index b7efbc43a..dfcf9d6b0 100644
--- a/www/fx/index.html
+++ b/www/fx/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | The FX Special Effects Image Operator</title>
- <meta name="description" content="">
+ <meta name="description" content="Explore ImageMagick’s FX special effects operator, a powerful pixel-level expression language for image manipulation. Learn how to apply mathematical formulas to transform, distort, composite, and analyze images with flexible scripting examples and advanced functions.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | The FX Special Effects Image Operator">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/fx/">
+ <meta property="og:description" content="Explore ImageMagick’s FX special effects operator, a powerful pixel-level expression language for image manipulation. Learn how to apply mathematical formulas to transform, distort, composite, and analyze images with flexible scripting examples and advanced functions.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | The FX Special Effects Image Operator">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#fx">The FX Special Effects Image Operator</a> • <a href="#anatomy">The Anatomy of an FX Expression</a></p>
@@ -310,7 +329,7 @@
<dl class="row">
<dt class="col-md-4"> numbers:</dt>
- <dd class="col-md-8"> integer, floating point, scientific notation (+/- required, e.g. 3.81469e-06), International System number postfixes (.e.g KB, Mib, GB, etc.)</dd>
+ <dd class="col-md-8"> integer, floating point, scientific notation (+/- required, e.g. 3.81469e-06), International System number postfixes (e.g. KB, Mib, GB, etc.)</dd>
<dt class="col-md-4"> constants: </dt>
<dd class="col-md-8"> E (Euler's number), Epsilon, Opaque, Phi (golden ratio), Pi, QuantumRange, QuantumScale, Transparent</dd>
<dt class="col-md-4"> FX operators (in order of precedence): </dt>
@@ -470,7 +489,7 @@
<dt class="col-md-4"> <code>isnan(</code><var>x</var><code>)</code></dt><dd class="col-md-8">return 1.0 if <var>x</var> is NAN, 0.0 otherwise</dd>
<dt class="col-md-4"> <code>j0(</code><var>x</var><code>)</code></dt><dd class="col-md-8"> Bessel functions of <var>x</var> of the first kind of order 0</dd>
<dt class="col-md-4"> <code>j1(</code><var>x</var><code>)</code></dt><dd class="col-md-8"> Bessel functions of <var>x</var> of the first kind of order 1</dd>
-<dt class="col-md-4"> <code>jinc(</code><var>x</var><code>)</code></dt><dd class="col-md-8"> jinc function (max=1, min=-0.1323); jinc(<var>x</var>)=2*j1(pi*<var>x</var>)/(pi*<var>*x</var>)</dd>
+<dt class="col-md-4"> <code>jinc(</code><var>x</var><code>)</code></dt><dd class="col-md-8"> jinc function (max=1, min=-0.1323); jinc(<var>x</var>)=2*j1(pi*<var>x</var>)/(pi*<var>x</var>)</dd>
<dt class="col-md-4"> <code>ln(</code><var>x</var><code>)</code></dt><dd class="col-md-8"> natural logarithm function</dd>
<dt class="col-md-4"> <code>log(</code><var>x</var><code>)</code></dt><dd class="col-md-8"> logarithm base 10</dd>
<dt class="col-md-4"> <code>logtwo(</code><var>x</var><code>)</code></dt><dd class="col-md-8"> logarithm base 2</dd>
@@ -597,12 +616,12 @@ Red channel of NW corner of image #1 is 0.184582
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -627,7 +646,7 @@ Red channel of NW corner of image #1 is 0.184582
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/gradient/index.html b/www/gradient/index.html
index 5903f7884..66a79a5fc 100644
--- a/www/gradient/index.html
+++ b/www/gradient/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Image Gradients</title>
- <meta name="description" content="">
+ <meta name="description" content="Create smooth color transitions with ImageMagick gradients. Learn how to generate linear, radial, and custom gradients for backgrounds, overlays, and image effects with precise control.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Image Gradients">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/gradient/">
+ <meta property="og:description" content="Create smooth color transitions with ImageMagick gradients. Learn how to generate linear, radial, and custom gradients for backgrounds, overlays, and image effects with precise control.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Image Gradients">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">An image gradient creates a gradual blend between two colors formed into a shape that is linear, circular, or elliptical.</p>
@@ -212,7 +231,7 @@ gradient:<em>fromColor</em>-<em>toColor</em></code></pre>
<p>The default <em>fromcolor</em> is white and the <em>toColor</em> is black unless overridden, e.g., <code>gradient:gray</code> returns a gradient from gray to black.</p>
-<p> The for a radial gradient, the operator is either:</p>
+<p> For a radial gradient, the operator is either:</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>radial-gradient:
radial-gradient:<em>fromColor</em>-<em>toColor</em> </code></pre>
@@ -242,11 +261,12 @@ before saving the output. For example:<p>
magick -size 256x256 gradient:white-black -colorspace RGB -colorspace gray linear_linear_gradient.png </code></pre>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><code>magick -size 256x256 radial-gradient: radial_gradient.png
-magick -size 256x256 radial-gradient:white-black -colorspace RGB -colorspace gray linea_radial_gradient.png </code></pre>
+magick -size 256x256 radial-gradient:white-black -colorspace RGB -colorspace gray linear_radial_gradient.png </code></pre>
<p>Gradients are affected by these defines:</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tr>
<td><code>-define gradient:vector=<var>x1</var>,<var>y1</var>, <var>x2</var>,<var>y2</var></code></td>
<td>Specifies the direction of the linear gradient going from vector1
@@ -285,11 +305,13 @@ magick -size 256x256 radial-gradient:white-black -colorspace RGB -colorspace gra
image, <em>fromColor</em> is the color of the background.</td>
</tr>
</table>
+</div>
<p>We also support two convenience defines for setting the linear gradient direction and the radial gradient shape.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tr>
<td><code>-define gradient:direction=<em>{NorthWest, North, Northeast, West, East, SouthWest, South, SouthEast}</em></code></td>
<td>Specifies the direction of the linear gradient towards the
@@ -311,6 +333,7 @@ magick -size 256x256 radial-gradient:white-black -colorspace RGB -colorspace gra
width and half the height of the image.</td>
</tr>
</table>
+</div>
<p>Examples</p>
@@ -324,7 +347,7 @@ magick -size 256x128 -define gradient:angle=0 gradient:black-white linear_gradie
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><pre><samp>$ magick -size 128x256 gradient: -rotate 90 linear_gradient_east.png </samp></pre></pre>
-<p>can be generate by either of the following (or by reversing the direction and swapping <em>fromColor</em> and <em>toColor</em>):</p>
+<p>can be generated by either of the following (or by reversing the direction and swapping <em>fromColor</em> and <em>toColor</em>):</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><code>magick -size 256x128 -define gradient:direction=east gradient:black-white linear_gradient_east.png
magick -size 256x128 -define gradient:angle=90 gradient:black-white linear_gradient_east.png </code></pre>
@@ -359,12 +382,12 @@ magick -size 256x128 -define gradient:radii=128,64 radial-gradient:black-white r
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -389,7 +412,7 @@ magick -size 256x128 -define gradient:radii=128,64 radial-gradient:black-white r
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/high-dynamic-range/index.html b/www/high-dynamic-range/index.html
index 556188040..bea615da0 100644
--- a/www/high-dynamic-range/index.html
+++ b/www/high-dynamic-range/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | High Dynamic-Range Images</title>
- <meta name="description" content="">
+ <meta name="description" content="Learn how ImageMagick supports High Dynamic-Range Imaging (HDRI) with floating-point color spaces, wide gamut rendering, tone-mapping, and formats like OpenEXR. Discover how HDRI enables vivid colors, deep contrast, and accurate brightness across SDR and HDR displays.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | High Dynamic-Range Images">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/high-dynamic-range/">
+ <meta property="og:description" content="Learn how ImageMagick supports High Dynamic-Range Imaging (HDRI) with floating-point color spaces, wide gamut rendering, tone-mapping, and formats like OpenEXR. Discover how HDRI enables vivid colors, deep contrast, and accurate brightness across SDR and HDR displays.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | High Dynamic-Range Images">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">High dynamic-range imaging (HDRI) permits a far greater dynamic range of exposures (i.e. a large difference between light and dark areas) than standard digital imaging techniques. HDRI accurately represents the wide range of intensity levels found in real scenes ranging from the brightest direct sunlight to the deepest darkest shadows. The HDR imaging approach includes:</p>
@@ -240,12 +259,12 @@ Features: HDRI
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -270,7 +289,7 @@ Features: HDRI
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/history/index.html b/www/history/index.html
index cf47abc6e..147aa1308 100644
--- a/www/history/index.html
+++ b/www/history/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | History">
<meta property="og:description" content="ImageMagick, born in 1990, has evolved into a powerful open-source software suite for creating, editing, composing, or converting raster images.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/history/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | History">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<blockquote>
I swear by my life and my love of it that I will never live for the sake of another man, nor ask another man to live for mine. -- John Galt in "Atlas Shrugged", by Ayn Rand</blockquote>
@@ -225,12 +244,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -255,7 +274,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/identify/index.html b/www/identify/index.html
index ba52de26d..67a998ba7 100644
--- a/www/identify/index.html
+++ b/www/identify/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Command-line Tools: Identify</title>
- <meta name="description" content="">
+ <meta name="description" content="Use ImageMagick’s Identify tool to examine image format, dimensions, colorspace, metadata, and integrity. Learn verbose options, advanced features, and example commands for detailed analysis.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Identify">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/identify/">
+ <meta property="og:description" content="Use ImageMagick’s Identify tool to examine image format, dimensions, colorspace, metadata, and integrity. Learn verbose options, advanced features, and example commands for detailed analysis.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Identify">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#options">Option Summary</a></p>
@@ -330,9 +349,14 @@ image.raw RGB 640x480 sRGB 9kb 0.000u 0:01 </samp></pre>
<h2><a class="anchor" id="options"></a>Option Summary</h2>
-<p>The <samp>$ magick identify</samp> command recognizes these options. Click on an option to get more details about how that option works.</p>
+<p>The <code>magick identify</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
<th align="left">Option</th>
@@ -562,16 +586,17 @@ transparent, extract, background, or shape the alpha channel</td>
</tbody>
</table>
+</div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -596,7 +621,7 @@ transparent, extract, background, or shape the alpha channel</td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/import/index.html b/www/import/index.html
index 14d10789b..8d9613262 100644
--- a/www/import/index.html
+++ b/www/import/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Import">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/import/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Import">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#options">Option Summary</a></p>
@@ -229,7 +248,12 @@
<p>The <code>import</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
<th align="left">Option</th>
@@ -441,11 +465,6 @@
<td>suppress all warning messages</td>
</tr>
- <tr>
- <td><a href="../command-line-options/index.html#quiet">-quiet</a></td>
- <td>suppress all warning messages</td>
- </tr>
-
<tr>
<td><a href="../command-line-options/index.html#regard-warnings">-regard-warnings</a></td>
<td>pay attention to warning messages.</td>
@@ -553,16 +572,17 @@
</tbody>
</table>
+</div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -587,7 +607,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/index.html b/www/index.html
index 6f8e872b8..342e4864f 100644
--- a/www/index.html
+++ b/www/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Mastering Digital Image Alchemy</title>
- <meta name="description" content="">
+ <meta name="description" content="ImageMagick is a powerful open-source software suite for creating, editing, converting, and manipulating images in over 200 formats. Ideal for developers, designers, and researchers.">
<link rel="canonical" href="index-2.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Mastering Digital Image Alchemy">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/">
+ <meta property="og:description" content="ImageMagick is a powerful open-source software suite for creating, editing, converting, and manipulating images in over 200 formats. Ideal for developers, designers, and researchers.">
+ <meta property="og:image" content="image/logo.png">
+ <meta property="og:logo" content="image/logo.png">
+ <meta property="og:url" content="index-2.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Mastering Digital Image Alchemy">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,15 +218,15 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
- <p class="lead">ImageMagick<sup><a href="http://tarr.uspto.gov/servlet/tarr?regser=serial&entry=78333969" rel="noopener noreferrer" target="_blank">®</a></sup> is a free, <a href="license/index.html">open-source</a> software suite, used for editing and manipulating digital images. It can be used to create, edit, compose, or convert bitmap images, and supports a wide range of file <a href="formats/index.html">formats</a>, including JPEG, PNG, GIF, TIFF, and Ultra HDR.</p>
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
+ <p class="lead">ImageMagick<sup><a href="https://tsdr.uspto.gov/#caseNumber=78333969&caseType=SERIAL_NO&searchType=statusSearch" rel="noopener noreferrer" target="_blank">®</a></sup> is a free, <a href="license/index.html">open-source</a> software suite, used for editing and manipulating digital images. It can be used to create, edit, compose, or convert bitmap images, and supports a wide range of file <a href="formats/index.html">formats</a>, including JPEG, PNG, GIF, TIFF, and Ultra HDR.</p>
<p>ImageMagick is widely used in industries such as web development, graphic design, and video editing, as well as in scientific research, medical imaging, and astronomy. Its versatile and customizable nature, along with its robust image processing capabilities, make it a popular choice for a wide range of image-related tasks.</p>
<p>ImageMagick includes a command-line interface for executing complex image processing tasks, as well as APIs for integrating its features into software applications. It is written in C and can be used on a variety of operating systems, including Linux, Windows, and macOS.</p>
-<p>The main website for ImageMagick can be found at <a href="index-2.html">https://imagemagick.org</a>. The most recent version available is <a href="download/index.html">ImageMagick 7.1.2-27</a>. The source code for this software can be accessed through a <a href="https://github.com/ImageMagick/ImageMagick" rel="noopener noreferrer" target="_blank">repository</a>. In addition, we maintain a legacy version of ImageMagick, <a href="https://legacy.imagemagick.org/" rel="noopener noreferrer" target="_blank">version 6</a>. Read our <a href="porting/index.html">porting</a> guide for comprehensive details on transitioning from version 6 to version 7.</p>
+<p>The main website for ImageMagick can be found at <a href="index-2.html">https://imagemagick.org</a>. The most recent version available is <a href="download/index.html">ImageMagick 7.1.2-31</a>. The source code for this software can be accessed through a <a href="https://github.com/ImageMagick/ImageMagick" rel="noopener noreferrer" target="_blank">repository</a>. In addition, we maintain a legacy version of ImageMagick, <a href="https://legacy.imagemagick.org/" rel="noopener noreferrer" target="_blank">version 6</a>. Read our <a href="porting/index.html">porting</a> guide for comprehensive details on transitioning from version 6 to version 7.</p>
<p>Creating a security policy that fits your specific local environment before making use of ImageMagick is highly advised. You can find guidance on setting up this <a href="security-policy/index.html">policy</a>. Also, it's important to verify your policy using the <a href="https://imagemagick-secevaluator.doyensec.com/">validation tool</a>.</p>
@@ -221,7 +240,11 @@
<p>Here are just a few <a href="examples/index.html">examples</a> of what ImageMagick can do for you:</p>
<div class="overflow-auto" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<td><a href="https://usage.imagemagick.org/anim_basics/">Animation</a></td>
<td>create a GIF animation sequence from a group of images.</td>
@@ -264,7 +287,7 @@
</tr>
<tr>
<td><a href="https://usage.imagemagick.org/transform/#vision">Delineate image features</a></td>
- <td><a href="http://usage.imagemagick.org/transform/#canny">Canny edge detection</a>, <a href="command-line-options/index.html#hough-line">Hough lines</a>.</td>
+ <td><a href="https://usage.imagemagick.org/transform/#canny">Canny edge detection</a>, <a href="command-line-options/index.html#hough-line">Hough lines</a>.</td>
</tr>
<tr>
<td><a href="https://usage.imagemagick.org/fourier/">Discrete Fourier transform</a></td>
@@ -320,7 +343,7 @@
</tr>
<tr>
<td><a href="download/index.html#iOS">ImageMagick on the iPhone</a></td>
- <td>convert, edit, or compose images on your <a href="https://www.apple.com/ios/">iOS</a> device such as the iPhone or iPad.</td>
+ <td>convert, edit, or compose images on your <a href="https://www.apple.com/os/ios/">iOS</a> device such as the iPhone or iPad.</td>
</tr>
<tr>
<td><a href="architecture/index.html#tera-pixel">Large image support</a></td>
@@ -383,12 +406,12 @@
<p>Join the ImageMagick community by participating in the <a href="https://github.com/ImageMagick/ImageMagick/discussions" rel="noopener noreferrer" target="_blank">discussion</a> service. Here, you can find answers to questions asked by other ImageMagick users or ask your own questions. If you have a technical question, a suggestion for an improvement, or a fix for a bug, you can also open an <a href="https://github.com/ImageMagick/ImageMagick/issues" rel="noopener noreferrer" target="_blank">issue</a> to get help from the community.</p>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -413,7 +436,7 @@
<a href="security-policy/index.html">Security</a> •
<a href="news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="image/wand.png"></a>
<a href="links/index.html">Related</a> •
<a href="sitemap/index.html">Sitemap</a>
diff --git a/www/install-source/index.html b/www/install-source/index.html
index 50133ac31..2164bd97b 100644
--- a/www/install-source/index.html
+++ b/www/install-source/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Install from Source</title>
- <meta name="description" content="Install ImageMagick from the source distribution.">
+ <meta name="description" content="Learn how to install ImageMagick from source on Linux, macOS, FreeBSD, Solaris, or Windows. Step-by-step instructions for compiling, configuring, and verifying your build, with guidance on optional libraries, advanced installation, and troubleshooting.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Install from Source">
- <meta property="og:description" content="Install ImageMagick from the source distribution.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/install-source/">
+ <meta property="og:description" content="Learn how to install ImageMagick from source on Linux, macOS, FreeBSD, Solaris, or Windows. Step-by-step instructions for compiling, configuring, and verifying your build, with guidance on optional libraries, advanced installation, and troubleshooting.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Install from Source">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#linux">Install from Linux Source</a> • <a href="#windows">Install from Windows Source</a></p>
@@ -209,7 +228,7 @@
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><code>magick identify -version
</code></pre>
-<p>If the <a href="../identify/index.html">identify</a> program executes and identifies itself as ImageMagick, you may not need to install ImageMagick from source unless you want to add support for additional image formats or upgrade to a newer version. You also have the option of installing a pre-compiled <a href="../download/index.html">binary release</a>. However, if you still want to install from source, choose a platform, <a href="#linux">Linux</a> or <a href="#windows">Windows</a>. Before installing from source, you may want to review recent <a href=https://imagemagick.org/changelog" rel="noopener noreferrer" target="_blank">changes</a> to the ImageMagick distribution.</p>
+<p>If the <a href="../identify/index.html">identify</a> program executes and identifies itself as ImageMagick, you may not need to install ImageMagick from source unless you want to add support for additional image formats or upgrade to a newer version. You also have the option of installing a pre-compiled <a href="../download/index.html">binary release</a>. However, if you still want to install from source, choose a platform, <a href="#linux">Linux</a> or <a href="#windows">Windows</a>. Before installing from source, you may want to review recent <a href="https://imagemagick.org/changelog" rel="noopener noreferrer" target="_blank">changes</a> to the ImageMagick distribution.</p>
<p>The authoritative source code repository is <a href="https://github.com/ImageMagick">https://github.com/ImageMagick</a>. </p>
@@ -219,7 +238,7 @@
<p>Clone the latest release from the source repository:</p>
-<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>git clone --depth 1 --branch [latest_release_tag] https://github.com/ImageMagick/ImageMagick.git ImageMagick-7.1.2-27</code></pre>
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>git clone --depth 1 --branch [latest_release_tag] https://github.com/ImageMagick/ImageMagick.git ImageMagick-7.1.2-31</code></pre>
<p>Or download
@@ -227,14 +246,14 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27.7z">ImageMagick-7.1.2-27.7z</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31.7z">ImageMagick-7.1.2-31.7z</a>
from <a href="https://github.com/ImageMagick/ImageMagick/releases">GitHub</a> and verify the distribution against its
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27.intoto.jsonl">provenance</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31.intoto.jsonl">provenance</a>
.</p>
<p>Next configure and compile ImageMagick. Note the <a href="https://en.wikipedia.org/wiki/Pkg-config">pkg-config</a> script is required so that ImageMagick can find certain optional delegate libraries on your system. To configure, type:</p>
-<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>cd ImageMagick-7.1.2-27
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>cd ImageMagick-7.1.2-31
./configure
make</code></pre>
@@ -278,8 +297,8 @@ make</code></pre>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>git clone https://github.com/ImageMagick/ImageMagick-Windows.git ImageMagick-Windows-7</code></pre>
-<p>and run <code>CloneRepositories.cmd</code>. Or download ImageMagick-7.1.2-27.7z from <a href="https://github.com/ImageMagick/ImageMagick/releases">GitHub</a> and verify the distribution against its
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27.intoto.jsonl">provenance</a>
+<p>and run <code>CloneRepositories.cmd</code>. Or download ImageMagick-7.1.2-31.7z from <a href="https://github.com/ImageMagick/ImageMagick/releases">GitHub</a> and verify the distribution against its
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31.intoto.jsonl">provenance</a>
.</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>unzip ImageMagick-windows.zip</code></pre>
@@ -295,11 +314,11 @@ to compile the program and on completion run the program.</p>
<p>To verify ImageMagick is working properly, launch a MS-DOS Command Prompt window and type</p>
-<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>cd ImageMagick-7.1.2-27
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>cd ImageMagick-7.1.2-31
magick logo: image.jpg</code></pre>
-<p>You may want to add the full path to VisualMagick\bin for your environment PATH variable, so you can call <code>magick<code> from any directory.<p>
+<p>You may want to add the full path to VisualMagick\bin for your environment PATH variable, so you can call <code>magick</code> from any directory.<p>
<p>For a more comprehensive test, run the ImageMagick validation suite:</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>validate
@@ -312,12 +331,12 @@ magick logo: image.jpg</code></pre>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -342,7 +361,7 @@ magick logo: image.jpg</code></pre>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/jp2/index.html b/www/jp2/index.html
index 5a419e096..e14282e32 100644
--- a/www/jp2/index.html
+++ b/www/jp2/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | JP2 Encoding Options">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/jp2/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | JP2 Encoding Options">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">ImageMagick's JPEG-2000 image formats, JP2 and JPC, accept a plethora of encoding options as detailed below. As an example, suppose you are interested in these options:</p>
@@ -242,8 +261,8 @@
<p>Here is a complete list of JPEG-2000 decoding options:</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tr>
<td>jp2:quality-layers=<var>x</var></td>
<td>set the maximum number of quality layers to decode.</td>
@@ -256,8 +275,8 @@
<p>Here is a complete list of JPEG-2000 encoding options:</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tr>
<td>jp2:number-resolutions=<var>x</var></td>
<td>number of resolutions to encode.</td>
@@ -278,12 +297,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -308,7 +327,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/license/index.html b/www/license/index.html
index 0b218d177..9d55f4116 100644
--- a/www/license/index.html
+++ b/www/license/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | License</title>
- <meta name="description" content="ImageMagick is free image-processing software distributed under a derived Apache 2.0 license.">
+ <meta name="description" content="Discover the ImageMagick License: free, open-source terms for use, reproduction, and distribution. Learn how to apply the license, attribution requirements, and compatibility with GPLv3 for personal, commercial, and enterprise projects.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | License">
- <meta property="og:description" content="ImageMagick is free image-processing software distributed under a derived Apache 2.0 license.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/license/">
+ <meta property="og:description" content="Discover the ImageMagick License: free, open-source terms for use, reproduction, and distribution. Learn how to apply the license, attribution requirements, and compatibility with GPLv3 for personal, commercial, and enterprise projects.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | License">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#terms">Terms and Conditions for Use, Reproduction, and Distribution</a> • <a href="#apply">How to Apply the License to your Work</a></p>
@@ -329,12 +348,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -359,7 +378,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/links/index.html b/www/links/index.html
index 8ee864452..15f0416d1 100644
--- a/www/links/index.html
+++ b/www/links/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Related Web Sites">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/links/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Related Web Sites">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,10 +218,10 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
-<p class="text-center"><a href="#command-line">Command-line Tutorials</a> • <a href="#program-interfaces">Program Interface Tutorials</a> • <a href="#techniques">ImageMagick Techniques</a> • <a href="#install">Installation Tutorials</a> • <a href="#topics">ImageMagick Topics</a> • <a href="#book-review">ImageMagick Book Review</a> • <a href="#mirrors">Web Site Mirrors</a> • <a href="#bank">Image Bank</a> • <a href="#related-projects">Related Projects</a></p>
+<p class="text-center"><a href="#command-line">Command-line Tutorials</a> • <a href="#program-interfaces">Program Interface Tutorials</a> • <a href="#techniques">ImageMagick Techniques</a> • <a href="#topics">ImageMagick Topics</a> • <a href="#book-review">ImageMagick Book Review</a> • <a href="#mirrors">Web Site Mirrors</a> • <a href="#bank">Image Bank</a> • <a href="#related-projects">Related Projects</a></p>
<p class="lead">Listed here are a number of external web sites that are related to ImageMagick. ImageMagick Studio does not maintain or endorse most of these sites, but we feel they are a helpful adjunct to the ImageMagick project.</p>
@@ -217,30 +236,18 @@
<ul>
<dd class="col-md-8"><a href="https://usage.imagemagick.org/">Examples of ImageMagick Usage</a></dd>
<dd class="col-md-8"><a href="http://www.smashingmagazine.com/2015/06/25/efficient-image-resizing-with-imagemagick/">Efficient Image Resizing With ImageMagick</a></dd>
- <dd class="col-md-8"><a href="http://www.jpeek.com/articles/linuxmag/0606.pdf">ImageMagick, Part One</a></dd>
- <dd class="col-md-8"><a href="http://www.jpeek.com/articles/linuxmag/0607.pdf">ImageMagick, Part Two</a></dd>
+ <dd class="col-md-8"><a href="https://www.jpeek.com/articles/linuxmag/0606.pdf">ImageMagick, Part One</a></dd>
+ <dd class="col-md-8"><a href="https://www.jpeek.com/articles/linuxmag/0607.pdf">ImageMagick, Part Two</a></dd>
</ul>
<h2><a class="anchor" id="program-interfaces"></a>Program Interface Tutorials</h2>
<ul>
- <dd class="col-md-8"><a href="http://www.sitepoint.com/article/dynamic-images-imagemagick">Create Dynamic Images with ImageMagick</a></dd>
- <dd class="col-md-8"><a href="http://www.ioncannon.net/php/75/how-to-compile-imagemagick-for-php-by-hand/">How to compile ImageMagick for PHP by hand</a></dd>
- <dd class="col-md-8"><a href="http://members.shaw.ca/el.supremo/MagickWand/">MagickWand Examples in C</a></dd>
- <dd class="col-md-8"><a href="http://www.php-editors.com/contest/1/82-read.html">PHP Extensions: MagickWand for PHP</a></dd>
- <dd class="col-md-8"><a href="http://www.ioncannon.net/php/61/php-imagemagick-magickwand-examples/">PHP ImageMagick MagickWand Examples</a></dd>
+ <dd class="col-md-8"><a href="../magick-wand/index.html">MagickWand C API - with Example Programs</a></dd>
+ <dd class="col-md-8"><a href="https://usage.imagemagick.org/api/">API & Scripting Techniques</a></dd>
<dd class="col-md-8"><a href="https://rmagick.github.io/rvgtut.html">RVG - Ruby Vector Graphics</a></dd>
- <dd class="col-md-8"><a href="http://www.devshed.com/c/a/PHP/Security-Images-with-PHP-and-ImageMagick/">Security Images with PHP and ImageMagick</a></dd>
- <dd class="col-md-8"><a href="http://php.net/manual/en/imagick.examples-1.php">Basic Uses of ImageMagick With PHP</a></dd>
-</ul>
-
-<h2><a class="anchor" id="install"></a>Installation Tutorials</h2>
-
-<ul>
- <dd class="col-md-8"><a href="http://cactuslab.com/imagemagick/">ImageMagick Installer for Mac OS X</a></dd>
- <dd class="col-md-8"><a href="http://www.cloudgoessocial.net/2011/03/21/im-xcode4-ios4-3/">ImageMagick on iPhone</a></dd>
- <dd class="col-md-8"><a href="https://github.com/juan-cardelino/imagemagick_lib_iphone/">Scripts and Instructions to Compile ImageMagick as an iOS Static Library</a></dd>
- <dd class="col-md-8"><a href="http://www.digitalsanctum.com/2009/03/18/installing-imagemagick-from-source-on-ubuntu-804/">Installing ImageMagick from Source on Ubuntu</a></dd>
+ <dd class="col-md-8"><a href="https://www.php.net/manual/en/book.imagick.php">Imagick - the PHP ImageMagick Extension (install & compile)</a></dd>
+ <dd class="col-md-8"><a href="https://www.php.net/manual/en/imagick.examples-1.php">Basic Uses of ImageMagick With PHP</a></dd>
</ul>
<h2><a class="anchor" id="techniques"></a>ImageMagick Techniques</h2>
@@ -255,10 +262,10 @@
<dd class="col-md-8"><a href="https://svnweb.freebsd.org/ports/head/graphics/ImageMagick7/">FreeBSD port</a></dd>
<dd class="col-md-8"><a href="http://directory.fsf.org/project/ImageMagick/">Free Software Foundation</a></dd>
<dd class="col-md-8"><a href="http://www.enterprisetech.com/2014/07/16/convey-dell-fpga-appliance-accelerates-hyperscale-image-resizing/">Hyperscale Image Resizing</a> </dd>
- <dd class="col-md-8"><a href="http://pkgsrc.se/graphics/ImageMagick/">NetBSD</a></dd>
+ <dd class="col-md-8"><a href="https://pkgsrc.se/graphics/ImageMagick/">NetBSD</a></dd>
<dd class="col-md-8"><a href="http://sourceforge.net/projects/imagemagick/">SourceForge</a></dd>
<dd class="col-md-8"><a href="../vpat/index.html">Voluntary Product Accessibility Template</a></dd>
- <dd class="col-md-8"><a href="http://en.wikipedia.org/wiki/ImageMagick">WikiPedia</a></dd>
+ <dd class="col-md-8"><a href="https://en.wikipedia.org/wiki/ImageMagick">WikiPedia</a></dd>
</ul>
<h2><a class="anchor" id="book-review"></a>ImageMagick Legacy Discussion</h2>
@@ -287,12 +294,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -317,7 +324,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/magick++/index.html b/www/magick++/index.html
index 4fd7e1e4c..b436c3503 100644
--- a/www/magick++/index.html
+++ b/www/magick++/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Magick++, C++ API</title>
- <meta name="description" content="">
+ <meta name="description" content="Explore ImageMagick’s Magick++ API, a modern C++ interface for image processing. Learn how to read, write, manipulate, and analyze images with object‑oriented simplicity and cross‑platform support.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Magick++, C++ API">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/magick++/">
+ <meta property="og:description" content="Explore ImageMagick’s Magick++ API, a modern C++ interface for image processing. Learn how to read, write, manipulate, and analyze images with object‑oriented simplicity and cross‑platform support.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Magick++, C++ API">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,13 +218,13 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#documentation">Documentation</a> • <a href="#get">Obtaining Magick++</a> • <a href="#install">Installation</a> • <a href="#bugs">Reporting Bugs</a></p>
<a class="anchor" id="intro"></a>
-<p class="lead"><a href="https://imagemagick.org/magick++/Api.html">Magick++ API</a> is the object-oriented C++ API to the <a href="../index-2.html">ImageMagick</a> image-processing library.</p>
+Magick++ is the object-oriented C++ API to the <a href="../index-2.html">ImageMagick</a> image-processing library.</p>
<p>Magick++ supports an object model which is inspired by <a href="../perl-magick/index.html">PerlMagick</a>.
Images support implicit reference counting so that copy constructors
and assignment incur almost no cost. The cost of actually copying an
@@ -227,7 +246,7 @@ performed on multiple images stored in STL containers.
</p>
<h2>Documentation</h2>
<a class="anchor" id="documentation"></a>
-<p>Detailed <a href="index.html">documentation</a> is
+<p>Detailed <a href="https://imagemagick.org/magick++/Documentation.html">documentation</a> is
provided for all Magick++ classes, class methods, and template
functions which comprise the API. See a <a href="tutorial/Magick%2b%2b_tutorial.pdf"> Gentle Introduction to Magick++</a> for an introductory tutorial to Magick++. We include the <a href="tutorial/Magick%2b%2b_tutorial.odt" >source</a> if you want to correct, enhance, or expand the tutorial.</p>
<h2>Obtaining Magick++</h2>
@@ -309,12 +328,12 @@ int main(int argc,char **argv)
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -339,7 +358,7 @@ int main(int argc,char **argv)
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/magick-cache/index.html b/www/magick-cache/index.html
index 054079e8d..887eda258 100644
--- a/www/magick-cache/index.html
+++ b/www/magick-cache/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | MagickCache: an Efficient Image Cache</title>
- <meta name="description" content="Secure methods and tools to cache images, image sequences, video, audio or metadata in a local folder.">
+ <meta name="description" content="Understand ImageMagick’s cache architecture for efficient pixel storage and retrieval. Learn how memory, disk, and distributed caches optimize performance, reduce I/O overhead, and accelerate image processing workflows.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | MagickCache: an Efficient Image Cache">
- <meta property="og:description" content="Secure methods and tools to cache images, image sequences, video, audio or metadata in a local folder.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/magick-cache/">
+ <meta property="og:description" content="Understand ImageMagick’s cache architecture for efficient pixel storage and retrieval. Learn how memory, disk, and distributed caches optimize performance, reduce I/O overhead, and accelerate image processing workflows.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | MagickCache: an Efficient Image Cache">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">The MagickCache provides secure methods and tools to cache images, image sequences, video, audio or metadata in a local folder. Any content is memory-mapped for efficient retrieval. Additional efficiencies are possible by retrieving a portion of an image. Content can persist or you can assign a time-to-live (TTL) to automatically expire content when the TTL is exceeded. MagickCache supports virtually unlimited content upwards of billions of images making it suitable as a web image service.</p>
<p>The MagickCache works in concert with <a href="../index-2.html">ImageMagick</a>. Download the <a href="https://github.com/ImageMagick/MagickCache">MagickCache</a> and install. You will now want to create the cache and populate it with images, video, and associated metadata.</p>
@@ -261,16 +280,16 @@ identified 1 resources</samp></pre>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><samp>$ magick-cache -passkey passkey.txt delete /opt/magick-cache /</samp></pre>
<p>Be careful, after this command, your cached content is irrevocably lost.</p>
<h4>Security</h4>
-<p>MagickCache security is not crytographically strong. Instead it generates a unique hash for each resource ensuring the resource ID cannot be discovered. A resource is accessible to both the user of the cache and the cache owner provided they can present their respective passkeys. They are also accessible to anyone with sufficient privileges to access the MagickCache disk path.</p>
+<p>MagickCache security is not cryptographically strong. Instead it generates a unique hash for each resource ensuring the resource ID cannot be discovered. A resource is accessible to both the user of the cache and the cache owner provided they can present their respective passkeys. They are also accessible to anyone with sufficient privileges to access the MagickCache disk path.</p>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -295,7 +314,7 @@ identified 1 resources</samp></pre>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/magick-core/index.html b/www/magick-core/index.html
index 95796f9c7..0091eef3e 100644
--- a/www/magick-core/index.html
+++ b/www/magick-core/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | MagickCore, Low-level C API</title>
- <meta name="description" content="">
+ <meta name="description" content="Explore ImageMagick’s MagickCore API, a powerful C library for image processing. Learn functions for reading, writing, transforming, and analyzing images with cross‑platform support and advanced features.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | MagickCore, Low-level C API">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/magick-core/">
+ <meta property="og:description" content="Explore ImageMagick’s MagickCore API, a powerful C library for image processing. Learn functions for reading, writing, transforming, and analyzing images with cross‑platform support and advanced features.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | MagickCore, Low-level C API">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">The <a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickCore">MagickCore API</a> is a low-level interface between the C programming language and the ImageMagick image processing libraries and is recommended for wizard-level programmers only. Unlike the <a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand">MagickWand</a> C API which uses only a few opaque types and accessors, with MagickCore you almost exclusively access the structure members directly. A description of the MagickCore public methods are found on GitHub:</p>
@@ -460,12 +479,12 @@ int main(int argc,char **argv)
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -490,7 +509,7 @@ int main(int argc,char **argv)
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/magick-script/index.html b/www/magick-script/index.html
index 22802e159..5680f0082 100644
--- a/www/magick-script/index.html
+++ b/www/magick-script/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Magick-script">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/magick-script/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Magick-script">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">Use the <samp>$ magick-script</code> scripting language to convert between image formats as well as resize an image, blur, crop, despeckle, dither, draw on, flip, join, re-sample, and much more. See <a href="../command-line-processing/index.html">Command Line Processing</a> for advice on how to structure your <code>magick</samp> command or see below for example usages of the command.</p>
@@ -221,8 +240,12 @@
<p>The <samp>$ magick</samp> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<td><a href="../command-line-options/index.html#adaptive-blur">-adaptive-blur <var>geometry</var></a></td>
<td>adaptively blur pixels; decrease effect near edges</td>
@@ -371,7 +394,7 @@ transparent, extract, background, or shape the alpha channel</td>
<tr>
<td><a href="../command-line-options/index.html#clamp">-clamp</a></td>
- <td>set each pixel whose value is below zero to zero and any the pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
+ <td>set each pixel whose value is below zero to zero and any pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
</tr>
<tr>
@@ -1413,12 +1436,12 @@ transparent, extract, background, or shape the alpha channel</td>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -1443,7 +1466,7 @@ transparent, extract, background, or shape the alpha channel</td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/magick-vector-graphics/index.html b/www/magick-vector-graphics/index.html
index 55805fbda..2d7fe0a11 100644
--- a/www/magick-vector-graphics/index.html
+++ b/www/magick-vector-graphics/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Magick Vector Graphics</title>
- <meta name="description" content="Master vector designs with Magick Vector Graphics (MVG) on ImageMagick.">
+ <meta name="description" content="Explore Magick Vector Graphics (MVG) in ImageMagick — a modular language for creating 2D vector and mixed raster graphics. Learn syntax, drawing primitives, and how to render shapes, paths, and text from MVG, SVG, or program interfaces.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Magick Vector Graphics">
- <meta property="og:description" content="Master vector designs with Magick Vector Graphics (MVG) on ImageMagick.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/magick-vector-graphics/">
+ <meta property="og:description" content="Explore Magick Vector Graphics (MVG) in ImageMagick — a modular language for creating 2D vector and mixed raster graphics. Learn syntax, drawing primitives, and how to render shapes, paths, and text from MVG, SVG, or program interfaces.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Magick Vector Graphics">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#overview">MVG Overview</a> • <a href="#primitives">Drawing Primitives</a></p>
@@ -474,7 +493,7 @@ pop pattern
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>fill url(#%s)
</code></pre>
-<p>The clip path defines a clipping area, where only the contained area to be drawn upon. Areas outside of the clipping areare masked.</p>
+<p>The clip path defines a clipping area, where only the contained area to be drawn upon. Areas outside of the clipping area are masked.</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>push defs
push clip-path "myClipPath"
@@ -490,8 +509,12 @@ clip-path url(#myClipPath)
<p>Here is a complete description of the MVG drawing primitives:</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<thead>
<tr>
<th>Primitive</th>
@@ -648,7 +671,12 @@ SouthEast</code></pre></td>
<tr>
<td><a class="anchor" id="compose"></a>image <var>compose x,y width,height 'filename'</var></td>
<td>Choose from these compose operations:
- <table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
<th align="left" style="width: 8%">Method</th>
@@ -817,7 +845,7 @@ SouthEast</code></pre></td>
<td>Replace any destination pixel that is the similar to the source images pixel (as defined by the current <a href="#fuzz">-fuzz</a> factor), with transparency. </td>
</tr>
</tbody>
-</table></td>
+</table></div></td>
</tr>
<tr>
<td><a class="anchor" id="interline-spacing"></a>interline-spacing <var>pixels</var></td>
@@ -1012,12 +1040,12 @@ round</code></pre></td>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -1042,7 +1070,7 @@ round</code></pre></td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/magick-wand/index.html b/www/magick-wand/index.html
index 2e4e4381e..c955dd58e 100644
--- a/www/magick-wand/index.html
+++ b/www/magick-wand/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | MagickWand, C API</title>
- <meta name="description" content="Recommended interface between the C programming language and the ImageMagick image processing libraries.">
+ <meta name="description" content="Discover ImageMagick’s MagickWand API, a simplified C interface for image processing. Learn functions for creating, editing, and converting images with cross‑platform support and powerful features.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | MagickWand, C API">
- <meta property="og:description" content="Recommended interface between the C programming language and the ImageMagick image processing libraries.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/magick-wand/">
+ <meta property="og:description" content="Discover ImageMagick’s MagickWand API, a simplified C interface for image processing. Learn functions for creating, editing, and converting images with cross‑platform support and powerful features.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | MagickWand, C API">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,21 +218,21 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">The <a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand">MagickWand API</a> is the recommended interface between the C programming language and the ImageMagick image processing libraries. Unlike the <a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickCore">MagickCore</a> C API, MagickWand uses only a few opaque types. Accessors are available to set or get important wand properties. A description of the MagickWand public methods are found on GitHub:</p>
<ul>
- <li><a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand/MagickWand.h">Magick Wand Methods</a></li>
- <li><a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand/magick-property.h">Set or Get Magick Wand Properties</a></li>
- <li><a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand/magick-image.h">Magick Wand Image Methods</a></li>
- <li><a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand/pixel-iterator.h">Pixel Iterator Methods</a></li>
- <li><a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand/pixel-wand.h">Pixel Wand Methods</a></li>
- <li><a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand/drawing-wand.h">Image Vector Drawing</a></li>
- <li><a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand/mogrify.h">Command-line Interface</a></li>
- <li><a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand/wand-view.h">Wand View Methods</a></li>
- <li><a href="https://github.com/ImageMagick/ImageMagick/tree/main/MagickWand/deprecate.h">Deprecated Methods</a></li>
+ <li><a href="https://github.com/ImageMagick/ImageMagick/blob/main/MagickWand/MagickWand.h">Magick Wand Methods</a></li>
+ <li><a href="https://github.com/ImageMagick/ImageMagick/blob/main/MagickWand/magick-property.h">Set or Get Magick Wand Properties</a></li>
+ <li><a href="https://github.com/ImageMagick/ImageMagick/blob/main/MagickWand/magick-image.h">Magick Wand Image Methods</a></li>
+ <li><a href="https://github.com/ImageMagick/ImageMagick/blob/main/MagickWand/pixel-iterator.h">Pixel Iterator Methods</a></li>
+ <li><a href="https://github.com/ImageMagick/ImageMagick/blob/main/MagickWand/pixel-wand.h">Pixel Wand Methods</a></li>
+ <li><a href="https://github.com/ImageMagick/ImageMagick/blob/main/MagickWand/drawing-wand.h">Image Vector Drawing</a></li>
+ <li><a href="https://github.com/ImageMagick/ImageMagick/blob/main/MagickWand/mogrify.h">Command-line Interface</a></li>
+ <li><a href="https://github.com/ImageMagick/ImageMagick/blob/main/MagickWand/wand-view.h">Wand View Methods</a></li>
+ <li><a href="https://github.com/ImageMagick/ImageMagick/blob/main/MagickWand/deprecate.h">Deprecated Methods</a></li>
<li><a href="https://imagemagick.org/exception/">Error and Warning Codes</a></li>
</ul>
@@ -502,12 +521,12 @@ int main(int argc,char **argv)
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -532,7 +551,7 @@ int main(int argc,char **argv)
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/magick/index.html b/www/magick/index.html
index a125e4052..52027ff5b 100644
--- a/www/magick/index.html
+++ b/www/magick/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Command-line Tools: Magick</title>
- <meta name="description" content="">
+ <meta name="description" content="Powerful image manipulation with ImageMagick’s magick command-line tool. Convert, resize, crop, blur, sharpen, annotate, and transform images across formats with ease. Explore examples, options, and advanced features for professional-quality results.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Magick">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/magick/">
+ <meta property="og:description" content="Powerful image manipulation with ImageMagick’s magick command-line tool. Convert, resize, crop, blur, sharpen, annotate, and transform images across formats with ease. Explore examples, options, and advanced features for professional-quality results.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Magick">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">Use the <code>magick</code> program to convert between image formats as well as resize an image, blur, crop, despeckle, dither, draw on, flip, join, re-sample, and much more. See <a href="../command-line-processing/index.html">Command Line Processing</a> for advice on how to structure your <code>magick</code> command or see below for example usages of the command.</p>
@@ -250,8 +269,12 @@ $ magick identify rose.jpg rose.png </samp></pre>
<p>The <code>magick</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<td><a href="../command-line-options/index.html#adaptive-blur">-adaptive-blur <var>geometry</var></a></td>
<td>adaptively blur pixels; decrease effect near edges</td>
@@ -410,7 +433,7 @@ transparent, extract, background, or shape the alpha channel</td>
<tr>
<td><a href="../command-line-options/index.html#clamp">-clamp</a></td>
- <td>set each pixel whose value is below zero to zero and any the pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
+ <td>set each pixel whose value is below zero to zero and any pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
</tr>
<tr>
@@ -1477,12 +1500,12 @@ transparent, extract, background, or shape the alpha channel</td>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -1507,7 +1530,7 @@ transparent, extract, background, or shape the alpha channel</td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/miff/index.html b/www/miff/index.html
index 79200be5d..b38bf7c3a 100644
--- a/www/miff/index.html
+++ b/www/miff/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Magick Image File Format</title>
- <meta name="description" content="">
+ <meta name="description" content="Discover the Magick Image File Format (MIFF) used by ImageMagick to store image data, attributes, and comments. Learn its structure, portability, and how MIFF supports efficient image manipulation across platforms.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Magick Image File Format">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/miff/">
+ <meta property="og:description" content="Discover the Magick Image File Format (MIFF) used by ImageMagick to store image data, attributes, and comments. Learn its structure, portability, and how MIFF supports efficient image manipulation across platforms.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Magick Image File Format">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,12 +218,12 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#miff-header">MIFF Header</a> • <a href="#binary">MIFF Binary Data</a></p>
-<p class="lead">The Magick Image File Format (MIFF) is ImageMagick's own platform-independent format for storing bitmap images. It has an advantage over other image formats in that it stores all metadata known to ImageMagick (e.g. image color profiles, comments, author, copyright, etc.), whereas, other formats may only support a small portion of available metadata or none at all. A MIFF image file consist of two sections. The first section is a header composed of keys describing the image in text form. The next section is the binary image data. We discuss these sections in detail below.</p>
+<p class="lead">The Magick Image File Format (MIFF) is ImageMagick's own platform-independent format for storing bitmap images. It has an advantage over other image formats in that it stores all metadata known to ImageMagick (e.g. image color profiles, comments, author, copyright, etc.), whereas, other formats may only support a small portion of available metadata or none at all. A MIFF image file consists of two sections. The first section is a header composed of keys describing the image in text form. The next section is the binary image data. We discuss these sections in detail below.</p>
<h2><a class="anchor" id="miff-header"></a>MIFF Header</h2>
@@ -213,8 +232,8 @@
<p>The following is a partial list of <var> key = value</var> combinations that are typically be found in a MIFF file:</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tr>
<td>background-color = <var>color</var></td>
<td> </td>
@@ -284,7 +303,7 @@
</tr>
<tr>
<td>matte = { True, False }</td>
- <td>specifies whether a the image has matte data. Matte data is generally useful for image compositing.</td>
+ <td>specifies whether the image has matte data. Matte data is generally useful for image compositing.</td>
</tr>
<tr>
<td>montage = <var><width>x<height>[+-]<x offset>[+-]<y offset></var></td>
@@ -297,7 +316,7 @@
</tr>
<tr>
<td>profile-icc = <var>value</var></td>
- <td>the number of bytes in the International Color Consortium color profile. The profile is defined by the ICC profile specification located at <a href="http://www.color.org/icc_specs2.html">http://www.color.org/icc_specs2.html</a>.</td>
+ <td>the number of bytes in the International Color Consortium color profile. The profile is defined by the ICC profile specification located at <a href="https://www.color.org/icc_specs2/">https://www.color.org/icc_specs2/</a>.</td>
</tr>
<td>red-primary = <var>x,y</var></td>
<td> </td>
@@ -313,7 +332,7 @@
</tr>
<tr>
<td>rendering-intent = { saturation, perceptual, absolute, relative }</td>
- <td>Rendering intent is the CSS-1 property that has been defined by the International Color Consortium (<a href="http://www.color.org/">http://www.color.org</a>).</td>
+ <td>Rendering intent is the CSS-1 property that has been defined by the International Color Consortium (<a href="https://www.color.org/">https://www.color.org/</a>).</td>
</tr>
<tr>
<td>resolution = <var><x-resolution>x<y-resolution></var></td>
@@ -372,12 +391,12 @@ or fewer colors in the image, each byte of image data contains an index value. I
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -402,7 +421,7 @@ or fewer colors in the image, each byte of image data contains an index value. I
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/mirror/index.html b/www/mirror/index.html
index 3e1fce282..d6565d661 100644
--- a/www/mirror/index.html
+++ b/www/mirror/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Mirror">
<meta property="og:description" content="ImageMagick source and binary distributions are available from a variety of mirrors around the world.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/mirror/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Mirror">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,13 +218,13 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">ImageMagick source and binary distributions are available from a variety of FTP and Web mirrors around the world listed below. ImageMagick stable and development source releases are also available from <a href="https://github.com/ImageMagick">Git</a>. Before you download, you may want to review recent <a href="../changelog/index.html">changes</a> to the ImageMagick distribution. The authoritative source code repository is <a href="https://github.com/ImageMagick/ImageMagick" rel="noopener noreferrer" target="_blank">https://github.com/ImageMagick</a>.</p>
-<p>The latest release of ImageMagick is version 7.1.2-27.</p>
+<p>The latest release of ImageMagick is version 7.1.2-31.</p>
<dl>
- <dt>Austrailia</dt>
+ <dt>Australia</dt>
<dd><a href="https://mirror.endianness.com/imagemagick" rel="noopener noreferrer" target="_blank">https://mirror.endianness.com/imagemagick</a></dd>
<dd><a href="https://mirror.aarnet.edu.au/pub/imagemagick/" rel="noopener noreferrer" target="_blank">https://mirror.aarnet.edu.au/pub/imagemagick/</a></dd>
<dt>Germany</dt>
@@ -235,12 +254,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -265,7 +284,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/mogrify/index.html b/www/mogrify/index.html
index 5c1b379b3..7e84eda68 100644
--- a/www/mogrify/index.html
+++ b/www/mogrify/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Mogrify">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/mogrify/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Mogrify">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#options">Option Summary</a></p>
@@ -240,7 +259,12 @@ rose:</p>
<p>The <code>mogrify</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
<th align="left">Option</th>
@@ -415,7 +439,7 @@ transparent, extract, background, or shape the alpha channel</td>
<tr>
<td><a href="../command-line-options/index.html#clamp">-clamp</a></td>
- <td>set each pixel whose value is below zero to zero and any the pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
+ <td>set each pixel whose value is below zero to zero and any pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
</tr>
<tr>
@@ -1475,16 +1499,17 @@ transparent, extract, background, or shape the alpha channel</td>
</tbody>
</table>
+</div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -1509,7 +1534,7 @@ transparent, extract, background, or shape the alpha channel</td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/montage/index.html b/www/montage/index.html
index e8bc053e3..385e75d07 100644
--- a/www/montage/index.html
+++ b/www/montage/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Montage">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/montage/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Montage">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#options">Option Summary</a></p>
@@ -255,7 +274,13 @@
<p>The <code>montage</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tbody>
<tr>
<th align="left">Option</th>
@@ -785,16 +810,17 @@ transparent, extract, background, or shape the alpha channel</td>
</tbody>
</table>
+</div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -819,7 +845,7 @@ transparent, extract, background, or shape the alpha channel</td>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/motion-picture/index.html b/www/motion-picture/index.html
index f6b78ba2e..4d5bdb3c4 100644
--- a/www/motion-picture/index.html
+++ b/www/motion-picture/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Motion Picture Digital Images</title>
- <meta name="description" content="">
+ <meta name="description" content="Learn how ImageMagick supports motion picture workflows with DPX, Cineon, and other film formats. Explore tools for reading, writing, and processing high‑resolution frames used in professional cinema production.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Motion Picture Digital Images">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/motion-picture/">
+ <meta property="og:description" content="Learn how ImageMagick supports motion picture workflows with DPX, Cineon, and other film formats. Explore tools for reading, writing, and processing high‑resolution frames used in professional cinema production.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Motion Picture Digital Images">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#log">Log Format</a> • <a href="#properties">DPX Properties</a> • <a href="#settings">DPX Settings</a></p>
@@ -318,12 +337,12 @@ dpx:user.data
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -348,7 +367,7 @@ dpx:user.data
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/multispectral-imagery/index.html b/www/multispectral-imagery/index.html
index dce92cb76..b0d58d750 100644
--- a/www/multispectral-imagery/index.html
+++ b/www/multispectral-imagery/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Multispectral Imagery">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/multispectral-imagery/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Multispectral Imagery">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">Multispectral imagery refers to images that are captured using multiple bands of the electromagnetic spectrum, beyond just the visible light spectrum. This means that they capture data across a wider range of wavelengths, from ultraviolet to infrared.</p>
<p>By capturing data across multiple spectral bands, multispectral imagery can provide additional information about the objects or scenes being imaged, such as their composition, temperature, and vegetation health. This information can be used for a wide range of applications, including agriculture, environmental monitoring, disaster response, and military surveillance.</p>
@@ -351,17 +370,17 @@ Image:
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><pre><samp>$ magick in.tiff -alpha opaque \( +clone -set colorspace sRGB -channel-fx "meta0=>red meta1=>green" \) -channel A -fx "(v.r+v.g)/2" +channel out.tiff</samp></pre></pre>
<br/>
<h5>Writing Multispectral Images</h5>
-<p>You can preserve multispectral images by writing them to a format that supports meta channels such as TIFF or PSD. If you write to other image formats that do not support multisprectal images, the channels are not preserved and instead lost-- e.g., PNG. In this example, we read, resize, and write a multispectral image:</p>
+<p>You can preserve multispectral images by writing them to a format that supports meta channels such as TIFF or PSD. If you write to other image formats that do not support multispectral images, the channels are not preserved and instead lost-- e.g., PNG. In this example, we read, resize, and write a multispectral image:</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><pre><samp>$ magick multiMeta.tif -resize 50% resizedMeta.tif</samp></pre></pre>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -386,7 +405,7 @@ Image:
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/news/index.html b/www/news/index.html
index b8f98ab1d..60e6f9ec4 100644
--- a/www/news/index.html
+++ b/www/news/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | News</title>
- <meta name="description" content="">
+ <meta name="description" content="Stay updated with the latest ImageMagick news, including major security improvements, feature enhancements, and development updates. Learn about new release notes, security policies, multispectral image support, and performance optimizations. Explore contributions from the community, related tools like MagickCache, and guidance for configuring builds across platforms.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | News">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/news/">
+ <meta property="og:description" content="Stay updated with the latest ImageMagick news, including major security improvements, feature enhancements, and development updates. Learn about new release notes, security policies, multispectral image support, and performance optimizations. Explore contributions from the community, related tools like MagickCache, and guidance for configuring builds across platforms.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | News">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
@@ -216,7 +235,7 @@
</a>
</p>
</div>
-<p>The <samp>$ magick convert</code> command is deprecated, use <code>magick</samp> instead. The deprecated command still works, however, it now posts a warning it is deprecated.</p>
+<p>The <code>magick convert</code> command is deprecated, use <code>magick</code> instead. The deprecated command still works, however, it now posts a warning it is deprecated.</p>
<p>Creating a security policy that fits your specific local environment before making use of ImageMagick is highly advised. You can find guidance on setting up this <a href="../security-policy/index.html">policy</a>. Also, it's important to verify your policy using the <a href="https://imagemagick-secevaluator.doyensec.com/">validation tool</a>. As of ImageMagick version 7.1.1-16, you can choose and customize one of these <a href="../security-policy/index.html">security policies</a>: Open, Limited, Secure, and Websafe.<p>
@@ -258,12 +277,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -288,7 +307,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/opencl/index.html b/www/opencl/index.html
index 415c70475..ace84923d 100644
--- a/www/opencl/index.html
+++ b/www/opencl/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Parallel Execution with OpenCL">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/opencl/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Parallel Execution with OpenCL">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,10 +218,10 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
-<p class="lead">ImageMagick has built-in support for some <a href="http://en.wikipedia.org/wiki/OpenCL">OpenCL</a> accelerated operations. However, there are some conditions for its operation. These requirements are listed below.</p>
+<p class="lead">ImageMagick has built-in support for some <a href="https://en.wikipedia.org/wiki/OpenCL">OpenCL</a> accelerated operations. However, there are some conditions for its operation. These requirements are listed below.</p>
<ol>
<li><strong>OS and drivers:</strong>
@@ -248,12 +267,12 @@ if (InitializeOpenCL(clEnv,exception) == MagickFalse)
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -278,7 +297,7 @@ if (InitializeOpenCL(clEnv,exception) == MagickFalse)
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/openmp/index.html b/www/openmp/index.html
index 80ce3f81b..9dbeca607 100644
--- a/www/openmp/index.html
+++ b/www/openmp/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Parallel Execution with OpenMP</title>
- <meta name="description" content="">
+ <meta name="description" content="Discover how ImageMagick leverages OpenMP for parallel execution, enabling faster image processing across multicore systems. Learn how threading boosts performance, how to benchmark efficiency, and how to configure builds with or without OpenMP support.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Parallel Execution with OpenMP">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/openmp/">
+ <meta property="og:description" content="Discover how ImageMagick leverages OpenMP for parallel execution, enabling faster image processing across multicore systems. Learn how threading boosts performance, how to benchmark efficiency, and how to configure builds with or without OpenMP support.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Parallel Execution with OpenMP">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,10 +218,10 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
-<p class="lead">Many of ImageMagick's internal algorithms are threaded to take advantage of speed-ups offered by the multicore processor chips and <a href="http://www.openmp.org/">OpenMP</a>. OpenMP, is an API specification for parallel programming. If your compiler supports OpenMP (e.g. gcc, Visual Studio 2005) directives, ImageMagick automatically includes support. To verify, look for the OpenMP feature of ImageMagick with this command:</p>
+<p class="lead">Many of ImageMagick's internal algorithms are threaded to take advantage of speed-ups offered by the multicore processor chips and <a href="https://www.openmp.org/">OpenMP</a>. OpenMP, is an API specification for parallel programming. If your compiler supports OpenMP (e.g. gcc, Visual Studio 2005) directives, ImageMagick automatically includes support. To verify, look for the OpenMP feature of ImageMagick with this command:</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><samp>$ magick identify -version
Version: ImageMagick 7.0.10-50 2021-01-04 Q16 https://imagemagick.org
Copyright: © 1999-2021 ImageMagick Studio LLC
@@ -225,12 +244,12 @@ Performance[8]: 40i 4.831ips 0.872e 15.680u 0:02.070</samp></pre>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -255,7 +274,7 @@ Performance[8]: 40i 4.831ips 0.872e 15.680u 0:02.070</samp></pre>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/perl-magick/index.html b/www/perl-magick/index.html
index 53359dd08..e365c07b6 100644
--- a/www/perl-magick/index.html
+++ b/www/perl-magick/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | PerlMagick, Perl API">
<meta property="og:description" content="Use PerlMagick to read, manipulate, or write an image or image sequence from within a Perl script.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/perl-magick/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | PerlMagick, Perl API">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,15 +218,15 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#installation">Installation</a> • <a href="#overview">Overview</a> • <a href="#example">Example Script</a> • <a href="#read">Read or Write an Image</a> • <a href="#manipulate">Manipulate an Image</a> • <a href="#set-attribute">Set an Image Attribute</a> • <a href="#get-attribute">Get an Image Attribute</a> • <a href="#compare">Compare an Image to its Reconstruction</a> • <a href="#montage">Create an Image Montage</a> • <a href="#blobs">Working with Blobs</a> • <a href="#direct-access">Direct-access to Image Pixels</a> • <a href="#miscellaneous">Miscellaneous Methods</a> • <a href="#exceptions">Handling Exceptions</a>• <a href="#constants">Constant</a> </p>
<a class="anchor" id="introduction"></a>
-<p class="lead"><a href="../download/index.html">PerlMagick</a> is an objected-oriented <a href="http://www.perl.com/perl/">Perl</a> interface to ImageMagick. Use the module to read, manipulate, or write an image or image sequence from within a Perl script. This makes it very suitable for Web CGI scripts. You must have ImageMagick 6.5.5 or above and Perl version 5.005_02 or greater installed on your system for PerlMagick to build properly.</p>
+<p class="lead"><a href="../download/index.html">PerlMagick</a> is an objected-oriented <a href="https://www.perl.org/">Perl</a> interface to ImageMagick. Use the module to read, manipulate, or write an image or image sequence from within a Perl script. This makes it very suitable for Web CGI scripts. You must have ImageMagick 6.5.5 or above and Perl version 5.005_02 or greater installed on your system for PerlMagick to build properly.</p>
-<p>There are a number of useful scripts available to show you the value of PerlMagick. You can do Web based image manipulation and conversion with <a href="https://download.imagemagick.org/archive/perl">MagickStudio</a>, or use <a href="https://github.com/ImageMagick/ImageMagick/tree/main/PerlMagick/demo/tree.pl">L-systems</a> to create images of plants using mathematical constructs, and finally navigate through collections of thumbnail images and select the image to view with the <a href="http://webmagick.sourceforge.net/">WebMagick Image Navigator</a>.</p>
+<p>There are a number of useful scripts available to show you the value of PerlMagick. You can do Web based image manipulation and conversion with <a href="https://download.imagemagick.org/archive/perl/">MagickStudio</a>, or use <a href="https://github.com/ImageMagick/ImageMagick/blob/main/PerlMagick/demo/tree.pl">L-systems</a> to create images of plants using mathematical constructs, and finally navigate through collections of thumbnail images and select the image to view with the <a href="https://webmagick.sourceforge.net/">WebMagick Image Navigator</a>.</p>
<p>You can try PerlMagick from your Web browser at the <a href="https://magickstudio.imagemagick.org/">ImageMagick Studio</a>. Or, you can see <a href="../examples/index.html">examples</a> of select PerlMagick functions.</p>
@@ -226,7 +245,7 @@
-<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-27/ImageMagick-7.1.2-27.7z">source</a>
+<a href="https://github.com/ImageMagick/ImageMagick/releases/download/7.1.2-31/ImageMagick-7.1.2-31.7z">source</a>
release.</p>
<p>Unpack the distribution with this command:</p>
@@ -236,7 +255,7 @@
<p>Next configure and compile ImageMagick:</p>
-<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>cd ImageMagick-7.1.2-27
+<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>cd ImageMagick-7.1.2-31
./configure -with-perl
make</code></pre>
@@ -421,7 +440,8 @@ $p->Convolve([1, 2, 1, 2, 4, 2, 1, 2, 1]); # 3x3 Gaussian kernel
<p>Use the methods listed below to either read, write, or display an image or image sequence:</p>
-<table class="table table-sm table-hover table-striped table-responsive caption-top">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped caption-top">
<caption>Read or Write Methods</caption>
<thead>
<colgroup>
@@ -468,6 +488,7 @@ $p->Convolve([1, 2, 1, 2, 4, 2, 1, 2, 1]); # 3x3 Gaussian kernel
</tr>
</tbody>
</table>
+</div>
<p>For convenience, methods Write(), Display(), and Animate() can take any parameter that <a href="#set-attribute">SetAttribute</a> knows about. For example,</p>
@@ -517,8 +538,8 @@ $image->[$x]->Frame("100x200");
<p>And here is a list of other image manipulation methods you can call:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive caption-top">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped caption-top">
<caption>Image Manipulation Methods</caption>
<thead>
<tr>
@@ -658,7 +679,7 @@ $image->[$x]->Frame("100x200");
<tr>
<td>Clamp</td>
<td>channel=>{Red, RGB, All, etc.}</td>
- <td>set each pixel whose value is below zero to zero and any the pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
+ <td>set each pixel whose value is below zero to zero and any pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</td>
</tr>
<tr>
@@ -1512,8 +1533,8 @@ can use the integers 1 and 0.</p>
<p>And here is a list of all the image attributes you can set:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive caption-top">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped caption-top">
<caption>Image Attributes</caption>
<thead>
<tr>
@@ -1934,8 +1955,8 @@ $width = $image->[3]->Get('columns');
<p>In addition to all the attributes listed in <a href="#set-attribute">Set an Image Attribute</a> , you can get these additional attributes:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive caption-top">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped caption-top">
<caption>Image Attributes</caption>
<thead>
<tr>
@@ -2204,13 +2225,14 @@ $width = $image->[3]->Get('columns');
<p>Mathematically and visually annotate the difference between an image and its reconstruction with the Compare() method. The method supports these parameters:</p>
-<table class="table table-sm table-hover table-striped table-responsive caption-top">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped caption-top">
<caption>Compare Parameters</caption>
<thead>
<tr>
<th>Parameter</th>
- <th style="width: 40%">Values</th>
- <th style="width: 40%">Description</th>
+ <th>Values</th>
+ <th>Description</th>
</tr>
</thead>
@@ -2266,14 +2288,14 @@ $difference->Display();
<p>And here is a list of Montage() parameters you can set:</p>
-<div class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive caption-top">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped caption-top">
<caption>Montage Parameters</caption>
<thead>
<tr>
<th>Parameter</th>
- <th style="width: 40%">Values</th>
- <th style="width: 40%">Description</th>
+ <th>Values</th>
+ <th>Description</th>
</tr>
</thead>
@@ -2397,7 +2419,8 @@ South, SouthEast</td>
format in memory instead of on disk. PerlMagick supports
blobs in any of these image <a href="../formats/index.html">formats</a> and provides methods to convert a blob to or from a particular image format.</p>
-<table class="table table-sm table-hover table-striped table-responsive caption-top">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped caption-top">
<caption>Blob Methods</caption>
<thead>
<tr>
@@ -2424,6 +2447,7 @@ blobs in any of these image <a href="../formats/index.html">formats</a> and prov
</tr>
</tbody>
</table>
+</div>
<p>ImageToBlob() returns the image data in their respective formats. You can then print it, save it to an ODBC database, write it to a file, or pipe it to a display program:</p>
@@ -2445,7 +2469,8 @@ $image->BlobToImage(@blob);
<p>Use these methods to obtain direct access to the image pixels:</p>
-<table class="table table-sm table-hover table-striped table-responsive caption-top">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped caption-top">
<caption>Direct-access to Image Pixels</caption>
<thead>
<tr>
@@ -2488,6 +2513,7 @@ $image->BlobToImage(@blob);
</tbody>
</table>
+</div>
<h2><a class="anchor" id="miscellaneous"></a>Miscellaneous Methods</h2>
@@ -2776,12 +2802,12 @@ XServerWarning
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -2806,7 +2832,7 @@ XServerWarning
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/porting/index.html b/www/porting/index.html
index b88c2e99e..3a7ecbb50 100644
--- a/www/porting/index.html
+++ b/www/porting/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Porting to ImageMagick Version 7">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/porting/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Porting to ImageMagick Version 7">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#imv7">ImageMagick Version 7</a> • <a href="#hdri">High Dynamic Range Imaging</a> • <a href="#channels">Pixel Channels</a> • <a href="#alpha">Alpha</a> • <a href="#grayscale">Grayscale</a> • <a href="#mask">Masks</a> • <a href="#core">MagickCore API</a> • <a href="#headers">Header Files</a> • <a href="#deprecate">Deprecated Features Removed</a> • <a href="#cli">Command-line Interface</a> • <a href="#performance">Performance Improvements</a> • <a href="#summary">Version 7 Change Summary</a> </p>
@@ -784,12 +803,12 @@ example "+annotate", "+resize", "+clut", and "+draw" .</p>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -814,7 +833,7 @@ example "+annotate", "+resize", "+clut", and "+draw" .</p>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/privacy-policy/index.html b/www/privacy-policy/index.html
index 704205c82..294018258 100644
--- a/www/privacy-policy/index.html
+++ b/www/privacy-policy/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Privacy Policy">
<meta property="og:description" content="ImageMagick does not collect any personal identifier information (PII).">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/privacy-policy/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Privacy Policy">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,20 +218,20 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">As the organization responsible for maintaining and distributing the open‑source ImageMagick software, ImageMagick Studio LLC does not collect, store, or process any personally identifiable information (PII). Likewise, the ImageMagick software itself is designed without mechanisms to gather PII from its users. Both the organization and the software distribution are committed to safeguarding user privacy by ensuring that no personal identifiers are collected during installation, configuration, or use.</p>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -237,7 +256,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/quantize/index.html b/www/quantize/index.html
index 91fa691b7..09aec372f 100644
--- a/www/quantize/index.html
+++ b/www/quantize/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Color Reduction Utilizing Adaptive Spatial Subdivision">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/quantize/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Color Reduction Utilizing Adaptive Spatial Subdivision">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#describe">Algorithm Description</a> • <a href="#measure">Measuring Color Reduction Error</a></p>
@@ -305,8 +324,8 @@ while number of nodes with (n2 > 0) > required maximum number of colors
<p>These errors are measured and printed when the <a href="../command-line-options/index.html#colors">-colors</a> and <a href="../command-line-options/index.html#verbose">-verbose</a> options are specified on the <a href="../magick/index.html">magick</a> command line:</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
<tr>
<td>mean error per pixel</td>
<td>is the mean error for any single pixel in the image.</td>
@@ -324,12 +343,12 @@ while number of nodes with (n2 > 0) > required maximum number of colors
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -354,7 +373,7 @@ while number of nodes with (n2 > 0) > required maximum number of colors
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/resources/index.html b/www/resources/index.html
index 72858a762..d98148261 100644
--- a/www/resources/index.html
+++ b/www/resources/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Resources</title>
- <meta name="description" content="Influence ImageMagick's default behavior with external configuration files and environment variables.">
+ <meta name="description" content="Learn about ImageMagick resources including configuration files, modules, fonts, and environment variables. Understand how XML files map formats, colors, delegates, locales, logging, and MIME types to support image processing.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Resources">
- <meta property="og:description" content="Influence ImageMagick's default behavior with external configuration files and environment variables.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/resources/">
+ <meta property="og:description" content="Learn about ImageMagick resources including configuration files, modules, fonts, and environment variables. Understand how XML files map formats, colors, delegates, locales, logging, and MIME types to support image processing.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Resources">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#configure">Configuration Files</a> • <a href="#modules">Modules</a> • <a href="#fonts">Fonts</a> • <a href="#environment">Environment Variables</a></p>
@@ -211,11 +230,6 @@
<p>ImageMagick depends on a number of external configuration files detailed here:</p>
<dl class="row">
-<dt class="col-md-4"><a href="https://imagemagick.org/source/coder.xml">coder.xml</a></dt>
- <dd class="col-md-8">Associate an image format with the specified coder module.
-
- ImageMagick has a number of coder modules to support the reading and/or writing of an image format (e.g. JPEG). Some coder modules support more than one associated image format and the mapping between an associated format and its respective coder module is defined in this configuration file. For example, the PNG coder module not only supports the PNG image format, but the JNG and MNG formats as well.
- </dd>
<dt class="col-md-4"><a href="https://imagemagick.org/source/colors.xml">colors.xml</a></dt>
<dd class="col-md-8">Associate a color name with its red, green, blue, and alpha intensities.
@@ -278,7 +292,7 @@ Use <code>width</code> to limit the maximum width of an image in pixels. Exceed
To limit the elapsed time of any ImageMagick command to 5 minutes, use this policy:
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code><policy domain="resource" name="time" value="300"/></code></pre>
-For convenience, define arguments for the memory, map, and disk resources with SI prefixes (.e.g 100MB). In addition, resource policies are maximums for each instance of ImageMagick (e.g. policy memory limit 1GB, the <code>-limit 2GB</code> option exceeds policy maximum so memory limit is 1GB). </dd>
+For convenience, define arguments for the memory, map, and disk resources with SI prefixes (e.g. 100MB). In addition, resource policies are maximums for each instance of ImageMagick (e.g. policy memory limit 1GB, the <code>-limit 2GB</code> option exceeds policy maximum so memory limit is 1GB). </dd>
<dt class="col-md-4"><a href="https://imagemagick.org/source/quantization-table.xml">quantization-table.xml</a></dt>
<dd class="col-md-8">Custom JPEG quantization tables. Activate with <code>-define:q-table=quantization-table.xml</code>.</dd>
@@ -300,7 +314,7 @@ For convenience, define arguments for the memory, map, and disk resources with S
<dd class="col-md-8">Associate names with Windows font glyphs.</dd>
</dl>
-<p>Under Linux and Linux, ImageMagick searches for each of the configuration files listed above by looking in the locations given below, in order, and loads them if found:</p>
+<p>Under Linux and Linux-like operating systems, ImageMagick searches for each of the configuration files listed above by looking in the locations given below, in order, and loads them if found:</p>
<pre class="p-3 mb-2 text-body-secondary bg-body-tertiary"><code>$MAGICK_CONFIGURE_PATH
$PREFIX/etc/ImageMagick-7
@@ -383,8 +397,12 @@ $MAGICK_FONT_PATH</code></pre>
<p>Environment variables recognized by ImageMagick include:</p>
-<div class="overflow-auto" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<td>HOME</td>
<td>Set path to search for configuration files in <code>$HOME/.config/ImageMagick</code> if the directory exists.</td>
@@ -495,17 +513,17 @@ $MAGICK_FONT_PATH</code></pre>
</tr>
</table></div>
-<p>Define arguments for the <code>MAGICK_MEMORY_LIMIT</code>, <code>MAGICK_DISK_LIMIT</code>, and <code>MAGICK_MEMORY_LIMIT</code> environment variables with SI prefixes (.e.g <code>100MB</code>). <code>MAGICK_WIDTH_LIMIT</code>, <code>MAGICK_HEIGHT_LIMIT</code> and <code>MAGICK_AREA_LIMIT</code> accepts pixel suffixes such as MP for mega-pixels (e.g. 100MP). Note, you can restrict limits relative to any <a href="../security-policy/index.html">security policies</a>, but you cannot relax them.</p>
+<p>Define arguments for the <code>MAGICK_MEMORY_LIMIT</code>, <code>MAGICK_DISK_LIMIT</code>, and <code>MAGICK_MEMORY_LIMIT</code> environment variables with SI prefixes (e.g. <code>100MB</code>). <code>MAGICK_WIDTH_LIMIT</code>, <code>MAGICK_HEIGHT_LIMIT</code> and <code>MAGICK_AREA_LIMIT</code> accepts pixel suffixes such as MP for mega-pixels (e.g. 100MP). Note, you can restrict limits relative to any <a href="../security-policy/index.html">security policies</a>, but you cannot relax them.</p>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -530,7 +548,7 @@ $MAGICK_FONT_PATH</code></pre>
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/search/index4840.html b/www/search/index4840.html
index e84e80948..1d6fa6ca8 100644
--- a/www/search/index4840.html
+++ b/www/search/index4840.html
@@ -1,10 +1,10 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
-<!-- Mirrored from imagemagick.org/search/?q=ImageMagick&sa= by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 14 Jul 2026 14:03:56 GMT -->
+<!-- Mirrored from imagemagick.org/search/?q=ImageMagick&sa= by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 26 Sep 2026 14:34:53 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8">
@@ -17,6 +17,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://cse.google.com/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -26,6 +27,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -50,12 +59,22 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Search">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
<meta property="og:url" content="https://imagemagick.org/search/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
@@ -67,7 +86,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Search">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -80,7 +99,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -201,20 +220,20 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead"> </p>
<div class="gcse-searchresults-only"></div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -239,7 +258,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
@@ -271,5 +290,5 @@
</body>
-<!-- Mirrored from imagemagick.org/search/?q=ImageMagick&sa= by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 14 Jul 2026 14:03:56 GMT -->
+<!-- Mirrored from imagemagick.org/search/?q=ImageMagick&sa= by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 26 Sep 2026 14:34:53 GMT -->
</html>
diff --git a/www/security-policy/index.html b/www/security-policy/index.html
index d9bcfe065..6c63bdcef 100644
--- a/www/security-policy/index.html
+++ b/www/security-policy/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Security Policy</title>
- <meta name="description" content="Establish a security policy suitable for your local environment before utilizing ImageMagick.">
+ <meta name="description" content="Learn how to configure and enforce ImageMagick’s security policy to balance functionality with protection. Explore policy options, open, limited, secure, and websafe—plus resource limits, coder restrictions, and best practices for safeguarding deployments in containers, servers, and public websites.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Security Policy">
- <meta property="og:description" content="Establish a security policy suitable for your local environment before utilizing ImageMagick.">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/security-policy/">
+ <meta property="og:description" content="Learn how to configure and enforce ImageMagick’s security policy to balance functionality with protection. Explore policy options, open, limited, secure, and websafe—plus resource limits, coder restrictions, and best practices for safeguarding deployments in containers, servers, and public websites.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Security Policy">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#policy">Security Policy </a> • <a href="#example">Example Security Policy</a> • <a href="#synchronize">Pixel Cache Synchronize Policy</a> • <a href="#zero-configuration">Zero Configuration Security Policy</a> • <a href="#other">Other Security Considerations</a></p>
@@ -209,6 +228,7 @@
<p>Establish a security policy suitable for your local environment before utilizing ImageMagick. ImageMagick’s security model is “everything allowed unless denied,” and the last matching policy wins. Be careful when adding new rules: any later policy can override earlier denies or allows. Place broad deny rules first, followed by specific exceptions, and review ordering to avoid accidental authorization.</p>
</div>
+
<p class="lead">ImageMagick is intentionally open by default, and that design choice reflects its primary use in controlled environments such as Docker containers or other sandboxed deployments.</p>
<p>Security always involves balancing protection against potential vulnerabilities with the practical need to get work done. In ImageMagick, the security policy is the mechanism that lets you tune that balance. It acts as the control point between strict lockdown and operational convenience, allowing you to decide which features, coders, and operations are permitted in your environment.</p>
<p>A well‑designed policy can:</p>
@@ -220,6 +240,11 @@
</ul>
<p>This flexibility is intentional. ImageMagick ships in an open state so it can be embedded into controlled environments, containers, pipelines, or isolated servers, where administrators can then tighten the policy to match their needs. <strong class="text-warning">The more untrusted input you expect to handle, the more restrictive your policy should be</strong>.</p>
+<p>ImageMagick generally evaluates security policies using a "last matching policy wins" model. For path policies, ImageMagick additionally evaluates canonical filesystem paths (resolved paths) and enforces canonical denies to prevent policy bypass through alternate path representations, symlinks, or path traversal tricks. As a result, path authorization may be more restrictive than a simple last-match-wins evaluation.<p>
+<p>Path policies are evaluated against both the supplied path and its canonical form. Canonical path denies cannot be bypassed by later rules that only match alternative lexical representations of the same filesystem location.</p>
+
+<h2><a class="anchor" id="environment"></a>Selecting the Right Security Policy for Your Environment</h2>
+
<p>To ensure optimal security, you can restrict ImageMagick to only reading or writing web-safe image formats like GIF, JPEG, and PNG. Alternatively, you can customize the security policy to fit the needs of your local environment or organizational policies. This policy can include details such as memory usage limits, allowed paths for reading and writing, limits on the number of images in a sequence, maximum workflow runtime, allowed disk space for image pixels, a secret passphrase for remote connections, and which coders are permitted or denied. By customizing the security policy, you can help secure your environment and ensure that ImageMagick is a responsible member of your local system, such as by preventing overloading with large images.</p>
<p>It is important to set limits on ImageMagick's resource usage to prevent potentially harmful situations. For example, if you accidentally download an image from the internet that has been crafted to generate a very large image (e.g., 20000 by 20000 pixels), ImageMagick may try to allocate the necessary resources (such as memory and disk space) and your system may deny the request or cause the program to exit. Alternatively, your computer may become temporarily slow or unresponsive, or ImageMagick may be forced to abort. To avoid such situations, you can set limits in the <a href="../source/policy-open.xml">policy.xml</a> configuration file.</p>
@@ -251,16 +276,16 @@
<pre class="overflow-auto p-3 mb-2 text-body-secondary bg-body-tertiary" style="max-height:75svh;"><code><?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE policymap [
-<!ELEMENT policymap (policy)*>
-<!ATTLIST policymap xmlns CDATA #FIXED "">
-<!ELEMENT policy EMPTY>
-<!ATTLIST policy xmlns CDATA #FIXED "">
-<!ATTLIST policy domain NMTOKEN #REQUIRED>
-<!ATTLIST policy name NMTOKEN #IMPLIED>
-<!ATTLIST policy pattern CDATA #IMPLIED>
-<!ATTLIST policy rights NMTOKEN #IMPLIED>
-<!ATTLIST policy stealth NMTOKEN #IMPLIED>
-<!ATTLIST policy value CDATA #IMPLIED>
+ <!ELEMENT policymap (policy)*>
+ <!ATTLIST policymap xmlns CDATA #FIXED "">
+ <!ELEMENT policy EMPTY>
+ <!ATTLIST policy xmlns CDATA #FIXED "">
+ <!ATTLIST policy domain NMTOKEN #REQUIRED>
+ <!ATTLIST policy name NMTOKEN #IMPLIED>
+ <!ATTLIST policy pattern CDATA #IMPLIED>
+ <!ATTLIST policy rights NMTOKEN #IMPLIED>
+ <!ATTLIST policy stealth NMTOKEN #IMPLIED>
+ <!ATTLIST policy value CDATA #IMPLIED>
]>
<!--
Creating a security policy that fits your specific local environment
@@ -289,7 +314,7 @@
<policymap>
<!-- Set maximum parallel threads. -->
<policy domain="resource" name="thread" value="2"/>
- <!-- Set maximum time in seconds or neumonics, e.g. "2 minutes". When this
+ <!-- Set maximum time in seconds or mnemonics, e.g. "2 minutes". When this
limit is exceeded, an exception is thrown and processing stops. -->
<policy domain="resource" name="time" value="60"/>
<!-- Set maximum number of open pixel cache files. When this limit is
@@ -363,7 +388,8 @@
<policy domain="system" name="max-memory-request" value="256MiB"/>
<!-- If the basename of path is a symbolic link, the open fails -->
<policy domain="system" name="symlink" rights="none" pattern="follow"/>
- <!-- Blocks all SVG entity‑substitution attempts by denying the svg:substitute-entities define -->
+ <!-- Blocks all SVG entity‑substitution attempts by denying the
+ svg:substitute-entities define -->
<policy domain="system" name="svg" rights="none" pattern="substitute-entities"/>
</policymap></code></pre>
@@ -523,12 +549,12 @@ Path: [built-in]
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -553,7 +579,7 @@ Path: [built-in]
<a href="index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/sitemap/index.html b/www/sitemap/index.html
index 00abd34bc..ee31e72b4 100644
--- a/www/sitemap/index.html
+++ b/www/sitemap/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Sitemap</title>
- <meta name="description" content="">
+ <meta name="description" content="Explore the ImageMagick sitemap for quick access to downloads, installation guides, command-line tools, APIs, supported formats, tutorials, and community support. Navigate directly to resources for creating, editing, and converting images across 200+ formats.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Sitemap">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/sitemap/">
+ <meta property="og:description" content="Explore the ImageMagick sitemap for quick access to downloads, installation guides, command-line tools, APIs, supported formats, tutorials, and community support. Navigate directly to resources for creating, editing, and converting images across 200+ formats.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Sitemap">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#overview">Overview</a> • <a href="#download">Download ImageMagick</a> • <a href="#install">Install ImageMagick</a> • <a href="#command-line">Command-line Tools</a> • <a href="#program-interfaces">Program Interfaces</a> • <a href="#formats">Image Formats</a> • <a href="#help">Getting Help</a> • <a href="#support">Support ImageMagick</a> • <a href="#miscellaneous">Miscellaneous Topics</a></p>
@@ -230,9 +249,9 @@
<dl >
<li><a href="../download/index.html">Download ImageMagick</a>: ImageMagick source and binary distributions are available from a variety of FTP and Web mirrors.</li>
- <li><a href="https://download.imagemagick.org/archive">Linux source</a>: Linux source distributions.</li>
- <li><a href="https://download.imagemagick.org/archive/windows">Windows source</a>: Windows source distributions.</li>
- <li><a href="https://download.imagemagick.org/archive/binaries">Linux and Windows binaries</a>: Linux and Windows binary distributions.</li>
+ <li><a href="https://download.imagemagick.org/archive/">Linux source</a>: Linux source distributions.</li>
+ <li><a href="https://download.imagemagick.org/archive/windows/">Windows source</a>: Windows source distributions.</li>
+ <li><a href="https://download.imagemagick.org/archive/binaries/">Linux and Windows binaries</a>: Linux and Windows binary distributions.</li>
<li><a href="https://github.com/ImageMagick/ImageMagick">Git repository</a>: stable and development source releases.</li>
</dl>
@@ -277,12 +296,12 @@
<li><a href="https://github.com/techblue/jmagick">JMagick</a>: provides an object-oriented Java interface to ImageMagick.</li>
<li><a href="../magick-core/index.html">MagickCore</a>: C API, recommended for wizard-level developers.</li>
<li><a href="../magick-wand/index.html">MagickWand</a>: convert, compose, and edit images from the C language.</li>
- <li><a href="http://code.google.com/p/nmagick">nMagick</a>: is a port of the ImageMagick library to the haXe and Neko platforms.</li>
- <li><a href="http://wiki.freepascal.org/PascalMagick">PascalMagick</a>: a Pascal binding for the MagickWand API and also the low-level MagickCore library.</li>
+ <li><a href="https://code.google.com/archive/p/nmagick">nMagick</a>: is a port of the ImageMagick library to the haXe and Neko platforms.</li>
+ <li><a href="https://wiki.freepascal.org/PascalMagick">PascalMagick</a>: a Pascal binding for the MagickWand API and also the low-level MagickCore library.</li>
<li><a href="../perl-magick/index.html">PerlMagick</a>: convert, compose, and edit images from the Perl language.</li>
<li><a href="https://download.imagemagick.org/archive/python/">PythonMagick</a>: an object-oriented Python interface to ImageMagick.</li>
- <li><a href="http://rmagick.rubyforge.org/">RMagick</a>: is an interface between the Ruby programming language and ImageMagick.</li>
- <li><a href="https://download.imagemagick.org/archive/tcl">TclMagick</a>: a native Tcl-extension to the ImageMagick MagickWand API.</li>
+ <li><a href="https://rmagick.github.io/">RMagick</a>: is an interface between the Ruby programming language and ImageMagick.</li>
+ <li><a href="https://download.imagemagick.org/archive/tcl/">TclMagick</a>: a native Tcl-extension to the ImageMagick MagickWand API.</li>
</ul></li>
</dl>
@@ -309,8 +328,12 @@
</dl>
<h2><a class="anchor" id="miscellaneous"></a>Miscellaneous Topics</h2>
-<div class="overflow-auto" style="max-height:75svh;">
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<tr>
<td><a href="https://usage.imagemagick.org/anim_basics/">Animation</a></td>
<td>create a GIF animation sequence from a group of images.</td>
@@ -343,6 +366,10 @@
<td><a href="../connected-components/index.html">Connected component labeling</a></td>
<td>uniquely label connected regions in an image.</td>
</tr>
+ <tr>
+ <td><a href="../content-provenance-authenticity/index.html">Content provenance authenticity</a></td>
+ <td>embed and verify content provenance using cryptographic keys, certificates, and manifests. This enables trusted workflows for digital assets.</td>
+ </tr>
<tr>
<td><a href="../convex-hull/index.html">Convex hull</a></td>
<td>smallest area convex polygon containing the image foreground objects. In addition, the minimum bounding box and unrotate angle are also generated.</td>
@@ -353,7 +380,7 @@
</tr>
<tr>
<td><a href="https://usage.imagemagick.org/transform/#vision">Delineate image features</a></td>
- <td><a href="http://usage.imagemagick.org/transform/#canny">Canny edge detection</a>, <a href="../command-line-options/index.html#hough-lines">Hough lines</a>.</td>
+ <td><a href="https://usage.imagemagick.org/transform/#canny">Canny edge detection</a>, <a href="../command-line-options/index.html#hough-lines">Hough lines</a>.</td>
</tr>
<tr>
<td><a href="https://usage.imagemagick.org/fourier/">Discrete Fourier transform</a></td>
@@ -409,7 +436,7 @@
</tr>
<tr>
<td><a href="../download/index.html#iOS">ImageMagick on the iPhone</a></td>
- <td>convert, edit, or compose images on your <a href="https://www.apple.com/ios/">iOS</a> device such as the iPhone or iPad.</td>
+ <td>convert, edit, or compose images on your <a href="https://www.apple.com/os/ios/">iOS</a> device such as the iPhone or iPad.</td>
</tr>
<tr>
<td><a href="../architecture/index.html#tera-pixel">Large image support</a></td>
@@ -473,12 +500,12 @@
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -503,7 +530,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="index.html">Sitemap</a>
diff --git a/www/source/policy-limited.xml b/www/source/policy-limited.xml
index 4c400e9dc..d5968dee7 100644
--- a/www/source/policy-limited.xml
+++ b/www/source/policy-limited.xml
@@ -1,19 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE policymap [
<!ELEMENT policymap (policy)*>
- <!ATTLIST policymap xmlns CDATA #FIXED ''>
+ <!ATTLIST policymap
+ xmlns CDATA #FIXED ""
+ >
+
<!ELEMENT policy EMPTY>
- <!ATTLIST policy xmlns CDATA #FIXED '' domain NMTOKEN #REQUIRED
- name NMTOKEN #IMPLIED pattern CDATA #IMPLIED rights NMTOKEN #IMPLIED
- stealth NMTOKEN #IMPLIED value CDATA #IMPLIED>
+ <!ATTLIST policy
+ xmlns CDATA #FIXED ""
+ domain NMTOKEN #REQUIRED
+ name NMTOKEN #IMPLIED
+ pattern CDATA #IMPLIED
+ rights NMTOKEN #IMPLIED
+ stealth NMTOKEN #IMPLIED
+ value CDATA #IMPLIED
+ >
]>
<!--
Creating a security policy that fits your specific local environment
before making use of ImageMagick is highly advised. You can find guidance on
- setting up this policy at https://imagemagick.org/security-policy/,
+ setting up this policy at https://imagemagick.org/script/security-policy.php,
and it's important to verify your policy using the validation tool located
- at https://imagemagick-secevaluator.doyensec.com/. We also strongly
- recommend that all users validate their security assumptions by testing their configurations after making any policy changes. This helps ensure that the
+ at https://imagemagick-secevaluator.doyensec.com/. We also strongly
+ recommend that all users validate their security assumptions by testing their
+ configurations after making any policy changes. This helps ensure that the
intended restrictions are functioning as expected in their specific
deployment environment.
@@ -88,7 +98,7 @@
<!-- Indirect reads are not permitted. -->
<policy domain="path" rights="none" pattern="@*"/>
<!-- These image types are security risks on read, but write is fine -->
- <policy domain="module" rights="write" pattern="{MSL,MVG,PS,SVG,TEXT,URL,XPS}"/>
+ <policy domain="module" rights="write" pattern="{MSL,MVG,PS,SVG,TXT,URL,XPS}"/>
<!-- This policy sets the number of times to replace content of certain
memory buffers and temporary files before they are freed or deleted. -->
<!-- <policy domain="system" name="shred" value="1"/> -->
diff --git a/www/source/policy-open.xml b/www/source/policy-open.xml
index 2326be343..b77f19b01 100644
--- a/www/source/policy-open.xml
+++ b/www/source/policy-open.xml
@@ -1,23 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE policymap [
-<!ELEMENT policymap (policy)*>
-<!ATTLIST policymap xmlns CDATA #FIXED "">
-<!ELEMENT policy EMPTY>
-<!ATTLIST policy xmlns CDATA #FIXED "">
-<!ATTLIST policy domain NMTOKEN #REQUIRED>
-<!ATTLIST policy name NMTOKEN #IMPLIED>
-<!ATTLIST policy pattern CDATA #IMPLIED>
-<!ATTLIST policy rights NMTOKEN #IMPLIED>
-<!ATTLIST policy stealth NMTOKEN #IMPLIED>
-<!ATTLIST policy value CDATA #IMPLIED>
+ <!ELEMENT policymap (policy)*>
+ <!ATTLIST policymap
+ xmlns CDATA #FIXED ""
+ >
+
+ <!ELEMENT policy EMPTY>
+ <!ATTLIST policy
+ xmlns CDATA #FIXED ""
+ domain NMTOKEN #REQUIRED
+ name NMTOKEN #IMPLIED
+ pattern CDATA #IMPLIED
+ rights NMTOKEN #IMPLIED
+ stealth NMTOKEN #IMPLIED
+ value CDATA #IMPLIED
+ >
]>
<!--
Creating a security policy that fits your specific local environment
before making use of ImageMagick is highly advised. You can find guidance on
- setting up this policy at https://imagemagick.org/security-policy/,
+ setting up this policy at https://imagemagick.org/script/security-policy.php,
and it's important to verify your policy using the validation tool located
- at https://imagemagick-secevaluator.doyensec.com/. We also strongly
- recommend that all users validate their security assumptions by testing their configurations after making any policy changes. This helps ensure that the
+ at https://imagemagick-secevaluator.doyensec.com/. We also strongly
+ recommend that all users validate their security assumptions by testing their
+ configurations after making any policy changes. This helps ensure that the
intended restrictions are functioning as expected in their specific
deployment environment.
@@ -81,7 +87,7 @@
<policy domain="coder" rights="none" pattern="*" />
<policy domain="coder" rights="read|write" pattern="{GIF,JPEG,PNG,WEBP}" />
- See https://imagemagick.org/security-policy/ for a deeper
+ See https://imagemagick.org/script/security-policy.php for a deeper
understanding of ImageMagick security policies.
-->
<policymap>
@@ -143,7 +149,7 @@
<!-- Indirect reads are not permitted. -->
<!-- <policy domain="path" rights="none" pattern="@*"/> -->
<!-- These image types are security risks on read, but write is fine -->
- <!-- <policy domain="module" rights="write" pattern="{MSL,MVG,PS,SVG,TEXT,URL,XPS}"/> -->
+ <!-- <policy domain="module" rights="write" pattern="{MSL,MVG,PS,SVG,TXT,URL,XPS}"/> -->
<!-- This policy sets the number of times to replace content of certain
memory buffers and temporary files before they are freed or deleted. -->
<!-- <policy domain="system" name="shred" value="1"/> -->
@@ -153,6 +159,12 @@
<!-- Set the maximum amount of memory in bytes that are permitted for
allocation requests. -->
<!-- <policy domain="system" name="max-memory-request" value="256MiB"/> -->
+ <!-- If the basename of path is a symbolic link, the open fails -->
+ <!-- <policy domain="system" name="symlink" rights="none" pattern="follow"/> -->
<!-- Blocks all SVG entity‑substitution attempts by denying the svg:substitute-entities define -->
<!-- <policy domain="system" name="svg" rights="none" pattern="substitute-entities"/> -->
+ <!-- Set the maximum distributed pixel cache clients -->
+ <!-- <policy domain="cache" name="max-dpc-clients" value="128"/> -->
+ <!-- Set the maximum distributed pixel cache unauthenticated clients -->
+ <!-- <policy domain="cache" name="max-dpc-unauthenticated-clients" value="16"/> -->
</policymap>
diff --git a/www/source/policy-secure.xml b/www/source/policy-secure.xml
index ea82d21ec..b328769ac 100644
--- a/www/source/policy-secure.xml
+++ b/www/source/policy-secure.xml
@@ -1,23 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE policymap [
-<!ELEMENT policymap (policy)*>
-<!ATTLIST policymap xmlns CDATA #FIXED "">
-<!ELEMENT policy EMPTY>
-<!ATTLIST policy xmlns CDATA #FIXED "">
-<!ATTLIST policy domain NMTOKEN #REQUIRED>
-<!ATTLIST policy name NMTOKEN #IMPLIED>
-<!ATTLIST policy pattern CDATA #IMPLIED>
-<!ATTLIST policy rights NMTOKEN #IMPLIED>
-<!ATTLIST policy stealth NMTOKEN #IMPLIED>
-<!ATTLIST policy value CDATA #IMPLIED>
+ <!ELEMENT policymap (policy)*>
+ <!ATTLIST policymap
+ xmlns CDATA #FIXED ""
+ >
+
+ <!ELEMENT policy EMPTY>
+ <!ATTLIST policy
+ xmlns CDATA #FIXED ""
+ domain NMTOKEN #REQUIRED
+ name NMTOKEN #IMPLIED
+ pattern CDATA #IMPLIED
+ rights NMTOKEN #IMPLIED
+ stealth NMTOKEN #IMPLIED
+ value CDATA #IMPLIED
+ >
]>
<!--
Creating a security policy that fits your specific local environment
before making use of ImageMagick is highly advised. You can find guidance on
- setting up this policy at https://imagemagick.org/security-policy/,
+ setting up this policy at https://imagemagick.org/script/security-policy.php,
and it's important to verify your policy using the validation tool located
- at https://imagemagick-secevaluator.doyensec.com/. We also strongly
- recommend that all users validate their security assumptions by testing their configurations after making any policy changes. This helps ensure that the
+ at https://imagemagick-secevaluator.doyensec.com/. We also strongly
+ recommend that all users validate their security assumptions by testing their
+ configurations after making any policy changes. This helps ensure that the
intended restrictions are functioning as expected in their specific
deployment environment.
@@ -101,7 +107,7 @@
<!-- Indirect reading is not permitted. -->
<policy domain="path" rights="none" pattern="@*"/>
<!-- These image types are security risks on read, but write is fine -->
- <policy domain="module" rights="write" pattern="{MSL,MVG,PS,SVG,TEXT,URL,XPS}"/>
+ <policy domain="module" rights="write" pattern="{MSL,MVG,PS,SVG,TXT,URL,XPS}"/>
<!-- This policy sets the number of times to replace content of certain
memory buffers and temporary files before they are freed or deleted. -->
<policy domain="system" name="shred" value="1"/>
diff --git a/www/source/policy-websafe.xml b/www/source/policy-websafe.xml
index 6c7426e05..856ba8897 100644
--- a/www/source/policy-websafe.xml
+++ b/www/source/policy-websafe.xml
@@ -1,23 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE policymap [
-<!ELEMENT policymap (policy)*>
-<!ATTLIST policymap xmlns CDATA #FIXED "">
-<!ELEMENT policy EMPTY>
-<!ATTLIST policy xmlns CDATA #FIXED "">
-<!ATTLIST policy domain NMTOKEN #REQUIRED>
-<!ATTLIST policy name NMTOKEN #IMPLIED>
-<!ATTLIST policy pattern CDATA #IMPLIED>
-<!ATTLIST policy rights NMTOKEN #IMPLIED>
-<!ATTLIST policy stealth NMTOKEN #IMPLIED>
-<!ATTLIST policy value CDATA #IMPLIED>
+ <!ELEMENT policymap (policy)*>
+ <!ATTLIST policymap
+ xmlns CDATA #FIXED ""
+ >
+
+ <!ELEMENT policy EMPTY>
+ <!ATTLIST policy
+ xmlns CDATA #FIXED ""
+ domain NMTOKEN #REQUIRED
+ name NMTOKEN #IMPLIED
+ pattern CDATA #IMPLIED
+ rights NMTOKEN #IMPLIED
+ stealth NMTOKEN #IMPLIED
+ value CDATA #IMPLIED
+ >
]>
<!--
Creating a security policy that fits your specific local environment
before making use of ImageMagick is highly advised. You can find guidance on
- setting up this policy at https://imagemagick.org/security-policy/,
+ setting up this policy at https://imagemagick.org/script/security-policy.php,
and it's important to verify your policy using the validation tool located
- at https://imagemagick-secevaluator.doyensec.com/. We also strongly
- recommend that all users validate their security assumptions by testing their configurations after making any policy changes. This helps ensure that the
+ at https://imagemagick-secevaluator.doyensec.com/. We also strongly
+ recommend that all users validate their security assumptions by testing their
+ configurations after making any policy changes. This helps ensure that the
intended restrictions are functioning as expected in their specific
deployment environment.
diff --git a/www/stream/index.html b/www/stream/index.html
index 693ca9b6d..5f47a6dac 100644
--- a/www/stream/index.html
+++ b/www/stream/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Command-line Tools: Stream">
<meta property="og:description" content="Stream one or more pixel components of the image or portion of the image to your choice of storage formats">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/stream/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Command-line Tools: Stream">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#usage">Example Usage</a> • <a href="#options">Option Summary</a></p>
@@ -231,7 +250,13 @@ $ magick display -depth 8 -size 640x480 rgb:pixels.dat
<p>The <code>stream</code> command recognizes these options. Click on an option to get more details about how that option works.</p>
-<table class="table table-sm table-hover table-striped table-responsive">
+
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<thead>
<tr>
<th scope="col">Option</th>
@@ -396,16 +421,17 @@ $ magick display -depth 8 -size 640x480 rgb:pixels.dat
</tbody>
</table>
+</div>
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -430,7 +456,7 @@ $ magick display -depth 8 -size 640x480 rgb:pixels.dat
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/support/index.html b/www/support/index.html
index 94a12b833..91f4f21bb 100644
--- a/www/support/index.html
+++ b/www/support/index.html
@@ -1,20 +1,21 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ImageMagick | Sponsor ImageMagick Development</title>
- <meta name="description" content="">
+ <meta name="description" content="Support ImageMagick development by sponsoring, contributing code, or donating resources. Help maintain one of the most comprehensive free image processing suites used worldwide in web, publishing, and film industries.">
<link rel="canonical" href="index.html">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Sponsor ImageMagick Development">
- <meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/support/">
+ <meta property="og:description" content="Support ImageMagick development by sponsoring, contributing code, or donating resources. Help maintain one of the most comprehensive free image processing suites used worldwide in web, publishing, and film industries.">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Sponsor ImageMagick Development">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="text-center"><a href="#contribute">Contribute a Bug Fix or Enhancement</a> • <a href="#support">Sponsor the ImageMagick Project</a></p>
@@ -266,12 +285,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -296,7 +315,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/vpat/index.html b/www/vpat/index.html
index f84c25b3d..836b36eb3 100644
--- a/www/vpat/index.html
+++ b/www/vpat/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | Voluntary Product Accessibility Template">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/vpat/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | Voluntary Product Accessibility Template">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">The Voluntary Product Accessibility Template (VPAT) is a document that describes how an information technology (IT) product, such as software, hardware, or web-based applications, meets the accessibility standards defined by Section 508 of the Rehabilitation Act. This VPAT describes the accessibility features of the ImageMagick open-source project.</p>
@@ -252,12 +271,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -282,7 +301,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>
diff --git a/www/webp/index.html b/www/webp/index.html
index db42f7ac6..9309c2f32 100644
--- a/www/webp/index.html
+++ b/www/webp/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html lang="en" data-bs-theme="auto">
<head>
@@ -15,6 +15,7 @@
<meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4">
<link rel="shortcut icon" href="../image/wand.png" type="image/png">
<link rel="apple-touch-icon" href="../image/wand.png" type="image/png">
+ <link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://localhost/">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" as="style" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" crossorigin="anonymous">
@@ -24,6 +25,14 @@
scroll-padding-top: 70px;
}
+ iframe {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 400px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ }
+
a.nav-link:hover,
a.dropdown-item:hover {
color: #ffc107 !important;
@@ -48,13 +57,23 @@
:root {
--bs-code-color: revert;
}
+
+ .table {
+ table-layout: fixed; /* force equal distribution of width */
+ width: 100%; /* table spans full container */
+ }
+
+ .table td, .table th {
+ white-space: normal; /* allow wrapping */
+ word-break: break-word; /* break long words/strings */
+ }
</style>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ImageMagick | WebP Encoding Options">
<meta property="og:description" content="">
- <meta property="og:image" content="https://imagemagick.org/image/logo.png">
- <meta property="og:logo" content="https://imagemagick.org/image/logo.png">
- <meta property="og:url" content="https://imagemagick.org/webp/">
+ <meta property="og:image" content="../image/logo.png">
+ <meta property="og:logo" content="../image/logo.png">
+ <meta property="og:url" content="index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ImageMagick">
<meta property="og:locale" content="en_us">
@@ -65,7 +84,7 @@
<meta name="twitter:creator" content="@imagemagick">
<meta name="twitter:title" content="ImageMagick | WebP Encoding Options">
<meta name="twitter:description" content="$this->description">
- <meta name="twitter:image" content="https://imagemagick.org/image/logo.png">
+ <meta name="twitter:image" content="../image/logo.png">
<meta name="twitter:image:alt" content="ImageMagick logo and tag line">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
@@ -78,7 +97,7 @@
"description": "$this->description",
"applicationCategory": "Multimedia",
"operatingSystem": "Windows, macOS, Linux, Unix",
- "softwareVersion": "7.1.2-27",
+ "softwareVersion": "7.1.2-31",
"license": "https://imagemagick.org/license/",
"creator": {
"@type": "Organization",
@@ -199,8 +218,8 @@
</header>
<main role="main" class="container">
- <div class="row g-5">
- <div class="col-md-9">
+ <div class="row g-4">
+ <div class="col-lg-9 col-12">
<div>
<p class="lead">ImageMagick's WebP image format accepts a plethora of encoding options as detailed below. The default encoding options are:<p>
@@ -266,8 +285,12 @@
<p>Here is a complete list of WebP encoding options:</p>
-<div>
-<table class="table table-sm table-hover table-striped table-responsive">
+<div style="max-height:75svh; overflow-y:auto; overflow-x:hidden;">
+<table class="table table-sm table-hover table-striped">
+ <colgroup>
+ <col style="width:30%">
+ <col style="width:70%">
+ </colgroup>
<thead>
<tr>
<th scope="col">Option</th>
@@ -374,12 +397,12 @@
</div>
</div>
- <div class="col-md-3">
+ <div class="col-lg-3 col-12 ps-lg-4 border-start d-flex flex-column align-items-center align-items-lg-start">
<div class="container text-center my-3">
<a href="../image/wizard.png" rel="noopener noreferrer" target="_blank">
- <img alt="The Tao of the Spiritual Warrior" class="img-fluid img-thumbnail" height="1468" loading="lazy" src="../image/wizard.png" width="1104">
+ <img alt="ImageMagick Wizard" class="img-fluid img-thumbnail" height="351" loading="lazy" src="../image/wizard.jpg" width="264">
</a>
- <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border: 0;"></iframe></p>
+ <p class="mt-2"><iframe src="https://github.com/sponsors/ImageMagick/button" title="Sponsor ImageMagick" height="35" width="107" style="border:0 !important; width:107px !important; height:35px !important;"></iframe></p>
</div>
<div class="container text-center my-3">
<script async src="https://localhost/pagead/js/adsbygoogle.js?client=ca-pub-3129977114552745"
@@ -404,7 +427,7 @@
<a href="../security-policy/index.html">Security</a> •
<a href="../news/index.html">News</a>
- <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.ico"></a>
+ <a href="#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../image/wand.png"></a>
<a href="../links/index.html">Related</a> •
<a href="../sitemap/index.html">Sitemap</a>