Website Gallery Update

B

beardboy

Messages
288
Name
Mark
Edit My Images
Yes
Hi All,

Haven't been on here for ages, but have been recently making changes to my website. I've been using a Flash gallery for ages and want to move away from Flash entirely as i want to be able to show my portfolio to clients on my iPad/iPhone.

The old gallery is here: Old Gallery

The new one i'm currently creating is here: New Gallery

I've watermarked all the images, resized them all and the file sizes have gone from around 4MB to 300KB, but i'm finding the site is loading ridiculously slow.

I have only uploaded around 10 cars out of my portfolio so far to test it but by the time i've added them all it's going to be crazy slow. Currently the total portfolio is around 5-600MB even with all the images compressed.

Is there any way i can make the images smaller than 3-400KB without losing too much quality?

I'm on a Mac, so no Windows software suggestions please.

Thanks in advance!
 
I'm guessing it's due to how many pics there are of each car.

Obviously i could reduce them, so there are only 10-15 of each, but people like to see lots of pics showing all the detail etc.

Just wondered whether there is a way of reducing them to say 100KB or less without losing much quality?
 
How big are the pictures supposed to display?

Sorry I couldn't wait till a gallery opened to find out for myself.

My customer gallery images are less than 50k, and my blog images are about 80k.
 
Well you could make the thumbnails about 3-4 kb using Easy Thumbnails and that program will also reduce the filesize without affecting the image quality noticeably if you select 85% on the second tab.

Simples!

Oh and congratulations on achieving 1635 Errors on validation!

Must admit that's the highest score so far, most of it because of a lack of alt tags on any pictures.

.
 
petersmart said:
Well you could make the thumbnails about 3-4 kb using Easy Thumbnails and that program will also reduce the filesize without affecting the image quality noticeably if you select 85% on the second tab.

Simples!

Oh and congratulations on achieving 1635 Errors on validation!

Must admit that's the highest score so far, most of it because of a lack of alt tags on any pictures.

.
Click to expand...

I know there are errors and no alt tags etc etc, hence the "it's being updated." I'd rather get the images and speed sorted and then worrying about errors etc.

The thumbnails aren't the issue, as they're only around 7kb each anyway.
 
Phil V said:
How big are the pictures supposed to display?

Sorry I couldn't wait till a gallery opened to find out for myself.

My customer gallery images are less than 50k, and my blog images are about 80k.
Click to expand...

Hi Phil,

The images are 1024x682 not 768 as my point and shoot shoots them in a funny res, and they then get resized weirdly.

What size are yours on your customer galleries and what did you use to get them to that size as it sounds ideal?

Thanks.
 
beardboy said:
I know there are errors and no alt tags etc etc, hence the "it's being updated." I'd rather get the images and speed sorted and then worrying about errors etc.

The thumbnails aren't the issue, as they're only around 7kb each anyway.
Click to expand...

Do you have separate thumbnails or are they being resized down from much larger image?

If the latter then that's your problem.

Just had a look at your source code and the problem seems to be here:

class="thumbnail" />
</div>
<div class="imageElement">
<h3></h3>
<p></p>
<a href="#" title="open image" class="open"></a>
<img src="IMG/ArielAtom/ArielAtom_001.jpg" width="1024" height="682" class="full" />
<img src="IMG/ArielAtom/Mini/ArielAtom_001.JPG" width="100" height="75"

Here you do have separate thumbnails but you seem to also be preloading the larger images:

<img src="IMG/ArielAtom/ArielAtom_001.jpg" width="1024" height="682" class="full" />

And i think THAT is the cause of some of your problems.

Just load the actual images for that page and loading should then be fast.

.
 
Last edited:
Hi Peter,

I can't say as I know enough about coding to change it so it only loads the actual images for that page.

If i delete the thumbnails line of code, then it won't load the thumbnails i guess and if i don't load the full images, it won't load them when the page gets loaded...? Is that right?

Thanks.
 
beardboy said:
Hi Peter,

I can't say as I know enough about coding to change it so it only loads the actual images for that page.

If i delete the thumbnails line of code, then it won't load the thumbnails i guess and if i don't load the full images, it won't load them when the page gets loaded...? Is that right?

Thanks.
Click to expand...

Well if you don't know coding who created the site for you?

I've looked into your coding more and you seem to be attempting to load every single car you have on your site on the first page!

So what is happening is that the larger picture is loading in the background while the thumbnail is being displayed.

And so on through all the cars in your whole gallery.

You need to re-write it so you only show 1 thumbnail for each car type then seperate pages for each car type coming down finally to a page dedicated to each particular car.

If you go that route however you are going to have a really big site but if you have a different title and description on each page and explanatory text about the cars you could eventually rate very high on all search engines.

And you could possibly monetise the site by either offering advertising or google adwords.

However that would be an almost monumental task and you would definitely need the site coded in PHP and XHTML to make any changes a lot easier and also make the coding simpler.

Another drawback to the way it is now is that it is going to eat through your bandwidth allowance at a monumental rate even if anyone waits long enough to actually see the whole of the first page.

.
 
You must log in or register to reply here.
Back
Top