I have put together a number of text boxes and images in InDesign Creative Cloud CS6 and exported them as one png (or jpeg) image for use in a jQuery mobile iPhone app that I'm creating in Dreamweaver. Will this work? Rather than inserting text box, image, text box, images, text box, images, etc. into a page of the mobile app, can I just create one png image in InDesign that includes everything, various text boxes, images, wrapped images, html active inserts, etc., and have people scroll through it as a page in the iPhone app? The InDesign file for this one page is about 1.1 mb right now. Will this png image be able to zoom and do everthing it needs to do in the iPhone app? Creative Cloud CS6 - Mac - Lion 10.7.4. Thanks.
Small Town Gal
Small Town Gal wrote:
.. can I just create one png image in InDesign that includes everything, various text boxes, images, wrapped images, html active inserts, etc., and have people scroll through it as a page in the iPhone app? [..] Will this png image be able to zoom and do everthing it needs to do in the iPhone app?
You created just a PNG image. PNG images certainly cannot do the things you list. Even 'zoom in' must be done by the viewing application, it's not "a function" of PNG images.
As for your list of 'contents' of the image, sure, you can place all of these items in InDesign and then export the lot to a single image. But then you have a single plain PNG image, nothing unusual about that.
I understand that a simple png image will not have the zoom coding written into it. But if a single image can be made to zoom within the final packaging of PhoneGap and the Apple XCode, why can't a larger image be also made to zoom and do the other functions? Won't the proper functions be written into the larger image after Dreamweaver sends the file to PhoneGap?
I don't know anything about PhoneGap and its capabilities. If it includes code to zoom in on a PNG, that's it. If and how it works with larger vs. smaller images, that's where you have to look.
Re-iterating: no matter what you put in your InDesign file, as soon as you export it as a single image, that's what you are going to get.
Interactive capabilities are not preserved in a PNG image, whether they come from Microsoft Paint, Adobe Photoshop, or InDesign. It's Just an Image Format. All other boons come courtesy of the application you select to view it with.
My thinking is the same as yours. If the iPhone app will allow you to zoom a single image, it must allow you to also zoom a compounded image. I like the design format of InDesign better than the jQuery Mobile design page in Dreamweaver because InDesign allows you to do text wrap around images and just set things up in a more dynamic fashion. We still want people to be able to zoom in on a single smaller image in order to view it up close, however so if the code in the iPhone app allows the viewer to zoom in on an individual image, it should allow a scroll and zoom in on a larger page that is also a png image -- makes sense to me. The scroll feature works in the multiscreen view and in Safari browser, but it doesn't allow a zoom preview -- I'll have to do that in the iPhone itself.
Anyone else out there have any ideas? Thanks to Jongware.
Small Town Gal