Very bad quality export (JPG / PNG)

[GRUMcz]

Hello all,

i install new version AFF Photo and export JPGs and PNGs goes very wrong. When i export and down size file, photo is very blured and very bad quality, but when i same do in Photoshop, photo is sharp and file size is 70% smaller.

Where is error? Can someone help me?

In attachment i add export photo and compressed original photo.

[Callum]

Hi GRUMcz,

Welcome to the forums

If possible could you provide the file in question so I can try this at my end?

Thanks

Callum

[GRUMcz]

Hi, thanks for answer
Here is photo https://uloz.to/!2Mk9PRMqUfLq/dsc-6771-nef

[All Media Lab]

Hi GRUMcz,

Developed  6036px X 4020px NEF and exported to jpg at 87% same size as you uploaded the exported one 1000px X 667px

Looks as expected sharp and OK, but you can't enlarge it more then a 1000px because then you start

seeing artifacts. What kind of monitor are you looking at? If you want I can do it for you in Capture One from Phase One. It gives the best results.

But then you need to PM me your email address.

Regards,

David

[GRUMcz]

I have BENQ BL series 4K (calibrated)
I have same problem ... when is picture small then xy size export is very bad, but still big size against when i use photoshop.
Same picture from aff (1,2mb) from Ps (0,370mb)

When i export photos for web, i must the smallest size what can but picture the best what do ...

Thx for answers

[All Media Lab]

Yes because you use a 4k screen your images will look very small and terrible when you crop them and make them smaller. No you don't have to export a smaller size for the web. Look in the source code of my website and you see how I used images in large sizes to be compatible with HD resolution screens. I'm not talking about D.P.I. or P.P.I. because on screen it means nothing . I'm talking about the size of the image it self in pixels. My Website  And this is only for HD not ultra hi resolution, but it gives you an idea. I have to update the bottom ones to 4500px!

Of course the file size of each image has to be as small as possible and you can see the expected file size in the export panel when you move the % slider. As you can see in my image code I also use Google webp for extremely smaller (70%) bandwidth of image loading.

If you want to use it or contribute here is more info on how to do it:

https://github.com/aFarkas/lazysizes

Here you can crop and copy the code as a start:

https://www.responsivebreakpoints.com/

When your uploading to social media it's the same thing:

Facebook says a linked image must be 1200px to 627px but in reality you can put in images with the same pixel ratio and a bigger size for example: 3000px to 1577.5px and now it wil look sharp and crisp on hi res screens too. (only you have activate hi res upload of images in the Facebook preferences).

 

<picture>
<source media="(max-width: 475px) and (orientation: portrait)"
type="image/webp"
data-sizes="auto"
srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 
data-srcset="
/Responsive-Images/Home/Backgr/Home-back-phone-wp/Home-back-phone-Orig_uavtfe_c_scale%2Cw_480.webp 480w,
/Responsive-Images/Home/Backgr/Home-back-phone-wp/Home-back-phone-Orig_uavtfe_c_scale%2Cw_908.webp 908w,
/Responsive-Images/Home/Backgr/Home-back-phone-wp/Home-back-phone-Orig_uavtfe_c_scale%2Cw_1200.webp 1200w" class="lazyload">
<source media="(max-width: 475px) and (orientation: portrait)"
data-sizes="auto"
srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-srcset="
/Responsive-Images/Home/Backgr/Home-back-phone-jpg/Home-back-phone-Orig_uavtfe_c_scale%2Cw_480.jpg 480w,
/Responsive-Images/Home/Backgr/Home-back-phone-jpg/Home-back-phone-Orig_uavtfe_c_scale%2Cw_908.jpg 908w,
/Responsive-Images/Home/Backgr/Home-back-phone-jpg/Home-back-phone-Orig_uavtfe_c_scale%2Cw_1200.jpg 1200w" class="lazyload">
<source
media="(min-width: 476px) and (orientation: portrait)"
type="image/webp"
data-sizes="auto"
srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-srcset="
/Responsive-Images/Home/Backgr/Home-back-tablet-wp/Home-back-tablet-Orig_slailm_c_scale%2Cw_768.webp 768w,
/Responsive-Images/Home/Backgr/Home-back-tablet-wp/Home-back-tablet-Orig_slailm_c_scale%2Cw_1215.webp 1215w,
/Responsive-Images/Home/Backgr/Home-back-tablet-wp/Home-back-tablet-Orig_slailm_c_scale%2Cw_1536.webp 1536w" class="lazyload">
<source
media="(min-width: 476px) and (orientation: portrait)"
data-sizes="auto"
srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-srcset="
/Responsive-Images/Home/Backgr/Home-back-tablet-jpg/Home-back-tablet-Orig_slailm_c_scale%2Cw_768.jpg 768w,
/Responsive-Images/Home/Backgr/Home-back-tablet-jpg/Home-back-tablet-Orig_slailm_c_scale%2Cw_1215.jpg 1215w,
/Responsive-Images/Home/Backgr/Home-back-tablet-jpg/Home-back-tablet-Orig_slailm_c_scale%2Cw_1536.jpg 1536w" class="lazyload">
<source media="(max-width: 4800px)"
type="image/webp"
data-sizes="auto"
srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-srcset="
/Responsive-Images/Home/Backgr/Home-back-hd-wp/Home-back-hd-w-Orig_sucju2_c_scale%2Cw_500.webp 500w,
/Responsive-Images/Home/Backgr/Home-back-hd-wp/Home-back-hd-w-Orig_sucju2_c_scale%2Cw_1136.webp 1136w,
/Responsive-Images/Home/Backgr/Home-back-hd-wp/Home-back-hd-w-Orig_sucju2_c_scale%2Cw_1569.webp 1569w,
/Responsive-Images/Home/Backgr/Home-back-hd-wp/Home-back-hd-w-Orig_sucju2_c_scale%2Cw_1838.webp 1838w,
/Responsive-Images/Home/Backgr/Home-back-hd-wp/Home-back-hd-w-Orig_sucju2_c_scale%2Cw_1920.webp 1920w" class="lazyload">
<img data-sizes="auto"
srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 
data-srcset="
/Responsive-Images/Home/Backgr/Home-back-hd-jpg/Home-back-hd-w-Orig_sucju2_c_scale%2Cw_500.jpg 500w,
/Responsive-Images/Home/Backgr/Home-back-hd-jpg/Home-back-hd-w-Orig_sucju2_c_scale%2Cw_1136.jpg 1136w,
/Responsive-Images/Home/Backgr/Home-back-hd-jpg/Home-back-hd-w-Orig_sucju2_c_scale%2Cw_1569.jpg 1536w,
/Responsive-Images/Home/Backgr/Home-back-hd-jpg/Home-back-hd-w-Orig_sucju2_c_scale%2Cw_1838.jpg 1838w,
/Responsive-Images/Home/Backgr/Home-back-hd-jpg/Home-back-hd-w-Orig_sucju2_c_scale%2Cw_1920.jpg 1920w" class="lazyload"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="full screen achtergrond foto met een zakenvrouw uit Limburg aan de kant van het golvende water klaar voor een duik">
</picture>

 

This is the same image done in Photoshop and saved for web at 87%: