Mobile app version of vmapp.org
Login or Join
Looi7658678

: Proper settings for web I am trying to get clear banners on a website. They don't look crisp and clear after compressing them (size 100 kb or so) for web. I'm not sure what i'm doing wrong.

@Looi7658678

Posted in: #AdobePhotoshop #PhotoEditing #WebsiteDesign

I am trying to get clear banners on a website. They don't look crisp and clear after compressing them (size 100 kb or so) for web.

I'm not sure what i'm doing wrong.


The banner sizes are 1920px width by 600px height.
Here are my settings in PS when I "export as": prnt.sc/fz2pxo After exporting I go to bulkresizephotos.com/ and scale the image to get it down to the 50kb - 200kb range for web.


What am I doing wrong exaclty? Why aren't the banners maintating their clarity?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Looi7658678

3 Comments

Sorted by latest first Latest Oldest Best

 

@Sent7350415

I don't know what version of PS you use but I think that you can have better results by using the "Save for web" option instead of "export". There are various options to adjust the quality of the final image and you can also preview its size.

10% popularity Vote Up Vote Down


 

@Samaraweera207

I think the main problem you are experiencing may lie with the distortion you have applied to the photograph. Stretching an image like that is never going to look sharp, since you are basically mangling the pixels.

Instead of stretching the image, crop it to the aspect ratio you require.

10% popularity Vote Up Vote Down


 

@Si6392903

The thing you are doing wrong is not knowing that the file size <=> quality relationship depends on what is the content of the file.

An image of that size, with just the word:



Hello!



Will weigh less than a full photo with a lot of small text. So you can not force compression too much.

If it is imperative to have lightweight banners make a clean flat design. Try png.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme