6 Replies Latest reply on Jun 21, 2011 9:20 AM by BobLevine

    (CS5.5 ePub) images size query

    Iain Robinson

      Hi all

       

      I had some CS5 documents that I converted to ePub and all the images seems to end up as expected in the ePub when I ticked on "Formatted" in the export options. This meant any sizing/cropping on the page was applied to the images upon export. I'm using CS5.5 now and now when I view my ePubs in iBooks images are different sizes. An example is attached - the three images all looked the same size in CS5's ePub. This problem is only visible in iBooks (see screenshot below) - in ADE they all look as expected.

       

      Looking at the ePub the middle (smaller) image is actually smaller in the OEBPS\Images folder, so Indesign is clearly doing that. The code for the three images is

       

      <div class="Basic-Text-Frame">
        <p class="authors-pic"><img alt="CL-433686-Bradshaw%20et%20al-SimonBradshaw.jpg" class="image" height="72" src="../Images/CL-433686-Bradshaw%20et%20_fmt.jpeg" width="72" /></p>

       

        <p class="authors-pic"><img alt="CJMcolourheadshotFeb2011.jpg" class="image" height="71" src="../Images/CJMcolourheadshotFeb20_fmt.jpeg" width="71" /></p>

       

        <p class="authors-pic"><img alt="CL-433686-Bradshaw%20et%20al-IanWalden.JPG" class="image" height="72" src="../Images/CL-433686-Bradshaw%20et_fmt1.jpeg" width="72" /></p>
      </div>

       

      I noticed that the middle one is marked to be 71px rather than 72px - I changed that in the code but it didn't help. CS5 didn't add these sizes to the code. If I take them out altogether it doesn't help since the images themselves are different sizes. iBooks doesn't seem to be honouring them.

       

      The images in ID are different sizes and resolutions. I suppose what I need is a way to simulate CS5's "Formatted" setting. I've played around with the settings (Fixed/Relative to Page Size) but to no avail. I've read Cari Jansens's post on "EPUB Export and Relative to Page Size". Anyone suggest the best way forward?

       

      thanks,
      Iain

      image.png

        • 1. Re: (CS5.5 ePub) images size query
          Steve Werner Adobe Community Professional & MVP

          Cari Jensen did some experimenting with the new image export features of EPUB in InDesign CS5.5. Maybe you'll find it helpful:

           

          http://carijansen.com/2011/06/07/epub-export-relative-to-page-size/

           

          [Edit:] Oops. Just noticed you read Cari's post. She's explored this more than anyone else I know.

           

          You might also look at Liz Castro's blog:

           

          Pigs, Gourds, and Wikis

          • 2. Re: (CS5.5 ePub) images size query
            Iain Robinson Level 1

            Thanks for your reply Steve. I have Liz's book. I was typing some more info when your reply came in - I have just found on her blog that iBooks has a bug that means it ignores size attributes on the img tag. Knowing that I could now apply the sizing instructions to the containing div the images are in - they are in consecutive paragraphs which float each other, so they line up horizontally. Having a play with that I think this means I can't get the paras to float and be sized by the containing div.

             

            I hate iBooks!

            • 3. Re: (CS5.5 ePub) images size query
              Iain Robinson Level 1

              If I tell the containing div to be a certain height my float doesn't work. If I tell the div to be a certain width it works in iBooks but then Adobe Digital Editions looks wrong (images stretched to the full width of the page, but at the specified height).

               

              I think I need to get my Indesign export to have the images at the correct size (like in effect what CS5 did when "Formatted" was selected). I tried a script (by Kasyan Servetsky) which made all the images 100% but it didn't work quite as expected - the image files were resized but I had to go through the document changing their scaling to 100%. Does anyone know of an easy method to achieve this? If not I'll have to unzip the ePub and check/adjust all the image files to make sure they are consistently sized.

              • 4. Re: (CS5.5 ePub) images size query
                BobLevine MVP & Adobe Community Professional

                Forget ADE. It's way too out of date for testing epubs. It's in serious need of an update.

                 

                Bob

                • 5. Re: (CS5.5 ePub) images size query
                  Iain Robinson Level 1

                  I know Bob - but the guy assessing and ultimately paying for the files uses ADE! And I know several hardware devices use the ADE engine. I think we'll have to say something like "Best viewed on ...". I have already warned him about how they will look different on different devices but I'll have to reemphasise that.

                   

                  I wish we could skip forward 2 years when this has all shaken out and the market tools/devices/expectations were a lot more aligned!

                  • 6. Re: (CS5.5 ePub) images size query
                    BobLevine MVP & Adobe Community Professional

                    Don't count on it. This is the same problem with websites and different browsers.

                     

                    The benefit for epub is that you can actually create different files for different devices before submitting them to Amazon, iTunes, etc.

                     

                    Bob