Documentation Center

Device image properties

Device Preview provides default simulation devices. You can customize the devices available for preview in Experience Manager by creating and configuring an image in which the content will be displayed. The following are recommendations for the device image.

The following image shows an example of an iPhone in portrait with a transparent background:

The image file depicting the simulated device.

PropertyDescription
SizeThe size of the image of the phone, smartphone, or tablet should be the exact size of the device.
TransparencyThe part of the image representing the device screen where content is displayed—the 'viewport'—must be transparent.
PPIThe PPI of the image is 96 as most Windows systems are shipped with the display DPI set to 96 PPI. If screen resolution is set differently, the image will appear smaller or larger and so distort the accuracy of the simulation.
FormatThe preferred format of the image is .png to provide effects such as rounded for corners and drop shadows.