Centering images in ePubs

I have been doing a lot of work in Pages and then exporting them as ePubs for the iPad.  One issue I cannot overcome - is it possible to center the image in the Pages document so that it is centered in the ePub.  Otherwise, the caption is oddly oriented in relationship to the image.
Thanks

I've discovered how to center images accidentally.
First, make sure your image is inline. I'm quite sure you know that but some have been struggling to understand why their floating images don't export in ePub so I think it's worth saying.
Then, instead of centering the picture itself, center the line on which your picture is, as if it were plain text. It should work. I've been fighting for a magazine tutorial all day long and I can't explain how relieving this discovery was. I checked on iPad and iPhone and pictures were indeed centered.
This may not translate into top-notch ePub/HTML coding, but since Pages exports ePub its special way… I think it's just a tiny little detail.

Similar Messages

  • Possible Bug in ID5.5 When Exporting Images to ePub

    Just wanted to relate my experience with exporting images to ePub in InDesign CS5.5. I've already spent the better part of two weeks trying to find a resolution for the problem with Adobe's customer service techs in India. Nice guys, but so far not of much help.
    Here's the problem. when exporting ID documents to ePub, and you're selecting your options in the "Image" export dialog box, you are offered two choices: "Fixed" and "Relative to Page." In theory, "Relative to Page" is the best choice because this means your images will be automatically scaled for the different viewing devices (i.e. iPad, Kindle, mobile phone, laptop). If you select "Relative to Page," however, your images will export with pixilation.
    This may not happen to everyone, but it happened to me, as well as the last tech I spoke in India. I'm using a MacBook Pro running 10.6.7. Don't know what he was using, but he got the same results on his end when exporting an image to ePub using "Relative to Page." For me, the fonts look especially horrible in Adobe Editions. If you select "Fixed," they'll export just fine, (looked great in Adobe Editions and Kindle Previewer), but don't know how fixed size renders in the different devices.
    This particular exchange was last Friday. The tech verified that we had a problem he couldn't solve and told me he had to speak with his "senior," who had already gone home for the weekend. I received an email today informing me that all I had to do was select the high quality performance settings in ID, and the image would look "pretty" while the file was open in the program. Really? I mean, duh. What does that have to do with the EXPORT problem?
    And yes, I know to select the maximum quality setting in export. I'm a photographer who has used Photoshop since the 1990s. Used InDesign, QuarkXpress, and Pagemaker, in reverse order for that long as well, so I know how to prepare a file for print and the web. The techs I've spoken with have assured me I'm selecting the correct settings. Program has not only been uninstalled and reinstalled, but I went the extra drastic step of wiping my harddrive and starting over. No third-party plug-ins installed that didn't come with the original Adobe software. Have the latest ID update. The problem simply doesn't have a solution in my case.
    Oh, well. As I say, nice guys, but this is my third time speaking with tech support about a problem with Adobe software. Not going to try again. IMHO, the customer service system/process could use some work.

    As I said, it may not happen to everyone. Perhaps with a different operating platform or system version it may not happen. I was only reporting it because it happened to not just myself, but to the tech half a world away who shared my screen, saw the problem, and recreated it on his own machine/system.
    Here are the selections in the ePub Export dialog box that caused the problem. I can't imagine that what is selected for TOC settings or other non-image settings would have to do with it, but here they are.
    1. File > Export > Choose ePub as Format
    2. In ePub dialog box: General Settings
    Include Document Metadata checked
    ePub Cover, you can select Rasterize first page or Use Existing Image File, makes no difference
    Ordering, Based on Articles Panel
    Formatting Options: Leave as Default
    3. In ePub dialog box: Image
    Preserve Appearance from Layout checked
    Resolution, doesn't matter what you select, all produces the same result
    Everything in the first section below this is as default
    Image Conversion: JPEG (I've been using JPEG, but also tried it with a TIFF, and even a Photoshop file, no difference)
    JPEG Options: Maximum, Progressive
    Ignore Object Export Settings: I usually have this checked, but have tried it unchecked, and it made no difference
    4. In the ePub dialog box: Contents
    Format ePub Content: XHTML
    Use InDesign TOC Style checked (I've tried the default, and my own TOC style, no difference)
    CSS Options: I've tried Generate CSS and Use existing CSS template, never used Styles only. Made no difference
    5. Click OK.
    If you need what I do from the beginning...
    1. New file: Print (not web, which tends to not honor the HTML tags on export). I typically chose 1024 x 768 because that's the screen resolution for an iPad.
    2. Command-D, place file. I've tried JPG, TIFF, even Photoshop files of varying resolutions from 72 to 300. Files sizes from 800x600 to 1024x768 to sizes approximately double this. No difference.
    3. Drag cover to Articles Panel and name.
    4. Layout rest of eBook, etc.
    5. Display performance settings while in ID are set to High Quality.
    6. Triple check for errors (always a green light before exporting).
    These are ePub files that have validated, after fiddling with the CSS and XHTML file, as necessary, of course. I don't mess with any image coding.
    That's the steps!

  • What resolution does Pages export Images to EPUB?

    I was wondering what resolution Pages09 Exports images to EPUB (which are then readable in iBooks2?)
    In other programs from Adobe and others you can control the Image conversion Resolution before you Click "Export" to EPUB?

    I agree it isn't very helpful...but that is all I have been told. Still trying to fiond out what the projector resolution is.
    I am using a fit within...but everything I am reading about projectors tells me I should be able to use higher resolution for a projector. This is more of a Foto Magico question as it pertains to images coming from Aperture.
    It is less the image resolution and more the slideshow settings I am trying to figure out. Maybe this is not the right place to post...  Thanks Frank.

  • Centering images on fluid site

    Rebuilding a very antiquated site to meet the upcoming Google deadline, I'm having problems centering images. I defined a class of "center" but it's not working;
    http://www.aptcoweb.com/dev/aptcoFluid/office/label.htm
    Sometimes I want to center a single image, other times a group of images. What's wrong with my css?
    Also, what's the best way to center the iframe video?

    larrycfc wrote:
    Still don't know how to center the video. wrapping the iframe in a div made it disappear.
    Add some inline css styling to the iframe:
    <iframe width="640" style="display: block; margin: 0 auto;" height="480" src="https://www.youtube.com/embed/RWgpByd3UrI?rel=0" frameborder="0" allowfullscreen></iframe>

  • Blurred Images in ePub export to Kindle.

    Blurred Images in ePub export to Kindle.
    I am using InDesign to create the ePub. My images are stock charts. All charts are high resolution in InDesign. No issues with images in InDesign. When I view the ePub in Adobe Digital Edition and in Kindle Previewer the images are blurred as if they lost the high resolution setting.
    The images are all jpeg. This is book 1 of 25 books with 34 chart images per book. Any ideas on a solution is appreciated.

    Your confusion seems to lay with the "Display Performance" in InDesign.
    InDesign's display performance is only important to InDesign.
    When you place a file into InDesign it doesn't place the actual image. It creates a proxy (thumbnail) of the image to be viewed in the layout only.
    InDesign links to files - to see the true resolution of an image you need to go the Window>Info and select the image and the information is visible in the Info panel.
    InDesign comes with 3 flavours of preview of the thumbnails it creates, Fast, Typical and High - these 3 viewing settings are only to give you a flavour, Fast shows you a gray box and there's an image there, Typical shows a lo-res proxy, and High shows a high quality thumbnail version of your image.
    These are not reflective of the true quality of the images.
    All your images are PNG which are perfectly fine to place in InDesign - you are actually losing quality in your images by converting everything to JPEG - as JPEG is a lossy file format - where as PNG is lossless.
    JPEG is much better for photographs (actual photos with lots of colour information)
    PNG is much better for solid blocks of colour and for Charts, Diagrams, line Drawings, Screenshots - PNG is preferred over JPEG.
    But all this changing to High Resolution in InDesign before Output does nothing reflective in the Output.
    The true quality of your images lies in the Information within the file - which is visible on Window>Info

  • ReportBuilder. Centering image in Report

    Hello everybody,
    I need help in centering image in Report.
    Thanks
    http://firebird-vbnet.blogspot.com/

    Hi giovannigiorgio,
    According to your description that you want to know how to centering an image in ReportBuilder, right?
    Before centering the image, we should be clear about some of the position related properties, only after we have done the proper setting of them can we be able to make the image to display in the center of the page.
    For physical page renderers, it's important to keep in mind the concept of Usable Area.  The Usable Area is the amount of space left on a page for your report to be drawn after reserving space for margins, headers and footers, and column spacing (for
    multi-column reports).
    Horizontal usable area:
    X = Page.Width - (Left Margin + Right Margin)
    Vertical usable area:
    Y = Page.Height - (Top Margin + Bottom Margin + Header Height + Footer Height)
    I suppose there is only image in the page. Please following the steps below to check all the related properties of size and center the image.
    Right click on Report area and select the Report Properties
    Make a note of the values for Page width(8.5), Page Height(11in), Left margin(1in), Right margin(1in),Top margin(1in),Bottom margin(1in)
    Close and go back to the design surface and in the Properties window, select Body
    Click the + symbol to expand the Size node and  do setting as below:
    Body Width  <=Page width- Left margin -Right margin(Body Width <=6.5)
    Body Height  <=Page Height- Top margin -Bottom margin-Header Height-FooterHeight(Body Height <=11-1-1-1-1=7)
    Right click the body area to insert an image and in the Image properties window select the size and check the “fit to size”
    the image will fit the size of the image item, we can set the position(Location and size) properties to determine the display of the image now
    In the Image properties, Set the value for position(Location and size) (according to the best Resolution of image to set the values of the location):
    Location left = (Body Width – Width of Image) /2    (Location left =(6.5-4.5)/2)
    Location Top =(Body Height – Height of Image) /2  (Location Top =(7-5) /2)
    If the page both include the image and the table, we should also consider the size of the table(Column Spacing in the width and Row Spacing in the height).
    Article about  the Pagination in Reporting Services for your reference:
    http://msdn.microsoft.com/en-us/library/dd255278.aspx
    If your problem still exists, please feel free to ask
    Regards
    Vicky Liu

  • Centered images float left when exporting to epub - images don't stay centered

    Hi,
    I have created an ebook with from the template apple instructs to use (http://images.apple.com/support/pages/docs/ePub_Best_Practices_EN.zip)
    and i've added some images on several pages. they are all centered and set to inline (as epub can't handle floating objects/images)
    but when i export to epub almost all images appear floating left in the epub file except for a few images.
    i can't figure out why or how do i keep them centered. i've tried selecting the rows below and above with the one the image is on and centering the text. i've tried adding the "object causes wrap" and chose the one that centeres the image. nothing works.
    any advice would be great.
    Thanks
    J

    Hi Steph,
    That worked for some of the images but not for all of them.
    I found a strange solution that worked in conjunction with your solution.
    After you center the "text line" that it is on (or the one under it like you say), i mark the image and in the sidebar in which you choose the type of line/text (like chapter title or sub title etc') and you make the image or image line as a a chapter title or subtitle. prefprebly subtitle as to not mess with the table of content.
    then when i exported to epub the images were finally centered. all of them.
    hope this helps if anyone else encounters that issue.
    Thanks for the added help.
    J

  • Problem getting images in ePub to appear correctly for Nook

    I have been working on a book that is about 250 pages long in print format, with about 350 photographs that illustrate the text, which is a guide to the use of a particular digital camera model. After watching Anne-Marie Concepcion's course at Lynda.com and also using the book by Sandee Cohen and Diane Burns, Digital Publishing with Adobe InDesign CC, I was able to export the book successfully in ePub and mobi formats. The ePub looks fine in iBooks and the mobi looks fine in the Kindle apps. But I have not been able to get the images to appear properly when I preview the ePub for the Nook. I have tried every combination of export and conversion settings I could think of, but the images either look too large and distorted as if squeezed, or, if I use the CSS Size-Fixed option, the images look tiny, much too small to see details (though they will expand if clicked on).  I eventually uploaded it through Nookpress.com to see if their conversion would help, but the book recently went on sale there, and when I downloaded it to check, the images did not appear at all. The same thing happens when I use the Preview function at the nookpress.com site; the screen shows broken link icons for all images.
    I cannot think of anything else to do.  Can anyone provide me with any suggestions for how to proceed, short of hiring an expert?  Most of the images are 1800 pixels wide and roughly 1200 pixels tall in the InDesign document, with a resolution of 600 ppi. As noted above, I have tried all different combinations of the Use Existing Image for Graphic Objects, Preserve Appearance from Layout, CSS Size-Fixed, CSS Size Relative to Text Flow, and others, with no success.  Any help would be greatly appreciated!
    Here is a link to a Dropbox folder that has the file I uploaded to Nook Press. In this one, the images don't show up all:  Dropbox - Panasonic Lumix LX100 Version for Nook

    Okay, thanks. That was helpful. I ran the file though Epubcheck and it did find various errors.  I have replaced that file with another file that does not result in errors, but does generate a lot of warnings, all about having image file names with spaces in them. I'm assuming that's not what is causing the problem with the way the images display.  The file that is in the Dropbox folder now is one that does show the images, but they appear distorted and too large when viewed on the Nook app on my Nexus tablet, but they look fine when viewed in iBooks on my Mac. Dropbox - Panasonic Lumix LX100 Version for Nook  I'm hoping there is some general information available about how to format images in an ePub so they will display properly on the Nook.

  • How to control the size of SVG images in epub files?

    There is unfortunately no support for SVG files in InDesign.
    Most of my images in jpg convertes nicely, but the small ones do not.
    Therefore I want to use SVG files which I have created in Illustrator.
    But how do I set the size in the epub file? Right now, whatever I do, they come out too big and I don't know how to control the size.
    Is there a program, like Sigil or other, that can place the image for me - I'm no html wizard you see....

    In any Java program, it is good practice to make sure your live objects leave some room in the heap for "scratch space." Without this, you will spend too much time in GC, and, in the worst cases, run out of memory. In the general case, you can see how much live data your application requires by looking at the heap used after a full GC's. For Coherence, you should ensure that live data, as you say, is under 70% of the maximum heap size.
    Coherence provides you tools to help enforce this policy. [http://coherence.oracle.com/display/COH35UG/local-scheme] describes how to size limit your cache. By implementing an eviction policy, you can control what happens when a size limit is exceeded.

  • Display images in epub

    I have a problem in the file (EPUB -> ibooks app on Ipad) that does not display a images,
    but when I rotate the iPad screen all the pictures show ,
    Note I Create HTML file from Adobe Edge (html + js files) ,
    Do you have any suggestions.

    What app are you using to create the epub file?  How did you embed the HTML content in it?
    When you say "Adobe Edge," are you referring to Edge Animate?  Bear in mind that this forum is specific to Adobe Edge Code, which is a different product from Edge Animate.  For issues with Edge Animate, use this forum instead.
    - Peter

  • Missing images in epub

    I have constructed a document in Pages that consists of an introduction and then 28 pages of images (either one or two per page) - total document length is 30 pages.
    However when exporting to an epub format only the first 22 pages of images show up in th epub although interestingly the final page which is just "The end" doe show up, so effectively pages 23-29 are missing.
    All the pages are definately there when viewed as a Pages document.  Have tried reducing file size etc.
    Any ideas would be much appreciated.

    Hi!
    There are some limitations. Here is one: Images beyond the 11MB of un-encoded image data allocation per chapter.
    Read more here http://support.apple.com/kb/HT4168
    Regards
    fruhulda

  • Why won't Mail allow centered images, as they are sent?

    I am on a Macbook Po using 10.8.3. My trouble is with Mail. But this has been an ongoing problem for years. I send a lot of drawings and photos via email. When I send them I frequently center them in Mail. They look great. But when I send the file the results are upredictable. I can go to my Sent box to verify, or simply ask my recipient. Some of the time the text and photo will be centered as I had formatted the message. Other times, perhaps 50% of the time, the text will be centered but the photo will be left-aligned. Each time I update my System I hope this problem is resolved. But it has never been resolved. What's up with this and can I do anything about it? Even when I have upgraded, in recent years, with an entirely new System (not migrating the old files) this problem persists. And I have noticed friends who formatted their text and photos to center have had this same issue intermittently, with photos that are left aligned when they were intended to be centered along with the text.
    Thanks for any help or workarounds. I like the beauty and flexibility of designing messages with images, when the formatting can be generally trusted.

    Thanks for the replies! It's true, email is not particularly reliable for formatting. And, having designed in HTML and Javascript, that's a somewhat more stable media. But as a designer wanting visual flexibility, I wish there were a dependable method, held in the more personalized but immediately visible form of email. PDFs are nice, but they require an extra click. When I receive them, myself, I do not like to have to switch apps. I might allow them to open in the background and then forget about them. And, as for links, I've read that, for example, Facebook links are rarely viewed compared to inline text on Facebook. People prefer inline viewing. In the older versions of Mail, several years ago now (I do not remember when Mail centering began malfunctioning), there was perfect consisistency in the centering function.
    …Given all this, I was just writing this post to learn more about the issue, and to find out how widespread the issue is. I wouldn't have even known this were happening unless I'd asked and checked my Sent mail box. I know I am not the only one with this problem. But perhaps it is rare. In that case, it could be an issue for which a solution is possible.
    Thanks again for the responses!
    Laura

  • How do I export full-sized images to ePub?

    All the pics are reduced in size when exported to ePub. They look fine in iBooks, but do not go to full screen when double-tapped.
    Must I replace all the files in the Images folder (in the unzipped ePub) with those of a correct size? (Liz Castro says max dimension 1600px to get full size.)
    Thanks.

    Hi Steve and thanks for your quick answer.
    I guess I have to do it manuallly... which is a lot of work!
    I am learning a bit more about edit the epub and updating the xhtml files, so maybe through there i could find a solution and create two tables of contents.
    It seems next version of ID will have the index feature updated, which is great.
    At the moment I am not even using the index tool, is just a toc with two levels of headings. And I can't export two tables at the same time.
    I wonder how people do it in other books.
    Thanks again.

  • - Mac - InDesign and export images in ePub

    Hi,
    I work on Mac (latest OS X.8.5) with InDesign CC.
    I made stylesheets.
    I anchor my images to text.
    Why when I export I find all my compiled late epub (version 2) images?
    Best regards

    Frank,
    Merci pour votre réponse et de prêter une attention à mon problème.
    Vous avez raison le mieux est que vous puissiez juger sur pièces.
    Je vous envoie des captures d'écran.
    Toutefois il aurait peut être été plus parlant que je vous envoie à la fois le fichier indd et epub en mp ?
    Lors de l'export en epub il décompose le texte des images associées.
    Dois-je régler les préférences ou ailleurs ?
    Alors que j'aimais travailler dans InDesign anciennement, les dernières versions ont énormément progressées et... sont devenues des usines à gaz.
    J'en profite pour vous poser une autre question : pourquoi ai-je deux affichages différents. Un avec ancre et l'autre avec le carré bleu en haut à droite ?
    En allant dans l'aide d'Adobe j'ai cru comprendre que ce carré permettait de laisser par ex l'image sur le plan de travail en l'ancrant au texte par un signe Y barré ?
    Au plaisir de vous lire.
    Bonne journée, cdt.

  • Best practices for placing images in epubs

    Okay, I've read the books, I've watched the tutes and I'm still at a loss on the best way to add images to InDesign 5.5 documents that I will convert to ePub. The images are created in Photoshop at 300 dpi and sized at 800by600. And yet when I place them in InDesign and create the ePub, the images display poorly in ADE and other readers. What is the magic formula for adding images to my ePubs?
    Thanks in advance
    Chris

    Steve/Jongware:
    My thanks for your responses.
    Very good point to look at the images within the epub file. They are 72 dpi images, so it would seem that InDesign is indeed lowering the resolution. I had thought I tried every variation of the available settings within InDesign to avoid this but it would seem to not be the case. If you have any specific suggestions about what setting is causing this, that would be great.
    Viewing the images in the target device is of course ideal. I'm creating this for a wide range of online bookstores, so what device it will be viewed on can't be known. Since ADE drives more than 50 devices, I had hoped that would at least prove to be a reliable base of some sort -- disappointing to hear that ADE can not be trusted in that regard. I had assumed I could proof the book in that before converting to mobi and proofing on a Kindle.
    Why would anyone insert 300 dpi images, you ask? In its publishing guidelines, Amazon says: "To future-proof the content, save images in 300 dpi" Is this then bad advice on their part? Elizabeth Castro echoes this recommendation in her excellent book on the subject, by the way. It's rather difficult to know just what to do, I must admit. But I guess we're still in the early days of eBook creation, with best practices still being in a state of flux.
    Once again, my thanks for sharing your experience.
    Chris

Maybe you are looking for