Video Guide
* Upload images from the desktop browser version of X (Twitter) or the official app.
* Ensure the images are uploaded in the correct order as shown in the video (1 to 4).
Mastering the Vertical Grid Layout
In the X (Twitter) timeline, visual real estate is key to engagement. Normally, a single extra-tall image gets cropped in the center preview, hiding your content. However, by using the "4-Panel Grid" technique (splitting one image into four 16:9 images), you can occupy a massive amount of vertical space on the timeline.
This creates a "scroll-stopping" effect. When users see a seamless, large vertical image composed of 4 parts, they are more likely to tap, view, and engage with your post.
Optimal Resolution & Size
For the best display quality on X, each image segment should be 1920px wide × 1080px high (16:9). Since you are stacking 4 of these, the ideal source image resolution is:
(1080px height × 4 panels = 4320px total)
Benri Lab's tool automatically handles resizing. Even if your image isn't exactly this size, our "Cover (Trim)" mode lets you zoom and position the image to fit the 1920px width perfectly.
The "Window Effect" & Gap Compensation
X displays a small gap (margin) between the 4 images in the grid (approx. 30-100px depending on the device). If you simply slice an image into 4 equal parts, diagonal lines or faces crossing the gap will look "broken" or disjointed.
To fix this, our tool uses "Gap Compensation". By checking "Compensate for Grid Gaps", the tool intentionally skips (removes) the pixels that would fall into the gap. This creates a "Window Effect" — it looks like you are viewing one continuous image through a window frame, making lines connect perfectly across the gap.
Why use this tool?
Manually creating this layout in Photoshop is tedious:
- Calculating 16:9 aspect ratios for 4 segments.
- Calculating and deleting specific pixels for the gap compensation.
- Exporting 4 separate high-quality files.
With Benri Lab's splitter, just drag and drop. All calculations are instant, and processing happens locally in your browser for maximum privacy and speed.