When working with Android or Kindle Fire you have other resolutions that you must consider. So images need a pixel dimension that is double of the original iPad. The iPad with Retina Display has a resolution of 264 dpi. So if an image placed in the template is 558 px by 419 px, then the image in the HTML element should be 1023 px by 766 px. The original iPad’s resolution is about 1.83 times bigger then the InDesign template (132 dpi /72 dpi), which means that images need to be 1.83 times bigger than what they are shown in the InDesign document. This means that in order for images to be sized properly, all of your assets need to be the correct size for the target device's resolution. When HTML object assets are being exported, the mag+ InDesign Plugin does not convert linked images as it would for regular graphics placed in the InDesign document. Also, because devices differ in memory and processing power, behavior can vary across devices-testing on the target device is the best way to guarantee performance. mag+ always recommends testing your HTML in the context of a mag+ Issue. This means that testing in a desktop browser is not always sufficient. Mag+ apps use the WebKit resource of the platform to render embedded HTML. mag+ recommends that each HTML file and linked assets be placed in its own folder. Therefore, do not place files that are not being used in the same folder or subfolders as the linked HTML file. When you export a Vertical with an HTML object, all files placed in the same folder as the linked HTML file will be copied and bundled into the final mag+ Issue MIB. These are set via the Horizontal Pin, Vertical Pin, and Snap drop-down menus. Note: HTML objects have the same Pinning and Snapping capabilities as other Designd object types.
![embed html iframe code in indesign embed html iframe code in indesign](https://i.ytimg.com/vi/Sbtsxt9NbV8/maxresdefault.jpg)
Transparent: This checkbox sets the background of your HTML window to transparent so that the layout below it is visible.
![embed html iframe code in indesign embed html iframe code in indesign](https://i.pinimg.com/originals/67/4a/80/674a802033242db74027c8c28a17843d.jpg)
Scale Contents to Fit Block: This checkbox automatically scales your HTML object proportionally to the size of the frame you’ve drawn.This is useful for Javascript calls within your HTML that reference browser-window size changes. Resize on Rotate: This checkbox resizes the browser window when the device rotates.You can also point to a URL hosted on a website and it will load from that location (as long as the user has an active internet connection).
![embed html iframe code in indesign embed html iframe code in indesign](https://www.vdocipher.com/blog/wp-content/uploads/2021/06/Untitled-design30-1.png)
mag+ will bundle all associated assets into the exported Vertical for inclusion in the final Issue MIB.