5 Replies Latest reply on Apr 30, 2016 2:37 AM by Peter Grainge

    Images overwriting each other in Responsive Layout

    edu_Kate Level 1

      I was hoping someone could explain to me the logic around images in roboHelp.

       

      I have a large number of images in my Online Help, the last time I needed to publish I found that a large volume of images were incorrect, they were in the wrong spot.

       

      The images were not the right ones.

       

      I found that there was a large amount of duplicate images in the roboHelp Project files, after some testing I found that:

       

      • Copying and pasting an image directly into roboHelp creates 1 file in the root directory image1.gif, image2.gif etc
      • Uploading images (from a Word document) creates a folder where the images for that document (topic are stored).  In this instance, a duplicate .png file is created for each image

       

      If you upload more it just keeps on adding images (with a duplicate)

       

      • I then created some images, saved them as JPEGs and added them to the Word document, I then uploaded those

       

       

       

      Now I am seriously confused and there are now 2 x image002 files one JPEG one PNG that are different images.

       

      No wonder its getting it's wires crossed, has anyone got any ideas about:

       

      • best practice for, inserting, uploading vs copy/paste
      • naming conventions maybe??
        • 1. Re: Images overwriting each other in Responsive Layout
          Peter Grainge Adobe Community Professional (Moderator)

          I have moved your post the RoboHelp HTML forum as the problem is not specific to the HTML5 layouts.

           

          There are two issues here.

           

          COPYING AND PASTING

           

          There is another thread ongoing at the moment about pasting images into RoboHelp and Rick Stone has stated he always advises his students to insert saved images rather than paste. That is precisely because of this known problem that I believe you can avoid by saving after each paste. Try that to see if it helps. RoboHelp also saves the images in GIF format no matter what the format of the source image. That is being looked into.

           

          WORD

           

          Normally when you import a Word document, Word will put the images in a sub-folder before converting the document to HTML format so that RoboHelp can interpret it. I have never seen it create two images in the imported document, it should only be the PNG image in a sub-folder. Those images can be moved after import.

           

          You must be following some other workflow so please explain step by step what you are doing, where you create the images and so on.

           


          See www.grainge.org for RoboHelp and Authoring tips

           

           

          @petergrainge

          • 2. Re: Images overwriting each other in Responsive Layout
            edu_Kate Level 1

            Hi Peter

             

            Thanks for the guidance thus far, we very rarely copy and paste directly into roboHelp. I will avoid it from here on.

             

            We author our online help in word and upload from there, very often replacing content that is there, with newer content.

             

            I'll try and put my workflow into a more logical order.

             

            1) Create a new blank project

             

            2) Create a word document with some text (irrelevant) and an image

             

            3) Load into new blank project

             

            4) A folder is created containing the image (as you have outlined above), but 2 files are present. One PNG and one JPG

             

             

            5) Going back to the Word document, a new image was added BEFORE the existing image (inserted in front of)

             

            6) re-upload the Word document.

             

            7) I now have 3 copies of the original image (2 x jpg and 1 x png) and one copy of new image

             

             

            8) Repeat steps 5 and 6

             

            9) I now have 4 copies of the original image (2 png and 2 x jpg), 1 copy of the second image (png) and 2 copies of the new image (1 x pmg and 1 x jpg)

             

            • 3. Re: Images overwriting each other in Responsive Layout
              Peter Grainge Adobe Community Professional (Moderator)

              I haven't abandoned you. I will take a look as soon as I can.

               


              See www.grainge.org for RoboHelp and Authoring information

               

               

              @petergrainge

              • 4. Re: Images overwriting each other in Responsive Layout
                Peter Grainge Adobe Community Professional (Moderator)

                I am seeing the same and want to check in RoboHelp 11 but I cannot as I now have Word 2016. I have reached out to Adobe and will post back when I am further forward.

                 

                Project Manager only shows one of the two images and I think it will be safe to delete the duplicate but wait if you can.

                 


                See www.grainge.org for RoboHelp and Authoring information

                 

                 

                @petergrainge

                • 5. Re: Images overwriting each other in Responsive Layout
                  Peter Grainge Adobe Community Professional (Moderator)

                  If you right click the images in File Explorer you will see that the file size is very different. It seems that RoboHelp 2015 creates two images, on high resolution and one low resolution. The high resolution is put into the topic and the idea is you can switch to low resolution if that suits you better.

                   

                  There is no interface option to select one or the other.

                   

                  The low resolution images will appear in your list of Unused Files.

                   


                  See www.grainge.org for RoboHelp and Authoring information

                   

                   

                  @petergrainge