topic Re: Expanded images in sidecar fuzzy in ArcGIS StoryMaps Questions

Expanded images in sidecar fuzzy

Anonymous User — Thu, 19 Nov 2020 16:18:18 GMT

Images in my sidecar are incredibly fuzzy/blurry. Is there a optimal workflow or image requirement when placing images in story maps? I have attached a video to show what I am seeing. The particular story map is my testing one so I cannot share it publicly, however, I can share it with a private group for troubleshooting purposes.

Thanks!

Re: Expanded images in sidecar fuzzy

OwenGeo — Thu, 19 Nov 2020 16:58:43 GMT

Hi @Anonymous User -- Thanks for providing feedback about this image quality issue. Are those PNGs? There is currently an issue with the ArcGIS Online back-end with serving out PNG images. We've heard that this issue should be addressed in the update coming in mid-Dec.

If you convert your original images to JPGs, do you still see the same issue?

Re: Expanded images in sidecar fuzzy

Anonymous User — Thu, 19 Nov 2020 18:01:50 GMT

The images are both JPG's and PNG's, I used both to show it didn't matter. The caption below says what they are.

The original images are from Excel and I've tried to convert them using Word, Affinity Photo, and MS paint. But when placed in sidecar and expanded they all look the same, very blurry.

Re: Expanded images in sidecar fuzzy

OwenGeo — Thu, 19 Nov 2020 18:49:38 GMT

We can reproduce this issue. We'll look into this more and update this thread when we have additional info.

Re: Expanded images in sidecar fuzzy

Anonymous User — Thu, 19 Nov 2020 18:57:51 GMT

Thank you for your assistance and quick reply Owen.

Re: Expanded images in sidecar fuzzy

KateMcMahon — Tue, 01 Dec 2020 15:52:29 GMT

Hi Owen, I'd like to piggyback off of this same issue: we are having massive compression issues with images embedded in Sidecar in particular. When clicked to enlarge, nearly all of the images are compressed to the point of being illegible. This is a particular problem for us as we are showing archival manuscript documents with writing on them that are not legible at all. We have tried different file types and different sizes to see if that will help but nothing has. We are supposed to be launching our map in December and right now we cannot do that with it looking the way it does. Any update on this fix would be greatly appreciated.

Re: Expanded images in sidecar fuzzy

OwenGeo — Wed, 02 Dec 2020 14:13:33 GMT

@Anonymous User @KateMcMahon -- This issue will be addressed in an update coming later today. Please check your stories tomorrow and let us know if you are still seeing this issue.

Re: Expanded images in sidecar fuzzy

KateMcMahon — Wed, 02 Dec 2020 14:15:45 GMT

Thanks so much for the quick turnaround!

Re: Expanded images in sidecar fuzzy

Anonymous User — Wed, 02 Dec 2020 19:34:59 GMT

Very cool, thank you Owen!

Re: Expanded images in sidecar fuzzy

Anonymous User — Thu, 03 Dec 2020 12:44:54 GMT

Morning Owen,

Got a chance to try it out and it seems to have worked. Images are coming in crisp except for one PNG so far that doesn't show up until you expand it. But I think you said in a different post that the PNG issue will be resolved in the December update.

Problem is the issue of when you open builder it says there are unpublished changes right away without making any actual changes. I know this is similar to an old issue that was resolved a couple of months ago (see Image bug when opening builder ) but wondering if it is related to this patch. See attached video for better explanation.

Re: Expanded images in sidecar fuzzy

OwenGeo — Fri, 04 Dec 2020 13:35:06 GMT

@Anonymous UserI'm glad to hear the fix we deployed for the expanded image quality issue has addressed that problem for you.

Yes, the PNG issue is a back-end issue and should be fixed next week in the ArcGIS Online update. From what I've heard from them, it's possible that you may need to re-add the PNG to your story to fix the issue.

Re: Expanded images in sidecar fuzzy

katherine_evans — Fri, 28 Oct 2022 17:09:14 GMT

Hi,

I have also been having an issue with blurry images. When I am in editing mode, the images look perfectly clear. However, when I change to view the story map (not in editing), the images appear blurry (see attached). If I click on the images, the image of course will enlarge. When I click again to have it go back to the original size it is no longer blurry (see attached). Anything you can do to help with this issue would be greatly appreciated.

Re: Expanded images in sidecar fuzzy

OwenGeo — Fri, 28 Oct 2022 21:40:19 GMT

@katherine_evans -- This can sometimes happens if your screenshots are not large enough or not a high enough resolution. Even if they look clear in the builder the text might look blurry when viewing the story because the images are resized for performance reasons. If there isn't sufficient detail in the image, text may not look great.

Be sure you are using PNG format images (not JPG) and set your monitor to the highest resolution possible before taking screenshots that you intend to use in a story. In a few other cases where people reported this, this solution fixed the issue.

Re: Expanded images in sidecar fuzzy

katherine_evans — Tue, 01 Nov 2022 11:34:45 GMT

Even though when you are viewing the story and click on the image, it corrects itself and is no longer blurry? Also these are not screen shots they were exported as jpeg. I could try exporting them all as png, do you think that would work? It seems weird that if this is the issue, the image will still correct itself when the image is clicked on when viewing the story.

Re: Expanded images in sidecar fuzzy

katherine_evans — Tue, 01 Nov 2022 13:50:17 GMT

I tried png and it still didn't work

Re: Expanded images in sidecar fuzzy

OwenGeo — Tue, 01 Nov 2022 14:04:40 GMT

@katherine_evans -- Could you ZIP up your original images and share them here so we can test things on our end?

Re: Expanded images in sidecar fuzzy

katherine_evans — Tue, 01 Nov 2022 14:37:42 GMT

I have uploaded some files we were using, there is also a couple of PNG I tried (most are JPEG). Let me know if you need more files. Please note, I work for the state of Ga and these files are considered a draft right now. Please don't share. Thanks again for your help on this.

Re: Expanded images in sidecar fuzzy

OwenGeo — Tue, 01 Nov 2022 15:25:24 GMT

@katherine_evans -- We looked into this and most of these images are compressed JPGs and don't look clear to me even in their original form.

The two PNGs you provided are the only images that are sufficient quality and format to use for images on the web with text. However, they are much larger than needed (3300px wide), so to ensure the images load quickly when readers view your story the builder has to resize them. This sometimes can have a slight effect on their appearance. In our testing, we do notice a slight difference between the original and how the image looks in a story, but the text is still clear. I'd recommend exporting the images at a size closer to 2000px wide, which will give you a result that should be closer to what you'd expect to see in the builder and provide clear text in the images.

Please also see this article which has some good information and tips on working with and preparing images for use in a story. A Guide to Working with Images in ArcGIS StoryMaps (esri.com)

Re: Expanded images in sidecar fuzzy

katherine_evans — Tue, 01 Nov 2022 16:49:51 GMT

Thank you so much for taking a look at this, I will try your suggestions. Hope you have a great afternoon

Re: Expanded images in sidecar fuzzy

katherine_evans — Tue, 01 Nov 2022 17:22:52 GMT

I tried the you suggestion and uploaded the images (PNG with 2000px), they are still blurry. the one on the left is clear, but only after I clicked on it to bring it to full screen, then clicked again to bring it back to the story map. The right I have not touched, but if I double clicked on it, it would probably clear up.