Adding photos to Sigil

[Greg7976]

With the last problem out of the way, I have another question.

When adding pics to Sigil do they have to be a certain size? I have added one and it was way way too big with no way to edit the size. Does this have to be done in G.I.M.P or another editor?

Thanks again

[theducks]

Originally Posted by Greg7976

With the last problem out of the way, I have another question.

When adding pics to Sigil do they have to be a certain size? I have added one and it was way way too big with no way to edit the size. Does this have to be done in G.I.M.P or another editor?

Thanks again

Because of misbehaving devices, it is better to get the image size close than rely on the use of the scaling option of the img tag

The image editor is your choice

[Toxaris]

As a side remark, I would advise to spent some time on basic HTML/CSS knowledge. That will help you greatly on your ePUB endeavours.

[mrmikel]

You can bring the images in in whatever size then right click to open with to bring them down to size, as you go through the work in the later stages. Even free editors like irfanview can resize successfully, so any at all will do.

Note, this is a less desirable tactic if the images are jpgs or other lossy compression format pictures, since jpgs and the like lose quality with each reopening and then saving. How significant this is you will have check and judge for yourself.

[phossler]

I usually do something like this, at least for covers. Are there downsides?

/* <p><img class="cover" alt="Cover Art" height="800" src="../Images/photo.jpg" /></p> */

img.cover {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

That way I don't (I think) have to worry about photos being too large

Paul

[Toxaris]

There is one downside. Margin auto gets ignored by a lot of readers and interpreted as 0.

[phossler]

Originally Posted by Toxaris

There is one downside. Margin auto gets ignored by a lot of readers and interpreted as 0.

I copied that fragment from a CSS 'cookbook' website and just added it into my 'standard' stylesheet, where I keep useful pieces of CSS

So far, it works with my Kindle, and I'm basically the only user I need to please

However, I have done favors for the rest of the family, and they don't all have a Kindle.

Is there a recommended replacement for auto, or doesn't it really matter?

Paul

[DaleDe]

Originally Posted by Toxaris

There is one downside. Margin auto gets ignored by a lot of readers and interpreted as 0.

Most readers will interpret auto so as to center the image.

Dale

[Turtle91]

Even if the reader doesn't understand "auto" the text-align:center will get it centered properly. Using them both together as you have done works well.

I'm not sure about the height:800... If it is viewed on a screen smaller than 800 (landscape?) wouldn't that clip? You could add a max height/width to a generic img tag to prevent that:

img {max-height:100%; max-width:100%}

[phossler]

Originally Posted by Turtle91

I'm not sure about the height:800... If it is viewed on a screen smaller than 800 (landscape?) wouldn't that clip? You could add a max height/width to a generic img tag to prevent that:

img {max-height:100%; max-width:100%}

Good suggestion. I'll experiment with that.

I'll also try just the max-width setting, since (at least the way I had been doing it) the image aspect ratio wasn't maintainted, and it streached

Thanks again

Paul