Photography website, using Wix templates

[Vikki Sixx]

Hi All,

I have decided to put some of my photography "out there" and since I do not have much money to spend on professional web design I attempted to try this on my own using the Wix templates.

Obviously detail and quality are important and so I am going to be very careful about dsplaying my best work. I have found that while using the PRO GALLERY mini-templates from the Wix Editor, I am getting the images to display with a lot of quality loss and some of the background instead of coming out smooth seem to display a lot of banding, which shows as almost parallel lines of color.

Please see the 4 attached images (I use Snipping Tool to cut this images from the screen, they are now downloads):

Capture01.jpg is the image as being displayed on the Wix website (look carefully towards the bottom and you will see this banding)

Capture02.jpg is the area zoomed up and I have drawn lines to show you what I mean

Capture03.jpg is the same image but now cut directly out of photoshop (where I do my editing of the image itself)

Capture04. jpg is the area zoomed in - no banding at all

Does anyone know why this happens and how I can get around this issue please

Thanks in advance

Victor

 

[WAslayer]

My guess is that they perform compression of sorts, to save space on their servers..

 

[|tera|]

Get Irfanview.

Learn how the batch export and conversion is used.
Take your high-res images and down scale and convert until you have the perfect photo/image you need.

Keep in mind, someone on a mobile device won't appreciate images that are large and slow to download.
Keeping each images size as small as possible is the way websites should work.

Edit: spacing

 

[scudsucker]

Get Irfanview.

Learn how the batch export and conversion is used.

Photoshop can do batch jobs as well.

@Vikki Sixx are you following any guidelines for uploaded images? (Eg, this is a reasonable intro, there are hundreds of similar articles: https://flothemes.com/flothemes-image-sizes/ )

Wix also had some advice but it seems aimed at the general public, not a photographer

Wix Pro Gallery: Setting the Image Quality for Gallery Media | Help Center | Wix.com

The Wix Pro Gallery allows you to set and customize the image quality per individual media files, or for all of your media at once.Setting the image quality for

support.wix.com

 

[|tera|]

Photoshop can do batch jobs as well.

I'm sure it can.

Irfan works for me however.
Especially since the options that are available aren't in many programs.

 

[Vikki Sixx]

thanks for the info so far guys, appreciate it. I will look into these on boxing day ... thanks, and Merry Christmas

 

[scudsucker]

An important thing to remember, which is not obvious to people used to print resolutions (eg 300 dpi) - images on the web are measured in pixels. Change that setting in Photoshop before you start optimizing.

For example, if you want your image to be 600px wide (quite small, these days, with large monitors) and you want it to look nice on a retina screen (twice as many pixels) you would size it to 1200px wide.

The browser will scale it to fit.

Here are some standard web image sizes in pixels:

A Guide to Common Aspect Ratios, Image Sizes, and Photograph Sizes

Don't know which size to use for your image or video? We've listed common aspect ratios to help you create your next project.

www.shutterstock.com