Related tools
- Crop Images in batches
- Crop GIF
- Crop video and convert to GIF
How to split Images online?
This splitter can split a large picture into multiple small Images. ImagesTool provides a variety of picture cutting modes.
-
1
Import Images
Click the "Select Image" button and select the image or drag the image to this page.
-
2
Select the mode for splitting Images
-
a. Cropping mode
You can add multiple cropping frames to the imported image. Just press and hold the left button on the image and drag to add selection frames.
-
b. Split line mode
Cut the picture like a pair of scissors. You can click the "Add Horizontal" or "Add Vertical Line" button on the right side of the interface to add horizontal and vertical lines.
-
c.Grid mode
Divide the photos evenly in proportion according to horizontal lines, vertical lines and spacing. The size of the divided Images is the same, and the unit is px.
-
d. Fixed size mode
Similar to "Grid Mode", the only difference is that "Grid Mode" cuts in proportion to the size of the image, and the unit is percentage (%). The "fixed size mode" uses absolute size for cutting, and the unit is pixels (px)
-
-
Click the "Start" button in the lower right corner, wait for the processing to complete, and then click the "Download zip" button.
crop mode
After importing the image, click the "Crop Mode" button on the right to start splitting the image by cropping. You can think of it as a simplified version of Photoshop's "slice" feature.
In crop mode you can add multiple cropping boxes to the picture. Just hold down the left mouse button on the picture and drag it in any direction to add a selection box.
In the video, it is demonstrated how to crop out 6 areas from a huge world map. Save each area as a separate image file
Sample image
13500x6750px 8.1MB
Image Source:Night Light Maps Open Up New Applications
https://earthobservatory.nasa.gov/images/90008/night-light-maps-open-up-new-applications
Manipulate the cropping frame
After adding the cropping box, click the cropping box to select for more operations.
8332x6571px 11.2MB
By Unidentified painter - Current version: Palace of Versailles; direct link to the image: [1]Original version: L’Histoire par l’image, Public Domain
https://commons.wikimedia.org/w/index.php?curid=6882732
Modify the size of the cropping box: Click and drag the surrounding small squares to modify the size of the cropping box.
Copy the crop box: Click the "Copy" icon in the lower left corner of the crop box
Delete the crop box: Click the "Delete" icon in the upper right corner of the crop box
Move the cropping box: Click the cropping box and drag
Get the current size of the cropping box: The black numbers above after selecting the cropping box are the width and height, and the unit is pixels (px)
The draggable range of the cropping box: the cropping box will be limited to the image
Use shortcut keys
Zoom 100% and automatic zoom switching: Double-click the left mouse button in the blank area of the picture to quickly zoom the image.
Free zoom: Slide the mouse wheel to zoom the image.
Move the viewing angle position: Hold down the space bar and hold down the left mouse button to move the picture.
Delete the cropping box: After selecting the cropping frame, press the delete key to delete the cropping frame
Export pictures
Above the "Start Button", you can select the type of exported images, which supports exporting jpg, webp and png images.
After you add the cropping frame and adjust it, click the "Start" button in the lower right corner of the interface. After the processing is completed (6 cropping frames in the video, it takes 2 seconds), click the "Download zip" button and unzip the zip. A crop frame screenshot is available.
grid pattern
This mode is very suitable for dividing large pictures with evenly distributed grid layouts. By adjusting the values of horizontal lines, vertical lines and spacing to divide the picture, the divided small pictures have the same size.
After importing the image, click the "Grid Mode" button on the right to start dividing the image evenly in a grid.
In the video, it is demonstrated how to split a Dota2 hero collection picture into small pictures of each hero.
- 01. First use the "split line mode" to cut out a rough area
- 02. Then use "Grid Mode" to segment the general area more carefully
Sample image
1547x832px 1.3MB
Image Source:Custom hero grids [updated to 7.33c]
https://steamcommunity.com/sharedfiles/filedetails/?id=2376415279
>
Do the divided pictures maintain the highest quality?
Yes, it is recommended that you keep the image type as png
>
How to use "grid mode" to split the Instagram or WeChat nine-party grid??
Import your image, select "Grid Mode", set "Horizontal Lines" and "Vertical Lines" to "3", and then adjust the appropriate "Spacing".
>
How to divide an image into 200x200px small images?
Import the image, select "Fixed Size Mode", and set the width and height to 200
Other tools
Compress Pictures
- Compress JPG
- Compress PNG
- Compress SVG
Convert JPG
- WEBP to JPG
- AVIF to JPG
- HEIC to JPG
- PSD to JPG
- PDF to JPG
- SVG to JPG
- JPG to WEBP
- JPG to AVIF
- JPG to PNG
Convert GIF
- WEBP to GIF
- APNG to GIF
- MP4 to GIF
- Convert video to GIF after editing
Convert WEBP animation
- GIF to WEBP
- APNG to WEBP
- MP4 to WEBP
- Convert video to WEBP after editing
Other tools
- Crop picture
- Add watermark to pictures
- View image Exif information
- Resize image
- Split picture
- Stitch pictures
- Compress Pictures
- Convert pictures