Answers.Body: <p>Even in a Windows environment using ADE eReader it still sets it all back to &quot;aligned with text&quot; (no full screen width spread). Full screen width spread is usually intended for PRINT books.
  It's doubtful that full image spread would ever work on most eReaders (due to the way an epub functions and due to the way most eReaders design their software for the surrounding device edge gap space).</p>
  <p>That being said, KDP likely has some kind of internal code overwrite that allows that &quot;full screen or page spread&quot; to function in their KPF format ONLY. Getting other eReaders (or any .epub) to accept that kind of code would be like chasing moonbeams.</p>
  <p>I opened an exported KDP Epub  (one that had full screen width image spread in it) to see if that specialized CSS was exported but not utilized. The only code it exported was width:100% and text-align; no specialized image spread capability.</p>
  <p>So...what you can experiment with....
  Here are several links describing methods for full image spread across the web screens (for CSS web page use). You can experiment with these and perhaps find success somehow.<br />
  <a href="https://css-tricks.com/full-bleed/" rel="nofollow noreferrer">CSS Tricks - bleeds</a><br />
  <a href="https://kilianvalkhof.com/2020/css-html/full-bleed-layout-using-simple-css/" rel="nofollow noreferrer">And another link on bleeds</a></p>
  <p>Info about KDP paperback book image bleed.
  <a href="https://kdp.amazon.com/en_US/help/topic/GVBQ3CMEQW3W2VL6" rel="nofollow noreferrer">KDP image bleed</a></p>
  <p>Full width mage bleed link you asked about:
  <a href="https://kdp.amazon.com/en_US/help/topic/G7R2L7V5X6SJH948#images" rel="nofollow noreferrer">KDP image full width bleed</a></p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2023-10-19T17:07:30.760Z
Answers.LastActivityDate: 2023-10-19T17:07:30.760Z
Answers.UserDisplayName: granite
Body: <p>Kindle Create has a new feature called &quot;image bleed&quot;. It extends an image past the left and right margins by placing it on the edge. I'm wondering how to reproduce it, is there a way to create it in CSS? I am creating the e-book in epub format with Sigel editor.</p>
  <p>The image bleed is ignored if I export to epub format on Kindle Create. Only in the KPF file does it work well.</p>
  
Tags: <kindle><epub><editing><formatting>
Title: Extending images to edges of screen (bleed) with CSS to Kindle
UserDisplayName: caiquearaujo
ThreadText: # Extending images to edges of screen (bleed) with CSS to Kindle
  
  (Asked by: username_0 on 2023-10-09)
  
  Kindle Create has a new feature called "image bleed". It extends an image past the left and right margins by placing it on the edge. I'm wondering how to reproduce it, is there a way to create it in CSS? I am creating the e-book in epub format with Sigel editor.
  
  The image bleed is ignored if I export to epub format on Kindle Create. Only in the KPF file does it work well.
  
  **Tags:** kindle, epub, editing, formatting
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2023-10-19. Score: 0
  
  Even in a Windows environment using ADE eReader it still sets it all back to "aligned with text" (no full screen width spread). Full screen width spread is usually intended for PRINT books.
  It's doubtful that full image spread would ever work on most eReaders (due to the way an epub functions and due to the way most eReaders design their software for the surrounding device edge gap space).
  
  That being said, KDP likely has some kind of internal code overwrite that allows that "full screen or page spread" to function in their KPF format ONLY. Getting other eReaders (or any .epub) to accept that kind of code would be like chasing moonbeams.
  
  I opened an exported KDP Epub (one that had full screen width image spread in it) to see if that specialized CSS was exported but not utilized. The only code it exported was width:100% and text-align; no specialized image spread capability.
  
  So...what you can experiment with....
  Here are several links describing methods for full image spread across the web screens (for CSS web page use). You can experiment with these and perhaps find success somehow.  
  [CSS Tricks - bleeds](https://css-tricks.com/full-bleed/)  
  [And another link on bleeds](https://kilianvalkhof.com/2020/css-html/full-bleed-layout-using-simple-css/)
  
  Info about KDP paperback book image bleed.
  [KDP image bleed](https://kdp.amazon.com/en_US/help/topic/GVBQ3CMEQW3W2VL6)
  
  Full width mage bleed link you asked about:
  [KDP image full width bleed](https://kdp.amazon.com/en_US/help/topic/G7R2L7V5X6SJH948#images)
  
  
  ---
  
  