一千萬個為什麽

搜索

有沒有什麽辦法讓圖像的標題始終與圖像保持一致?



我用微軟的話寫了一本有很多圖片的書。但是我面臨的問題是我給出的標題將在下一頁中介紹。我知道我可以調整圖像大小,但我想將圖像與字幕綁定。即使我將它轉換為其他格式,如mobi/epub。 也許如果它不適合在頁面上讓圖像按照這種格式縮小。

有什麽方法可以在word,epub或mobi文件中實現這一點?

轉載註明原文: 有沒有什麽辦法讓圖像的標題始終與圖像保持一致?

一共有 2 個回答:

最終,這取決於您想要支持哪些電子書閱讀器設備。

除非你制作了一本固定的布局書,否則100%的時間內工作的唯一方法就是使標題成為圖像的一部分。由於epub和mobi是可回流的文檔格式,因此用於查看文檔的設備總有可能會在下一頁上推送文本標題。但是,設備通常不會將圖像分割成多個頁面。

盡管過去我已經使用了圖像中的文本解決方案,但我個人不推薦這種解決方案,因為根據設備或屏幕的不同,可以以多種不同的尺寸和分辨率顯示圖像。讀者可能很難在閱讀電話時閱讀標題,但與電腦屏幕上的正文相比,標題可能顯得異常大。使用電子墨水閱讀器的人可能會發現圖像文字有顆粒感或難以閱讀。我同意,標題從圖像中孤立是不可取的,但我認為大多數電子書的讀者習慣於這種文本流失敗,並且寧願下一頁上的文字不能夠閱讀文本。

If you would like to do the best you probably can, you could try wrapping your image and caption in a <div> with page-break-inside: avoid; styling, but support for this CSS property is not universal, so you are still at the mercy of the device.

Some people prefer to use page-break-before: always; before the image, but this also has drawbacks. (You can end up with only one or two lines of text on a page and then a forced page-break for the image.)

In the event that all of the devices you plan to support can handle SVG tags, you could wrap the image in and include the text caption inside the SVG tag with the image. I have heard this works very well (but it requires SVG support).

If you're still interested in other more complicated ideas, you can check this thread on the MobileRead forums.

這是一個實際的建議。下載或購買Oreilly出版商(或其他一些技術出版商)的epub文件之一。 (他們甚至可以免費下載一些可用的下載)。

然後將.epub重命名為.zip,然後解壓縮這些文件。在瀏覽器中打開,轉到帶有圖形和標題或標題的章節,並通過檢查css(右鍵單擊瀏覽器選項)了解他們如何解決問題。

Blendezo的解決方案是首選解決方案,但請註意1)Google Books歷來不支持面向頁面的css,2)雖然Kindle支持圖像縮放,但它自動執行並有時可忽略css(特別是在較小的設備中) 。你將不得不使用CSS媒體查詢。

如果圖像和標題是電子書的重要組成部分,我認為可以說它只支持中大型平板電腦。

一種妥協方法是將圖像放在章節的最後或開頭 - 這些問題出現的可能性較小。