Hello,
I am happy to have found your forum and I sincerely hope that you will be able to help me. Sorry for my English, I'm French.
Because of the Covid-19, I decided to write a book to help a grandparent's bereaved children because of the virus.
To try to give this book away for free as quickly as possible, I decided to make an ebook.
I am not a computer scientist and I apologize in advance for my low level.
Since I basically had a pdf, my book is 20 pages long, and I absolutely wanted to fix my layout,
Here's what I did:
I got each of my pages from my pdf in jpeg and png.
On Sigil: I started on the project to make a .epub3 where I put a photo (either in jpeg or in png depending on the weight / resolution) per page.
Here is my pb: .epub obtained works wonderfully on all e-readers and tablets tested EXCEPT on PocketBook.
On this brand, only my pages with jpeg images are displayed and not the png. While this brand accepts png normally. The pages with png image do not appear in the reader. There is a page but white.
I miss spending all my pages in jpeg because the resolution is better in png for an almost identical weight. Since my text is in these images, I will not want to affect the visual quality.
I do not understand. No matter how much I check again and again, I don't see why everyone else is reading my png and not this mark.
here are excerpts from my file content.opf
<meta name="cover" content="cover.jpg" />
</metadata>
<manifest>
<item id="Section0002.xhtml" href="Text/Section0002.xhtml" media-type="application/xhtml+xml"/>
<item id="Section0003.xhtml" href="Text/Section0003.xhtml" media-type="application/xhtml+xml"/>
<item id="Section0004.xhtml" href="Text/Section0004.xhtml" media-type="application/xhtml+xml"/>
<item id="Section0005.xhtml" href="Text/Section0005.xhtml" media-type="application/xhtml+xml"/>
(.....)
<item id="ncx" href="toc.ncx" media-type="application/x-dtbncx+xml"/>
<item id="cover.xhtml" href="Text/cover.xhtml" media-type="application/xhtml+xml"/>
<item id="x1.jpg" href="Images/1.jpg" media-type="image/jpeg"/>
<item id="x2.jpg" href="Images/2.jpg" media-type="image/jpeg"/>
<item id="x3.png" href="Images/3.png" media-type="image/png"/>
<item id="x4.png" href="Images/4.png" media-type="image/png"/>
<item id="x5.png" href="Images/5.png" media-type="image/png"/>
I only put the first pages for you. Do you see any errors? I put it well : media-type="image/png". Should we write it differently?
I also give you what I have in my "Section0003.xhtml" where there is a pgn image.
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Gramps</title>
</head>
<body>
<div style="text-align: center; padding: 0pt; margin: 0pt;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 1410 2250" preserveAspectRatio="xMidYMid">
<image width="1410" height="2250" xlink:href="../Images/3.png"/>
</svg>
</div>
</body>
</html>
To compare, I also give you what I have in my "Section0002.xhtml" where there is a jpeg image. (this one works)
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Dedication</title>
</head>
<body>
<div style="text-align: center; padding: 0pt; margin: 0pt;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 1410 2250" preserveAspectRatio="xMidYMid">
<image width="1410" height="2250" xlink:href="../Images/2.jpg"/>
</svg>
</div>
</body>
</html>
:help:
Thank you so much.
Take care,
Marion.