Skip to content

ImageMagick Sprite Sheet Maker

Using the powerful ImageMagick montage command, intelligently merge all small images (like icons) in a folder into a large "sprite sheet", which is a classic performance optimization technique in web and game development.

ImageMagick Sprite Sheet Maker Interface Screenshot

⚡️ Quick Start: Merge a Set of Icons

  1. Put all the .png small images you want to merge in the same folder.
  2. Click to select that input image folder.
  3. Set a reasonable columns per row, for example 8.
  4. Select an output folder to save the generated sprite sheet.
  5. Done! A merge command has been generated for you below. Copy it to the terminal and execute it to find the sprite-sheet.png file in the output folder.

🤔 When Should I Use It?

  • You're a front-end developer who wants to merge all small icons used on a website into one image to reduce HTTP requests and speed up page loading.
  • You're a game developer who needs to merge character animation frames or game UI elements into a single texture atlas.
  • You want to create an image wall or collage containing many small images.

⚙️ Parameter Description

  • Input Image Folder: The folder containing all source images to be merged (recommended .png format). The montage command will read these images in filename order.

  • Columns per Row: This is the layout core of the sprite sheet. It determines how many small images are arranged per row in the final generated large image. Row count will be automatically calculated based on total image count and column count. We provide shortcut buttons for common column counts.

  • Output Folder: Location for saving the final generated sprite-sheet.png file.

Advanced Options

  • Image Spacing: Set horizontal and vertical spacing between each small image (in pixels) to prevent them from being too close together. For example, +5+10 means horizontal spacing of 5px and vertical spacing of 10px.

⚠️ Dependency Installation

Before using this tool, you need to install ImageMagick on your Mac. If you have Homebrew installed, just run this once in the terminal:

bash
brew install imagemagick

In the CmdWise app market, you can also find other image processing tools: