Skip to main content
Almtuna
Almtuna
Inspiring
January 27, 2020
Answered

Images are shrunk in HTML, and centered

  • January 27, 2020
  • 1 reply
  • 1684 views

I have just upgraded my document to FM19. The document has several hundreds of .png images. They look fine in the pdf output, but the HTML and HTML Help output contain shrunk images.

For example one image goes from 882 x 623 pixels, to 522 x 377 pixels. How can I keep the original size?

Also, in the HTML and HTML Help output, the images are centered instead of left aligned. In the FM document they are set to Offset 0 from Top, and Offset 0 from Left.

This topic has been closed for replies.
Correct answer Hezy A

Hi,

to make the images be left aligned

 

the anchored frame must be set to 

Below Current Line 

 Alignment  left

I believe you might be able to create an Object style like this, but I have not done this.

The solution was given to me by Doug B on the Framer mailing list.

 

Regarding the graphics, in the HTML style mapping did you check the settings for Image Settings, in the Style Mapping tab. Is Maintain Aspect Ratio selected?  Or how about make sure the Scale is 100%?

 

 

 

1 reply

Hezy A
Hezy ACorrect answer
Inspiring
January 28, 2020

Hi,

to make the images be left aligned

 

the anchored frame must be set to 

Below Current Line 

 Alignment  left

I believe you might be able to create an Object style like this, but I have not done this.

The solution was given to me by Doug B on the Framer mailing list.

 

Regarding the graphics, in the HTML style mapping did you check the settings for Image Settings, in the Style Mapping tab. Is Maintain Aspect Ratio selected?  Or how about make sure the Scale is 100%?

 

 

 

Almtuna
AlmtunaAuthor
Inspiring
January 28, 2020

"Anchored Frame => Alignment: Left" works perfect. Thank you very much. (Only 400 images to go now...)

 

(Haven't had the time to test non-shrunk images yet.)

Hezy A
Hezy A
Inspiring
January 28, 2020

Maybe someone can explain to you how to use "Object Styles" for this, it might help. Or might be useful for future images.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices