MobileRead Forums - View Single Post - Can I use the code Sigil uses for Covers for other images?

rosshalde · 12-22-2014, 11:05 PM

Ok, three questions.
1) Is this the best way to go about getting images to be widely usable on all different screen sizes/resolutions or is there a more appropriate way to go about this job?
2)I am not sure how to actually get this code to work.
I am used to inserting an image yielding something like this

<img alt="Cover Manual of Prayers" src="../Images/Cover Manual of Prayers.jpg"/>

but the svg has

<image height="1237" width="826" xlink:href="../Images/Cover%20Manual%20of%20Prayers.jpg" /></svg>

It is the xlink:href that confuses me. How do I use the svg with the normal image insert option?
3)In the Cover code, it has both width/height = 100%. That seems to be impossible as different screens have different ratios of width to height. I am assuming that is what the
preserveAspectRatio="xMidYMid meet" addresses. Should I use all of this?

12-22-2014, 11:05 PM	#3
rosshalde Zealot Posts: 142 Karma: 10 Join Date: Jun 2014 Device: nook	Ok, three questions. 1) Is this the best way to go about getting images to be widely usable on all different screen sizes/resolutions or is there a more appropriate way to go about this job? 2)I am not sure how to actually get this code to work. I am used to inserting an image yielding something like this <img alt="Cover Manual of Prayers" src="../Images/Cover Manual of Prayers.jpg"/> but the svg has <image height="1237" width="826" xlink:href="../Images/Cover%20Manual%20of%20Prayers.jpg" /></svg> It is the xlink:href that confuses me. How do I use the svg with the normal image insert option? 3)In the Cover code, it has both width/height = 100%. That seems to be impossible as different screens have different ratios of width to height. I am assuming that is what the preserveAspectRatio="xMidYMid meet" addresses. Should I use all of this?