In-App Message Size Guide
Last updated
Last updated
DFINERY in-app messages have fixed ratios and sizes depending on the message type. We will inform you of the optimized image size from the recommended size to the displayed size when creating the image. 🙂
Modal
Image
Image + Text
Text
Bottom sheet
Image
Text
Not supported
Square (1:1 ratio)
At least 720x720 or higher
Less than 1MB / png, jpg, jpeg allowed
At least 800x800 or larger
Less than 1MB / png, jpg, jpeg allowed
Landscape (2:1 ratio)
At least 720x360 or higher
Less than 1MB / png, jpg, jpeg allowed
At least 1120x560 or higher
Less than 1MB / png, jpg, jpeg allowed
Portrait (3:4 ratio)
At least 720x960 or higher
Less than 1MB / png, jpg, jpeg allowed
At least 720x960 or higher
Less than 1MB / png, jpg, jpeg allowed
Freestyle (no ratio restrictions)
At least 720x720 or higher
Less than 1MB / png, jpg, jpeg allowed
At least 800x800 or larger
Less than 1MB / png, jpg, jpeg allowed
Mobile in-app messages do not exceed 85% of the device's width and height.
If the actual message is longer than the device, the image will be resized.
If there is no aspect ratio restriction, the image is exposed with the ratio guaranteed.
PC in-app messages do not exceed 70% of the browser width and height.
When resizing the modal display, it will still be resized to 70% if it exceeds the screen width.
Large: 85% of device width
Medium: 70% of device width
Small: 50% of device width
Input value: Input from 200 to 1000px is possible.
If the maximum value is entered and exceeds the screen width, it will be resized to 70%.
Square (1:1 ratio)
At least 720x720 or higher
Less than 1MB / png, jpg, jpeg allowed
At least 800x800 or larger
Less than 1MB / png, jpg, jpeg allowed
Landscape (2:1 ratio)
At least 720x360 or higher
Less than 1MB / png, jpg, jpeg allowed
At least 1120x560 or higher
Less than 1MB / png, jpg, jpeg allowed
Vertical
At least 720x960 or higher
Less than 1MB / png, jpg, jpeg allowed
At least 720x960 or higher
Less than 1MB / png, jpg, jpeg allowed
In-app messages will not exceed 85% of the device height when the text is long.
The text area is guaranteed to be at least 100px wide.
PC in-app messages do not exceed 70% of the browser width and height.
The above policy applies equally to all rates.
Mobile in-app messages do not exceed 85% of the device's width and height.
The text area is guaranteed to be at least 100px.
If the text is long, it will be displayed up to 320px.
PC in-app messages do not exceed 60% of the browser width and height.
Large: 85% of device width
Medium: 70% of device width
Small: 50% of device width
Input value: Input from 200 to 800px is possible.
If the maximum value is entered and exceeds the screen width, it will be resized to 60%.
Square (1:1 ratio)
At least 720x720 or higher
1Less than 1MB / png, jpg, jpeg allowed
Not supported
Landscape (3:2 ratio)
At least 720x480 or higher
Less than 1MB / png, jpg, jpeg allowed
Not supported
MaxWidth: The image will fill the width of the device.
Maximum height: Determined by image ratio.
MaxWidth: The message will be filled to fit the width of the device.
Maximum height
The text area is exposed up to 320px.
The maximum height of the message is determined by the button options.
Minimum height
The text area is guaranteed to be at least 100px.
