Looking to speed up your webpage but facing slow load times due to large image sizes? You've come to the right place! Follow these simple steps to optimize image size in SharePoint Framework (SPFx):
Retrieve the image URL. For example, let's say your image is located at "sites/SiteName/SiteAssets/Lists/image.png".
Initialize a variable to get the site location origin. For example, let siteOriUrl = window.location.origin.
Initialize another variable to add to the end of the URL. For example, let endURL = ":/driveItem/thumbnails/0/small/content?preferNoRedirect=true".
Combine these two variables to create an optimized image URL: let optimizedImgUrl = siteOriUrl + encodeURI(imgUrl) + endURL.
Use the optimizedImgUrl wherever you want to use the image.
By following these steps, you can optimize your image size in SPFx and reduce the load time of your webpage.
Recent Blogs
Should Christians Call Anyone on Earth "Father". Exploring the Meaning of Matthew 23:9 -
Matthew 23:9 is a verse in the Bible that has been interpreted in various ways by different Christian denominations. Some interpret it literally, and refrain from calling any human being "father" as a title of respect or authority. Others see it as a warning against idolizing human leaders and emphasize the importance of focusing on God as the ultimate authority and source of truth. This article explores the meaning of Matthew 23:9 and provides insights into the different interpretations and contexts in which this verse has been used.
Continue reading
6 Tips for Choosing the Right Phone: A Guide to Finding the Perfect Device
Looking for the perfect phone? This blog provides 6 tips to help you choose the right device, from determining your budget to evaluating camera quality and considering additional features. Whether you're new to smartphones or simply looking for an upgrade, this guide can help you make an informed decision.
Continue reading
Creating a Communication Site in SharePoint Online: A Step-by-Step Guide
Learn how to create a communication site in SharePoint Online with this step-by-step guide. Create a hub for sharing news, reports, and other important information with your audience.
Continue reading
KHANGKHUI PHUNGDHAR HARVA KHANGAI
Explore the beauty and history of Khangkhui Phungdhar Harva Khangai, a hidden peak in Manipur, India. Learn about the stunning views of sunrise and sunset, and the area's historical significance as a battleground during World War II. Plan your next adventure to this lesser-known destination with our comprehensive guide.
Continue reading