HTLM to EPUB

mga010 · 05-06-2014, 03:01 AM

I obviously need some help to convert HTML to EPUB. I managed to convert the following code:

Code:

<!DOCTYPE html>
<html>

<head>
<meta content="de" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<style type="text/css">
.pimg {
	font-size:8pt;
	text-align: center;
	width:90%;
}
p {
	font-size:12pt;
	text-align: left;
	width:95%;
}
</style>
</head>

<body style="font-family:Arial, Helvetica, sans-serif; background:white;">

<h1 style="text-align:right; font-size:24pt; border-bottom: gray solid; margin-bottom: 5pt;">Fotografie</h1>
<p>Fotografie ist ein wunderbares Hobby.</p>
<p class="pimg"><img alt="Köln" src="koeln.jpg"><br />Köln</p>

</body>

</html>

The "book" looks good in the Calibre EPub reader.

But when I look at this code in Aldiko on my Android, the image is too small, the fonts are wrong and the aligments are wrong. Obviously, the CSS is discarded. The same on MoonReader.

I tried uploading to Google Books. This helped a bit. But the image is too small there. This is no surprise since the log below tells me that it re-scaled.

Where can I find information on this, or a tutorial.

Thanks for any hints!

Code:

Konvertiere Buch 1 von 1 (Fotografie)
Processing archive...
Resolved conversion options
calibre version: 1.35.0
{'asciiize': False,
 'author_sort': None,
 'authors': None,
 'base_font_size': 0.0,
 'book_producer': None,
 'breadth_first': False,
 'change_justification': u'original',
 'chapter': u"//*[((name()='h1' or name()='h2') and re:test(., '\\s*((chapter|book|section|part)\\s+)|((prolog|prologue|epilogue)(\\s+|$))', 'i')) or @class = 'chapter']",
 'chapter_mark': u'pagebreak',
 'comments': None,
 'cover': None,
 'debug_pipeline': None,
 'dehyphenate': True,
 'delete_blank_paragraphs': True,
 'disable_font_rescaling': False,
 'dont_package': False,
 'dont_split_on_page_breaks': False,
 'duplicate_links_in_toc': False,
 'embed_all_fonts': False,
 'embed_font_family': None,
 'enable_heuristics': False,
 'epub_flatten': False,
 'epub_inline_toc': False,
 'epub_toc_at_end': False,
 'expand_css': False,
 'extra_css': None,
 'extract_to': None,
 'filter_css': u'',
 'fix_indents': True,
 'flow_size': 260,
 'font_size_mapping': None,
 'format_scene_breaks': True,
 'html_unwrap_factor': 0.4,
 'input_encoding': None,
 'input_profile': <calibre.customize.profiles.InputProfile object at 0x02F19670>,
 'insert_blank_line': False,
 'insert_blank_line_size': 0.5,
 'insert_metadata': False,
 'isbn': None,
 'italicize_common_cases': True,
 'keep_ligatures': False,
 'language': None,
 'level1_toc': None,
 'level2_toc': None,
 'level3_toc': None,
 'line_height': 0.0,
 'linearize_tables': False,
 'margin_bottom': 5.0,
 'margin_left': 5.0,
 'margin_right': 5.0,
 'margin_top': 5.0,
 'markup_chapter_headings': True,
 'max_levels': 5,
 'max_toc_links': 50,
 'minimum_line_height': 120.0,
 'no_chapters_in_toc': False,
 'no_default_epub_cover': False,
 'no_inline_navbars': False,
 'no_svg_cover': False,
 'output_profile': <calibre.customize.profiles.GenericEink object at 0x02F19870>,
 'page_breaks_before': u"//*[name()='h1' or name()='h2']",
 'prefer_metadata_cover': False,
 'preserve_cover_aspect_ratio': False,
 'pretty_print': True,
 'pubdate': None,
 'publisher': None,
 'rating': None,
 'read_metadata_from_opf': u'C:\\Users\\Rene\\AppData\\Local\\Temp\\calibre_jkqcab\\wfv5ii.opf',
 'remove_fake_margins': True,
 'remove_first_image': False,
 'remove_paragraph_spacing': False,
 'remove_paragraph_spacing_indent_size': 1.5,
 'renumber_headings': True,
 'replace_scene_breaks': u'',
 'search_replace': '[]',
 'series': None,
 'series_index': None,
 'smarten_punctuation': False,
 'sr1_replace': None,
 'sr1_search': None,
 'sr2_replace': None,
 'sr2_search': None,
 'sr3_replace': None,
 'sr3_search': None,
 'start_reading_at': None,
 'subset_embedded_fonts': False,
 'tags': None,
 'timestamp': None,
 'title': None,
 'title_sort': None,
 'toc_filter': None,
 'toc_threshold': 6,
 'toc_title': None,
 'unsmarten_punctuation': False,
 'unwrap_lines': True,
 'use_auto_toc': False,
 'verbose': 2}
