• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Images overwriting each other in Responsive Layout

New Here ,
Apr 04, 2016 Apr 04, 2016

Copy link to clipboard

Copied

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??

Views

508

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 05, 2016 Apr 05, 2016

Copy link to clipboard

Copied

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

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 05, 2016 Apr 05, 2016

Copy link to clipboard

Copied

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)

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 27, 2016 Apr 27, 2016

Copy link to clipboard

Copied

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

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 28, 2016 Apr 28, 2016

Copy link to clipboard

Copied

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

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 30, 2016 Apr 30, 2016

Copy link to clipboard

Copied

LATEST

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

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp