Adding an image

WV-Mike · Yesterday, 10:15 AM

The epub here: https://tinyurl.com/yutylhqk
Has this HTML for an image:
----
<div style="text-align: center; padding: 0pt; margin: 0pt;">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 637 915" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image width="637" height="915" xlink:href="../Images/epub_cover_my_side_of_the_river_by_bill_fichtner.j pg"/></svg>
</div>
-----
When I add a new image from Insert>File, the HTML is this:
<img alt="bill_and_his_wife_etta" src="../Images/bill_and_his_wife_etta.jpg"/>

Why the difference?
Thanks,
WV-Mike

DiapDealer · Yesterday, 10:25 AM

The first is an image wrapped with svg. Insert->File does not wrap images with svg.

WV-Mike · Yesterday, 11:18 AM

Quote:

Originally Posted by DiapDealer

The first is an image wrapped with svg. Insert->File does not wrap images with svg.

I do not recall how I added images to the project. It was a one-time ePub and it was 2 years ago, and I have not thought about it since.

Is there a preferred way to add image files?

I read the help file on this but could not see anything about svg wraps.

Thanks,
WV-Mike

KevinH · Yesterday, 12:11 PM

Yes using the Sigil Add Image tool bar/menu item. SVG wrappered images are typically used for full page images like the cover image.

Note: there are Sigil plugins that will insert svg wrapped images for full page images if you so desire.

WV-Mike · Yesterday, 12:55 PM

Thanks, Kevin.

I am curious about why the SVG wrap adds the image dimensions.
WV-Mike

KevinH · Yesterday, 01:33 PM

So it can properly scale the image if you tell it to keep its aspect ratio.

Any image viewer on your machine should be able to give you the dimensions of the image. Or use Add Existing and add the image file to your epub in Sigil then double-click on it in Sigil's BookBrowser and the Image Tab that opens can give you the size as well as color depth and other information.

WV-Mike · Yesterday, 02:13 PM

I spent years always adding the image dimensions to my web pages and then along come smart phones and tablets, and I had to remove them all or they would not display properly.
I know ePubs are not webpages, but I was just wondering about that.
Thanks.
WV-Mike

Yesterday, 10:15 AM	#1
WV-Mike Connoisseur Posts: 74 Karma: 10 Join Date: Jul 2023 Device: None	Adding an image The epub here: https://tinyurl.com/yutylhqk Has this HTML for an image: ---- <div style="text-align: center; padding: 0pt; margin: 0pt;"> <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 637 915" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image width="637" height="915" xlink:href="../Images/epub_cover_my_side_of_the_river_by_bill_fichtner.j pg"/></svg> </div> ----- When I add a new image from Insert>File, the HTML is this: <img alt="bill_and_his_wife_etta" src="../Images/bill_and_his_wife_etta.jpg"/> Why the difference? Thanks, WV-Mike

Yesterday, 12:11 PM	#4
KevinH Sigil Developer Posts: 8,756 Karma: 5706256 Join Date: Nov 2009 Device: many	Yes using the Sigil Add Image tool bar/menu item. SVG wrappered images are typically used for full page images like the cover image. Note: there are Sigil plugins that will insert svg wrapped images for full page images if you so desire. Last edited by KevinH; Yesterday at 01:30 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Adding image to notes	azuravian	Development	10	12-12-2023 12:18 AM
Adding cover image i calibre	Ykes	Conversion	2	02-22-2014 11:25 AM
Adding a cover image	Evelyn43	Sigil	3	10-24-2012 11:31 AM
Adding image from RSS	Hurda	Recipes	3	03-23-2011 02:01 PM
Adding cover image	miwie	Library Management	9	03-04-2011 10:39 AM

Yesterday, 10:25 AM	#2
DiapDealer Grand Sorcerer Posts: 28,561 Karma: 204127028 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	The first is an image wrapped with svg. Insert->File does not wrap images with svg.

Yesterday, 12:55 PM	#5
WV-Mike Connoisseur Posts: 74 Karma: 10 Join Date: Jul 2023 Device: None	Thanks, Kevin. I am curious about why the SVG wrap adds the image dimensions. WV-Mike

Yesterday, 01:33 PM	#6
KevinH Sigil Developer Posts: 8,756 Karma: 5706256 Join Date: Nov 2009 Device: many	So it can properly scale the image if you tell it to keep its aspect ratio. Any image viewer on your machine should be able to give you the dimensions of the image. Or use Add Existing and add the image file to your epub in Sigil then double-click on it in Sigil's BookBrowser and the Image Tab that opens can give you the size as well as color depth and other information.

Yesterday, 02:13 PM	#7
WV-Mike Connoisseur Posts: 74 Karma: 10 Join Date: Jul 2023 Device: None	I spent years always adding the image dimensions to my web pages and then along come smart phones and tablets, and I had to remove them all or they would not display properly. I know ePubs are not webpages, but I was just wondering about that. Thanks. WV-Mike