DEV Community

Jayendran Arumugam
Jayendran Arumugam

Posted on

Blurry screenshots after uploaded in Dev.to Post?

Not sure that I'm only facing this issue !? Whenever I upload some screenshots from my PC for my post, It was looking blurry during the preview and after the publish.

If you look at my recent post Azure Synapse Analytics(workspaces): Deploy and Debug - Part 1 most of the screenshots are blurry. I tried with many different ways to get screenshots like snipper, Snagit nothing seems to work for me.

Eg.,
Some of the screenshot like

Alt Text

Top comments (5)

Collapse
 
rhymes profile image
rhymes

Hi @jayendran

it looks to me that the original uploaded pictures are also blurry:

just a little bigger.

Could you provide a link to the original images, maybe stored somewhere else for comparison?

Thank you!

Collapse
 
jayendran profile image
Jayendran Arumugam • Edited

Hi @rhymes,

Thanks for your response. I think i found something.The url is appending with something like
res.cloudinary.com/practicaldev/im... before the actual uploaded image which makes the blur ? No idea

Image uploaded in stackoverflow:
i.stack.imgur.com/PCVgI.jpg

Actual Image uploaded in dev.to:(which is good)
dev-to-uploads.s3.amazonaws.com/i/...

But actual url which comes when we click the URL:
res.cloudinary.com/practicaldev/im...

Collapse
 
rhymes profile image
rhymes

I don't think it's blurred, the original image is already low quality for me:

$ identify PCVgI.jpg
PCVgI.jpg JPEG 910x494 910x494+0+0 8-bit sRGB 42085B 0.000u 0:00.000

The one uploaded to our S3 is the same image, we only remove EXIF data which in this case is not present.

I think what Cloudinary is doing is delivering automatic format quality which, to a low quality image resized to 880 pixels will result to even more compression artifacts.

Is there a chance you can upload a higher quality image?

Thread Thread
 
jayendran profile image
Jayendran Arumugam

I've used a snipper and Snagit tool from my windows 10 machine. Not sure how to take higher quality images with that. Do you know any tool or method which can help to take higher quality images screenshot from the desktop?

On the other hand, Is there a way to skip or tell the Cloudinary to don't format the quality? since it is already on low quality?

Thread Thread
 
rhymes profile image
rhymes

I've used a snipper and Snagit tool from my windows 10 machine. Not sure how to take higher quality images with that. Do you know any tool or method which can help to take higher quality images screenshot from the desktop?

Windows 10 has its own screenshotting builtin capabilities: support.microsoft.com/en-us/help/4... (in addition to Print Screen I guess)

On the other hand, Is there a way to skip or tell the Cloudinary to don't format the quality? since it is already on low quality?

Not at the moment. We use q_auto to let Cloudinary algorithm choose the quality, which also depends on the client.

I tried both with q_auto and q_auto:best and despite the files having different sizes I can't see any difference in the image quality: