Image Grid Layout Generator
Quickly turn a single image into 2-grid, 3-grid, 4-grid, or 9-grid layouts, with support for adding text watermarks and custom style settings.
Browser execution mode: Your data is processed in your browser and is not uploaded to the server.
Speed and Stability: Processing speed depends on your device and browser. For large batch work, the desktop version may be more stable.
Loading tool, please wait...
Loading tool, please wait...
If the online tool fails to load or run, try the desktop tool.https://tools.yikeaigc.com/
Tool Usage
Return to old version
i
Recommended order: choose images, set grid and style, preview, then process and download. Image loading, drawing, and compression are all done on this page.
1Choose Image Files
2Sample Data
Tip: Multiple images will be generated one by one. File names default to the original names.
1Choose Grid Layout
Current: 3-Grid
Output: 1200px
2Canvas & Crop Settings
1Text watermark
2Export settings
Exporting slices creates an extra folder in the ZIP for each image, ideal for posting in 2-grid, 3-grid, or 9-grid order.
1Effect preview
2Process & download
Images to process
0
Grid count
3
Estimated output
0
Preview size
-
Import images and set parameters before processing.
3Result summary
After generation, previews of the first 20 results will be shown. All files will still be included in the ZIP.
4Result preview
Instructions
Software Instructions
- Import images: Click the upload area to select one or more images, or drag images into the upload area. Common formats such as JPG, PNG, WebP, BMP, and GIF are supported.
- Select a layout: In “Layout Settings,” choose a 2-grid, 3-grid, 4-grid, 6-grid, or 9-grid layout, and set the final size and aspect ratio according to your publishing scenario.
- Adjust styles: Set parameters such as grid spacing, outer margins, background color, padding background, borders, and rounded corners to make the grid layout better fit the image content.
- Add text: If you need a text watermark, enable text in “Style Text” and set the content, font size, color, position, font, background, and opacity.
- Set export options: Choose JPG, PNG, or WebP format, adjust image quality, and set whether to keep the original file name and whether to export grid slices at the same time.
- Save settings: For frequently used parameters, click “Save Settings” to automatically restore them the next time you open the tool. Click “Restore Defaults” when you need to reconfigure.
- Process and download: Go to the “Process and Download” page to view the preview, click “Start Processing” to generate the results, then download images individually or click “Download ZIP” to save them as a package.
FAQ
A: 2-grid, 3-grid, 4-grid, 6-grid, and 9-grid layouts are supported. A 2-grid layout is suitable for comparison images, a 3-grid layout for continuous scenes, 4-grid and 9-grid layouts for social media image layouts, and a 6-grid layout for displaying series materials.
A: Yes. After selecting multiple images at once, the interface only shows previews for the first 20 images. The remaining images will not be displayed one by one, but all results will be generated after processing starts and can be downloaded as a ZIP package.
A: By default, the original file names are kept, and only the extensions are replaced according to the output format. If duplicate names occur, the tool will append numbers to the file names, such as “image.jpg,” “image_1.jpg,” and “image_2.jpg,” to avoid overwriting each other.
A: Text can be placed at the top left, top center, top right, center, bottom left, bottom center, and bottom right. Text can be applied to the entire output image or to each grid cell, and you can set the font size, color, font, weight, background, and opacity.
A: No. Image reading, grid creation, text adding, and ZIP packaging are all done on the current page. The original images will not be uploaded to the server.
A: After enabling “Export grid slices at the same time,” the ZIP will additionally generate a slice folder for each image, suitable for scenarios where you need to publish in order to Moments, Weibo, or a profile grid.
A: The more images there are and the larger their dimensions, the more memory processing and packaging will use. It is recommended to process large batches of images in smaller batches, keep the page open while generating, and appropriately reduce the output size or image quality as needed.
Related Tools
Image Frosted Glass Effect Tool
Add a frosted glass blur effect to images, with adjustabl...
Image Resolution Adjustment and Compression Tool
Batch modify image resolution and compress image size, su...