'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM11.6162%204.38379C11.2257%203.99337%2010.5927%203.99338%2010.2021%204.38379L8%206.58594L5.79785%204.38379C5.40732%203.99334%204.77429%203.99329%204.38379%204.38379C3.99331%204.77429%203.99335%205.40733%204.38379%205.79785L6.58594%208L4.38379%2010.2021C3.99348%2010.5927%203.99341%2011.2257%204.38379%2011.6162C4.77426%2012.0066%205.40734%2012.0065%205.79785%2011.6162L8%209.41406L10.2021%2011.6162C10.5927%2012.0066%2011.2257%2012.0067%2011.6162%2011.6162C12.0067%2011.2257%2012.0066%2010.5927%2011.6162%2010.2021L9.41406%208L11.6162%205.79785C12.0066%205.40735%2012.0066%204.77429%2011.6162%204.38379Z'%20fill='%23080E17'%20fill-opacity='0.46'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3761_713'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
How to Fix OneDrive Embedded Photos Not Displaying on Websites
Question details
Newer photos embedded from OneDrive are failing to display on blogs, webpages, or Power BI, whereas older embedded photos continue to load correctly.
- Product
- Microsoft OneDrive
- Device & OS
- not provided
- Scenario
- Embedding images hosted on Microsoft OneDrive into external webpages, blogs, or Power BI dashboards for public or organizational viewing.
- Observed behavior
- Newly embedded photos show broken image links or fail to load entirely, likely due to updated OneDrive access policies, altered embedding behavior, or strict sharing permissions.
Verify that your Microsoft account is currently active and that the affected image files have not been moved, renamed, or deleted from your OneDrive folder.
Recreate the Embed Link Using Current OneDrive Settings
Generate a fresh embed code directly from the OneDrive web interface to ensure it complies with Microsoft's latest authentication and embedding policies.
Microsoft periodically updates its security and embedding protocols. Simply copying a file URL from your browser's address bar is no longer sufficient for displaying images on external sites. You must use the dedicated 'Embed' feature to generate a permanent, public-facing HTML tag or URL.
Navigate to the OneDrive website in your browser and log in with the account hosting the photos.
Locate the image you want to embed, right-click it (or check the circle in the upper-right corner of the file), and select 'Embed' from the top menu or context menu.
In the Embed panel on the right side of the screen, click 'Generate' to create the HTML code. You can also extract the direct image URL from the 'src' attribute within this code.
Copy the generated code or URL and replace the broken image link in your blog, webpage, or Power BI dashboard.
Adjust File Sharing Permissions to Public
Ensure the image file is shared with 'Anyone with the link' so it does not require viewers to authenticate before loading.
Consult Microsoft Q&A for Web Development Scenarios
If standard embedding and sharing fixes do not resolve the issue, escalate the problem to the developer community.
Manage and Share Files Seamlessly with WPS Office
If you are experiencing ongoing frustration with Microsoft's cloud embedding policies or file sharing restrictions, consider using WPS Office. It provides an intuitive, lightweight, and free alternative with powerful built-in cloud storage for reliable file management.
- 1. Download WPS Office: Visit the official WPS website to download and install the free software on your device.
- 2. Sign In to WPS Cloud: Launch the application and log in to activate your free WPS Cloud storage space.
- 3. Upload and Share: Upload your documents or images to WPS Cloud, right-click, and select 'Share' to generate reliable, secure public links.
Frequently Asked Questions
Why do my older OneDrive embedded photos still work but new ones don't?
Microsoft frequently updates its security policies and sharing mechanisms. Older embed links are often grandfathered in and continue to function, whereas new files require adherence to the latest embed code formats and stricter authentication rules.
Can I just copy the URL from my browser to embed a OneDrive image?
No. Copying the URL from the browser's address bar only links to the OneDrive web viewer, which requires authentication and contains web page elements. To display an image natively on a website, you must use the 'Embed' option to generate a direct, public-facing source link.
Does Power BI require special permissions for OneDrive images?
Yes. Power BI dashboards require image URLs to be completely public and directly accessible. If the OneDrive link requires authentication or involves a web redirect, Power BI cannot render the image, resulting in a broken visual.
What if the 'Anyone with the link' option is grayed out?
If you are using a OneDrive for Business or School account, your organization's IT administrator may have disabled external or anonymous sharing. You will need to contact your IT department to allow public sharing for those specific files.
