Forum Discussion
Thumbnails for New Uploads to Picture Library Appearing Smaller than Older Uploads
We upgraded from SP13 to SPO at the start of the year. I have a Picture Library app on a modern Communications site where all of my old pictures from SP13 migrated with big, full-res thumbnails in Ti...
Lately I've noticed a change with a lot of images displaying in SPO modern sites. Lots of images get loaded from /api/sp2.1/... etc. loading a thumbnail from the driveitem object just like the graph endpoint supports. I see this also happening in the hero web part for instance or in the news web parts. Also banners on pages loads the same way. At the end of these calls the size of the image gets specified and in some cases I have noticed these are pretty small, resulting in blurry images.
Can you inspect from the browser what the image URL is and check if it is loaded from url through /api/sp2.1 ?
Can you inspect from the browser what the image URL is and check if it is loaded from url through /api/sp2.1 ?
Hi Robert Schouten - Thank you for your response!
Inspecting a full-res thumbnail alongside one that's not behaving as expected, I see both coming from the same https://[domain].sharepoint.com/_api/v2.1/drives/ directory.- If you inspect the url, you should see a size parameter. In some circumstances the size is a little bit low, causing blurry pictures.
- Thanks again for your help, Robert. I'm inspecting both URLs and I see a size specified in the style of the img tag but the only URL parameter that could be relevant looks the same for both a larger and smaller image (content?prefer=noredirect%2Cclosestavailablesize).
The IMG tags have different sizes specified their style properties, but even there I have no clue how to reconfigure my library to make new uploads the same size as the larger migrated thumbnails (let alone fix this from happening for future uploads).
Full tags below in case it helps with any future suggestions.
SMALL THUMBNAIL: <img alt="" class="image_3cf30bc1 thumbnail_a3c4364b" src="https://[DOMAIN]/_api/v2.1/drives/b!bhKsjW1n4Eu41ey9m4C1FxfyiszxVqpCvWKTgN1hACmqrAFOpRlfR5sbFOObPbHH/items/01UIYPQACBDQRF4UEPVRAI3BASVMFMEINP/thumbnails/0/c176x171/content?prefer=noredirect%2Cclosestavailablesize&cb=%22%7B5E221C41%2D8F50%2D40AC%2D8D84%2D12AB0AC221AF%7D%2C3%22" style="width: 176px; height: 73.48px;">
LARGE THUMBNAIL: <img alt="" class="image_3cf30bc1 thumbnail_a3c4364b" src="https://[DOMAIN]/_api/v2.1/drives/b!bhKsjW1n4Eu41ey9m4C1FxfyiszxVqpCvWKTgN1hACmqrAFOpRlfR5sbFOObPbHH/items/01UIYPQABKP3SSIEFJCJA3M4AZN4KVVIL2/thumbnails/0/c411x171/content?prefer=noredirect%2Cclosestavailablesize&cb=%22%7B24E57E2A%2DA910%2D4112%2DB670%2D196F155AA17A%7D%2C11%22" style="width: 410.4px; height: 171px;">
