sos, image looks great in lightroom and in preview but when i upload to anywhere its low quality!

[leoniej31752922]

Hello!

I havent had this issue before except for with my new canon r6

Im having a nightmare so my photos are exactly how I want them to be at 100 percent in lightroom but then I export them, they look fine zoomed in preview but when I upload them to my wix site, instagram and facebook they lose the resolution. they are around 11mb, i have tried reducing them to 1080 res and then they look even worse! 

I have tried everything from resizing to re editing and cannot work it out. When I download them on my phone via dropbox they take a while to load but once theyre loaded and I zoom in they are also great!

Any help would be massssssively appreciated 

[Jao vdL]

Show your settings in the export panel in Lightroom Classic. Make sure you export to large enough resolution. Typically around 2000 pixels on the long end is what you want. Also make sure to set the quality to 85% or higher, and to use the sRGB color space. 

[dj_paige]

What is the size (in pixels, not inches or megabytes) of the exported photo that you are trying to use on Wix or social media?

[leoniej31752922]

hey ive popped down below my screenshots 🙂

[leoniej31752922]

 

  

[dj_paige]

The screen captures do not show Lightroom Classic, they show some other program. You might want to post in the proper forum, not this forum which is the Lightroom Classic forum

[Jao vdL]

Yoiur screenshots from Photoshop, preview, and Lightroom Cloudy show that you are not scaling down your image but are trying to feed these social media apps your full resolution file. There are a few things to realize. When your images go to instagram or facebook, they scale down your images and do so extremely badly. instagram has a maximum size of 1080 pixels wide. For vertical images the maximum tallnes is 1350 pixels. If you post on instagram, the best thing to do is to crop to one of the standard aspact ratios there (typically 1x1) and export to 1080 pixels wide. Also make sure to select about a quality of 85 (DO NOT FEED IT QUALITY 100 as it will trigger a bad recompression), and to select output sharpening for screen of medium or high. That should give you optimal quality there. You can't get instagram images to look much better than that. Facebook can take somewhat larger sizes but their scaling algorithm is horrid, so you are again best of not giving it too large an image nor one at a too high quality setting. Again scale down to a size of about 1500 to 1800 pixels on the long side and make sure to employ output sharpening. For both these apps if you give it your highest quality and size image they will absolutely wreck it so best to scale down and compress a bit yourself so which avoids the apps overly damaging your images.

[leoniej31752922]

Hey I thought this might be the case but have worked on scaling it down with no prevail in fact it looks horrendous when I've scaled it right down to the following size 

 im also experiencing the problem on wix as well where I thought it would be able to handle the bigger sizes 

 

[Jao vdL]

These settings should work to get you optimal quality. The photo of the couple is enormously pixelated so not sure what is going on there. That appears to be opened in preview so noit in your webbrowser. Can you send us a link to the pictures above or a real screenshot? On Macs you make screenshot by typing screenshot in the little looking glass in the top right of the screen.

[Jao vdL]

Oh and looking at wix.com you should probably again use correct resolution files there for the sizes you are displaying the images at.

[leoniej31752922]

Hiya 

So yeah this is my website and it's the top photo I'm struggling with : https://www.leoniemayphotography.com/

The original photos are here :

https://leoniemayphotography.shootproof.com/gallery/13449724 and whatever size I do them they blur when uploading to anything! 

[Jao vdL]

Hi Leonie. I took a look at the source of your webpage and it seems that the website has a hardcoded downscaled size for the image. Isee for example:

<img alt="Aworkitout_edited.jpg" src="https://static.wixstatic.com/media/c1d244_96af4d29f5164581a38b296cf0fb58ac~mv2.jpg/v1/fill/w_1646,h_680,al_c,q_90/c1d244_96af4d29f5164581a38b296cf0fb58ac~mv2.jpg" style="width: 1646px; height: 680px; object-fit: cover;">

Which appears to instruct the webpage to fetch an image that is 1646x680 pixels and show it at that size. If you are watching this website on a retina or hiDPI screen (you probably have a Mac Book Pro or a retina iMac?) you will get an image that looks blurry because you would an image about twice as large. This appears to be a coding issue in the wix code where they don't take retina displays into account. Interestingly, the thumbnails below the banner are done correctly. So my guess is that this has nothing to do with your image, but everything to do with how the wix people coded the website templates.

[Jao vdL]

P.S. you will only see this problem on a retina display or a HiDPI display. Unfortunately those are really common nowadays with every iPad having one of those.

[leoniej31752922]

Wow that is really clever! Is there anyway to change this!? Does it make sense that this is happening on my huwaei too does that have that same display. My only concern is that the thumbnails are all from my other cameras and this one is my new Canon r6 so I'm worried the issue is with the picture itself! 

[Jao vdL]

Your camera will have no bearing whatesoever on this so don't worry about that part. It is just a function of how the widget on the website was coded. I have no experience with wix (I use smugmug for my website which does automatically generate the correct image sizes for the screens people use) but my guess is that the specific widget you used for the banner image has not been updated to make sure it serves the correct image for different screen resolutions so you should use a different widget for the banner or talk to the people at wix. This problem used to be endemic in the early days of these high resolution screens such as the ones on current Apple laptops and many PC laptops. I actually wrote about this in 2013 on my blog: https://lagemaat.blogspot.com/2013/01/a-much-simpler-way-to-serve-retina.html . 

[Jao vdL]

OK. I just googled and found this article:

https://support.wix.com/en/article/wix-editor-request-wix-support-of-retina-display

So it appears they are aware of the issue.