Fix Images Cut Off When Converting DOCX to HTML in Microsoft Word
Question details
User needs to resolve an issue where images in a Microsoft Word DOCX document appear cropped or cut off after converting the file into HTML.

- Product
- Microsoft Word
- Device & OS
- not provided
- Scenario
- Converting a DOCX document containing images to HTML format for web use.
- Observed behavior
- Images are partially visible or cut off in the output HTML file because HTML does not correctly interpret Word's fixed paragraph heights or exact line-spacing settings.
Ensure your Microsoft Word application is up to date and check the wrapping style of your images to ensure they are set to 'In Line with Text' before making spacing adjustments.
Adjust Paragraph Line Spacing to Single
Changing the line spacing to Single allows the paragraph height to adjust automatically, preventing the image from being cut off in the HTML output.
When a paragraph containing an image has a fixed or 'Exactly' line height, Word might display it fine, but the HTML conversion fails to adjust the height properly. This forces the image into a container that is too small, causing it to crop.
Place your cursor at the end of your text and press Enter to create a new, separate paragraph below your text.
Drag and drop or insert your image into this newly created paragraph.
Right-click the image or the paragraph it sits in, and select 'Paragraph' from the context menu.
Under the 'Spacing' section, change the 'Line spacing' dropdown to 'Single' and click 'OK'. Save the document and export to HTML.

Insert the Image into a Blank Paragraph
Placing the image into a completely blank paragraph forces Word to create a properly sized invisible frame before exporting.
Convert DOCX to HTML Flawlessly with WPS Writer
Avoid formatting bugs and cropped images by using WPS Office to convert your documents. WPS Writer offers seamless DOCX to HTML export with excellent layout retention, ensuring your images display perfectly.
- 1. Open the DOCX file: Launch WPS Writer and open your DOCX document containing the images.
- 2. Access the Save menu: Click on 'Menu' at the top-left corner and select 'Save As'.
- 3. Select HTML format: In the file format dropdown list, choose 'Web Page File (*.html, *.htm)'.
- 4. Save the file: Click 'Save' to instantly export your document with perfectly preserved images and layout.

Frequently Asked Questions
Why do my images get cut off in HTML but look fine in Word?
Microsoft Word automatically adjusts line height on the screen for absolute paragraph heights, but standard HTML does not. If the line spacing is set to an exact value, the HTML output restricts the image to that height, cropping it visually.
Does the image wrap text setting affect HTML conversion?
Yes, 'In Line with Text' is the most reliable wrapping style for exporting to HTML. Floating images (such as 'Square' or 'Tight') may lose their exact positioning or get cropped during the conversion process.
Can I use CSS to fix the cropped images after export?
Yes. You can open the exported HTML file in a text editor and manually remove fixed 'height' or 'line-height' CSS styles applied to the image container elements. However, adjusting the settings directly in the document before exporting is usually much faster.




