![]() |
#1 |
Junior Member
![]() Posts: 3
Karma: 10
Join Date: Dec 2020
Device: iPad
|
Cover image does not display after replace
Hi!
I am writing a booklet and started using Apple Pages as editor. I was not able to create a good eBook with this so I installed Sigil, cleaned up the mess Pages created and now have a working book in english which I would like to publish. Before I do this I would also like to have it translated to my native language, Norwegian so I have started on the translation. I then also had to create a new cover image. I added this to the image folder in Sigil, deleted the old one and used the Add Cover function in Sigil to replace the cover image. The new cover image displays fine inside Sigil and in the freda reader on my laptop. After importing it to my iPad it does not display. I only get the title without any image. I have checked the following: The name and URL looks correct in: - cover.xhtml - content.opf The cover image displays fine when previewing cover.xhtml in Sigil. The image file is located in the image directory. If I revert back to the English cover it displays fine on my iPad. If I then change to the Norwegian cover again and keep the English cover image in the image folder then the English cover image is displayed on iPad, even if all references are to the Norwegian cover! ![]() If I then delete the English cover image from the image folder then no cover image is displayed on the iPad. I have checked the width and hight parameters and they are correct. Some more info on the cover image part of these files: cover.xhtml: Code:
... <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 2480 3508" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image width="2480" height="3508" xlink:href="../Images/KubebokForsideNO-M.jpeg"/></svg> Code:
... <meta name="cover" content="KubebokForsideNO-M.jpeg"/> ... <item id="KubebokForsideNO-M.jpeg" href="Images/KubebokForsideNO-M.jpeg" media-type="image/jpeg" properties="cover-image"/> ... <spine toc="toc.ncx"> <itemref idref="cover" linear="no"/> ... <guide> <reference type="toc" title="Innholdsfortegnelse" href="Text/toc.xhtml"/> <reference type="text" title="Tittelsideinnhold" href="Text/titlePageContent.xhtml"/> </guide> A couple of additional questions:
|
![]() |
![]() |
![]() |
#2 |
350 Hoarder
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,574
Karma: 8281267
Join Date: Dec 2010
Location: Midwest USA
Device: Sony PRS-350, Kobo Glo & Glo HD, PW2
|
One thought about the image... are you certain there isn't an oddball character in the name of actual Norwegian image, such as æ ø å ö or anything similar that you're not including in the filename in the cover or opf files?
|
![]() |
![]() |
Advert | |
|
![]() |
#3 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,759
Karma: 5706256
Join Date: Nov 2009
Device: many
|
The cover image itself is not typically part of the spine. The cover.xhtml file that includes the cover should be in the spine. And typically the cover.xhtml is not set to linear="no" in the spine as that means some readers will skip it.
So try changing the first spine entry to point at the cover.xhtml and remove the linear="no" from it. You did not provide the full manifest so I do not know the id used by cover.xhtml entry to tell you what to replace the "cover" idref in the spine with. |
![]() |
![]() |
![]() |
#4 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,759
Karma: 5706256
Join Date: Nov 2009
Device: many
|
- The main dc:identifier should be changed as a translation is a different book.
- Update the dc:language metadata to your new language code - all other metadata that is language dependent should be translated as well - feel free to remove any generator or other metadata |
![]() |
![]() |
![]() |
#5 | |
Junior Member
![]() Posts: 3
Karma: 10
Join Date: Dec 2020
Device: iPad
|
Quote:
metadata cover is pointing to the image file while manifest id="cover" points to cover.xhtml. This setup is the same for the english and norwegian version so it seems to me that this should not be the issue but please tell me how it should be setup. |
|
![]() |
![]() |
Advert | |
|
![]() |
#6 | |
Grand Sorcerer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 5,726
Karma: 24031401
Join Date: Dec 2010
Device: Kindle PW2
|
Quote:
Code:
<dc:identifier id="BookId">3A0DFC72-6F1C-4DBE-8C30-F6FB0D11B4A4</dc:identifier>
(You'll also need to change the id in the toc.ncx file.) Last edited by Doitsu; 12-13-2020 at 04:26 PM. |
|
![]() |
![]() |
![]() |
#7 |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 878
Karma: 2457540
Join Date: Nov 2011
Device: none
|
Is the semantics attribute 'cover image' applied to the new cover picture file?
|
![]() |
![]() |
![]() |
#8 | |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,759
Karma: 5706256
Join Date: Nov 2009
Device: many
|
Did you try removing 'linear="no"' on the spine idref "cover" entry? Did that change anything for your reader?
Also linear="yes" is the default and is never needed. So you can safely remove 'linear="yes"' from all of the other spine entries. Quote:
|
|
![]() |
![]() |
![]() |
#9 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,759
Karma: 5706256
Join Date: Nov 2009
Device: many
|
I did not know that. That makes sense as that value should always be unique! Good suggestion!
|
![]() |
![]() |
![]() |
#10 |
Junior Member
![]() Posts: 3
Karma: 10
Join Date: Dec 2020
Device: iPad
|
It turns out that the problem is in the Apple Books reader. Looks like it does not handle any changes to the cover image. I am guessing it is caching something which makes conflicts. Deleting the app and reinstalling fixed it.
|
![]() |
![]() |
![]() |
#11 | |
Bookmaker & Cat Slave
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 11,503
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
Quote:
Hitch |
|
![]() |
![]() |
![]() |
#12 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,347
Karma: 20171571
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
Anyway of refreshing/deleting the cache without having to reinstall the app? I'm not asking for me...I don't use apple Books... but might be nice for future thread readers if there was a way that someone knew of.
|
![]() |
![]() |
![]() |
#13 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,759
Karma: 5706256
Join Date: Nov 2009
Device: many
|
If what Doitsu says is right about using the bookid as the key to the cache for cover images (and that makes good sense to me), then never reusing an old bookid for a different book is probably the best way around this.
|
![]() |
![]() |
![]() |
#14 | |
Bookmaker & Cat Slave
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 11,503
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
Quote:
Hitch |
|
![]() |
![]() |
![]() |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
Epub cover image does not display correctly | jokapo | Calibre | 7 | 02-26-2012 07:13 AM |
Cannot get thumbnail cover image to display | Derek R | Sigil | 6 | 02-13-2012 06:52 AM |
IPad2 does not display cover image of epub | sharkbc | Apple Devices | 4 | 06-24-2011 07:21 PM |
[Old Thread] Epub cover image does not display correctly | Amalthia | Calibre | 30 | 06-20-2011 11:50 AM |
Cover Image Display | JoeD | OpenInkpot | 9 | 05-05-2009 12:42 AM |