Creating Thumbnails with GraphicsMagick

100%

Creating Thumbnails with GraphicsMagick

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Oct 25, 2012

This example demonstrates a batch image processing workflow using GraphicsMagick’s `gm convert` command. It shows how to automatically generate uniform thumbnails from a folder of PNG images, first cropping each source to a 1920x1000 region offset by (312, 510) pixels, then resizing the crop to 230x120 pixels. The shell script iterates over all PNG files in the `source` directory, processes each one, and saves the results to a `target` folder. The approach relies on Bash array expansion and the `gm` command-line tool’s `-crop` and `-resize` operators.

AI-generated description

Finds PNG images in the source folder, and saves corresponding thumbnails to the target folder.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

GraphicsMagick Cheat Sheet

This example presents a single-shell cheat sheet for GraphicsMagick, a command-line image processing tool. It demonstrates how to make a non-square image square by adding transparent padding using the `montage` command with `-geometry 1024x1024` and `-background none`. The displayed code shows the exact shell syntax and flags needed to achieve this operation, serving as a quick reference for users. The visualization itself is a static code listing, with the rendering approach being the monospaced text output of the script.

Mmbostock

64% match

Loading thumbnail…

Simple script to crop pokemon card images

This example is a batch script that crops Pokémon card images into a uniform size and applies a rounded-corner mask. It processes image files by dragging them onto the script or running it in a folder, writing cropped PNGs to an output directory. The script uses ImageMagick’s `magick` command-line tool to perform image identification, cropping, and compositing, specifically leveraging the `identify` operation for dimensions and `convert`-style options for the mask overlay. It also includes a fallback to install ImageMagick via Windows Package Manager (`winget`) if not found.

KKevinGutowski

63% match

Loading thumbnail…

Screen Recording to GIF

This example shows how to convert a screen recording into an animated GIF using command-line tools. It first generates a color palette from the video with FFmpeg’s `palettegen` filter, then applies that palette with `paletteuse` to produce a high-quality GIF. The workflow also supports optional frame dropping via `fps` and cropping through FFmpeg’s `crop` filter. The code relies solely on FFmpeg and Gifsicle, with QuickTime Player used for the initial recording.

Mmbostock

55% match

Loading thumbnail…

make a large png from map tiles

This example stitches map tiles into a single large PNG image. It constructs a grid of tiles by fetching them from a specified tile server URL using `wget`, then assembles them with ImageMagick’s `montage` command, first creating vertical bands per column and then concatenating those bands horizontally. The code handles tile caching in a temporary directory, detects image formats with `identify`, and substitutes missing tiles with a placeholder. The process is driven by command-line arguments specifying zoom level and tile coordinates.

PPhilippe Rivière

53% match

Loading thumbnail…

Screen Recording to GIF

This example demonstrates a command-line workflow for converting a QuickTime screen recording into an optimized GIF. It first uses ffmpeg to extract frames at 24 fps, then ImageMagick’s `convert` to build a palette from the first frame, remap all frames with `-remap` for color reduction, and finally gifsicle with `--optimize=3` to compress the output. A resize option via gifsicle shows how to scale the final image, while the code notes alternative tools like LICEcap and the trade-offs of uploading MOV files to Twitter.

11wheel

52% match

Loading thumbnail…

Gist bcaa860506520cefb711aa4a9f885c12

This example assembles a large sprite sheet of data visualization badges, arranging hundreds of PNG icons into a single 8192-pixel square grid. It shows the process of converting individual SVG badge files into a unified texture atlas for efficient loading in a projector tool. The script uses Python’s Pillow library (`Image.open`, `resize`, `paste`) to read, scale, and tile each icon, while calculating the grid dimensions with `math.sqrt`. It sorts the source files from a local SVG directory, converts them to PNGs, and saves the final composite to `sprite_image.png`.

11wheel

51% match

Loading thumbnail…

myByways SVG to PNG Converter

This example is a tool for converting SVG images into PNG files directly in the browser. It demonstrates a workflow where a user pastes SVG markup, loads it into the DOM, and sets a custom width and height. The converter then serializes the SVG with `XMLSerializer`, creates a Blob URL, and draws the result onto a Canvas using `drawImage`. Finally, it exports the canvas as a PNG via `toDataURL` and triggers a file download, relying on standard browser APIs for image processing.

Hhanulik.ondrej@gmail.com

49% match

Loading thumbnail…

Save SVG as PNG

This example demonstrates a workflow for converting a dynamically generated D3 SVG into a static PNG file, ensuring pixel-perfect consistency between the two. The process first uses the SVG Crowbar bookmarklet to extract the SVG from the browser, then loads that SVG into an HTML page with a Canvas element, drawing it via the Canvas API’s `drawImage` method. Finally, the canvas’s `toDataURL` method exports the rendered image as a PNG, which is automatically downloaded using an anchor element with a `download` attribute.

Mmbostock

49% match