InputFormatPlugin: HTML Input running
on C:\Users\Rene\AppData\Local\Temp\calibre_jkqcab\tohynk_pl_arc\content.opf
Parsing all content...
Manifest item 'toc.ncx' not found
Parsing default.html ...
Generating default TOC from spine...
Merging user specified metadata...
Detecting structure...
Auto generated TOC with 0 entries.
Flattening CSS and remapping font sizes...
Source base font size is 12.00000pt
Removing fake margins...
Found 2 items of level: p_1
Ignoring level p_1
Cleaning up manifest...
Trimming unused files from manifest...
Creating EPUB Output...
Rescaling image from 1000x664 to 566x376 koeln.jpg
Splitting markup on page breaks and flow limits, if any...
		Splitting on page-break at id=calibre_pb_0
	Looking for large trees in default.html...
	No large trees found
Generating default cover
This EPUB file has no Table of Contents. Creating a default TOC
EPUB output written to C:\Users\Rene\AppData\Local\Temp\calibre_jkqcab\hpqa43.epub

jackie_w · 05-06-2014, 06:18 PM

Quote:

Originally Posted by mga010

Code:

... ...
Creating EPUB Output...
Rescaling image from 1000x664 to 566x376 koeln.jpg
...

These lines from your conversion log give the clue to your image size problem. If you're going to be reading epubs on a hi-res phone/tablet you'd be better changing your calibre conversion default Output profile to 'Tablet' so that no image scaling is done. For a book which already has conversion settings it's under Convert - PageSetup - Output profile - Tablet. To set for future new books it's Prefs - Common Options - PageSetup - Output profile - Tablet

As for setting a specific font-family in an Android app ... this can be a can of worms as apps have varying abilities to set fonts. If it's a decent epub app, one method which should work is if you fully embed the necessary font files inside every epub and add the relevant @font-face commands to your css which point to the precise location of the ttf/otf font files. Calibre has an embed font feature on the Convert - Look&Feel page to facilitate this. I don't use it myself so you'll need to experiment. I don't know of any android app which understands css like font-family: Arial unless you have embedded the Arial ttfs and included the necessary @font-faces.

If you don't want to embed fonts (and I certainly don't), some apps (e.g. Mantano, Moon+, Coolreader) let you copy your font files to the android device itself (just the once) and have settings to let you choose which one you want. In this case you don't need to worry about the @font-faces and, as a general rule, I'd also suggest removing font-family: statements from your css - although generic settings like font-family: sans-serif may be OK.

mga010 · 05-07-2014, 06:47 AM

Yes, the Tablet style is a lot better. Thanks!

I tried a longer text. There are still numerous problems. E.g., Aldiko does not respect my centered text style (style="text-align: center"), while MoonReader does. Both do not respect div-sections with margins (<div style="margin:20px;">), nor borders (style="border:solid gray thin"). On MoonReader, I have one page which cannot be viewed since it immediately flips to the next page. It has an image on it, which might be the reason.

I converted the text to the Kindle format using the Kindle Previewer. That seems to respect a lot more styles and looks way better. But, of course, even there are numerous hazards.

From the epubs I have seen, it seems to be difficult to publish technical texts or text with images. It is okay for novels. Using a PDF might be a solution. I have to consider this seriously.

jackie_w · 05-07-2014, 02:27 PM

Finding the "best" android app is indeed quite a task

My experience so far has been that Mantano is best at honouring css styles - Moon+ can be quite poor. Moon+ has more customisation options and a free 'sync reading position to Dropbox' feature. "Y'pays yer money and takes yer choice"

05-07-2014, 06:47 AM	#3
mga010 Junior Member Posts: 4 Karma: 10 Join Date: Jun 2011 Device: none	Still some Problems Yes, the Tablet style is a lot better. Thanks! I tried a longer text. There are still numerous problems. E.g., Aldiko does not respect my centered text style (style="text-align: center"), while MoonReader does. Both do not respect div-sections with margins (<div style="margin:20px;">), nor borders (style="border:solid gray thin"). On MoonReader, I have one page which cannot be viewed since it immediately flips to the next page. It has an image on it, which might be the reason. I converted the text to the Kindle format using the Kindle Previewer. That seems to respect a lot more styles and looks way better. But, of course, even there are numerous hazards. From the epubs I have seen, it seems to be difficult to publish technical texts or text with images. It is okay for novels. Using a PDF might be a solution. I have to consider this seriously.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
A New Epub Creator: txt to epub, word to epub	oxen	ePub	120	07-22-2019 02:28 PM
redo epub to epub - don't use original-epub	cybmole	Conversion	8	02-20-2014 05:21 AM
Table Borders From HTLM to MOBI	Kth.Williamson	Calibre	3	08-23-2013 02:44 AM
epub, ePub, EPUB, warum blos ePub?	flowoeB	Lounge	5	11-27-2009 09:37 AM
Problem with French accents, converting HTLM (ISO8859-1) to LRF	aelkaim	Calibre	9	01-04-2009 12:45 PM

05-07-2014, 02:27 PM	#4
jackie_w Grand Sorcerer Posts: 6,212 Karma: 16534894 Join Date: Sep 2009 Location: UK Device: Kobo: KA1, ClaraHD, Forma, Libra2, Clara2E. PocketBook: TouchHD3	Finding the "best" android app is indeed quite a task My experience so far has been that Mantano is best at honouring css styles - Moon+ can be quite poor. Moon+ has more customisation options and a free 'sync reading position to Dropbox' feature. "Y'pays yer money and takes yer choice"

Advert