Image Optimisation

Do you want to share WYSIWYG Web Builder tips, tricks, tutorials or useful HTML code? You can post it here...
(no questions or problems please, this section is not monitored by support).
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.

PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Post Reply
User avatar
Adendum
 
 
Posts: 728
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Image Optimisation

Post by Adendum » Fri Jan 10, 2014 3:35 pm

This isn't strictly a WWB tip or trick but since building the Liquid Zoom extension I felt it important to relay some basic information to other WWB users. I hope someone finds it useful.

During my time as a WWB user I have had the good fortune to gain numerous clients that are also WWB users. But not all users are made equal, some are, shall we say, 'design challenged', others are often 'technically challenged' and in most cases everyone just wants to get their site up and running - fast! I have also been able to help other users by digging into their project files and correct specific problems and I generally point out any glaring issues that need attention.

Quite often the common denominator is a poor understanding of imagery - not so much what is a good or bad image, although for those 'design challenged' it can be! But the biggest issues can be grouped as "Image Optimisation". I can give many examples but a couple of WWB client (no names!!!) stick out in my mind.

Client A handed over a project with a website of roughly 50 pages ~~~ The project files came in at 64Mb and when published it wouldn't fit on his hosting package!

Client B provided a small 10 page website that consumed an amazing 40Mb.

When I handed back the .wbs and project folders for Client A I had managed to reduce 64Mb to just under 2Mb and when published consumed very little space on his server. For Client B the 40Mb came in at under 1Mb.

Besides the use of Master Frame pages and Master Objects to eliminate duplication (which it self can save a great deal of disk space and your time) I managed to save a lot of space with simple image optimisation techniques and, I would like to think, improved the clients' SEO ranking at the same time.

So, after much ado, and a great deal of testing after releasing the Liquid Zoom extension (demo here) and its related example of image optimisation I decided to write an article/tutorial that I would hope will be found useful.

I doubt this is the definitive article on the subject but I am sure there is enough there to help most users.

If you spot any errors or omissions please do let me know.

Feel free to post comments here in the WWB forum and/or in my article.

:D

EDIT: changed URL's of the demo links.
Last edited by Adendum on Mon Nov 23, 2015 1:48 pm, edited 1 time in total.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
donjohnson24
 
 
Posts: 85
Joined: Thu Sep 27, 2012 9:32 pm
Location: Bridgwater, Somerset, UK
Contact:

Re: Image Optimisation

Post by donjohnson24 » Fri Jan 10, 2014 8:38 pm

Very interesting - I'm starting to think of a different approach on my sites using the impressive Liquid Zoom.

The Titling/ALT Text stuff makes sense, and reminds me why I should NOT be lazy in this area.

One teeny dislike - that irritating snow! :lol: (you did ask for comments!)

Thanks for the tutorial and the extension.

User avatar
gofrank
 
 
Posts: 108
Joined: Sun Dec 30, 2007 2:43 am
Location: Florida, USA

Re: Image Optimisation

Post by gofrank » Sun Nov 22, 2015 2:35 am

Billing clients for your freelance work? Try Minute-2-Minute, the project management, timing, and billing system. Perfect for web developers who charge by the hour. FREE 45-day trial.

User avatar
Adendum
 
 
Posts: 728
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Image Optimisation

Post by Adendum » Mon Nov 23, 2015 1:47 pm

Yup - my bad. I changed a load of urls a while back...

http://www.aditerum.co.uk/demo/liquidzoom/index.html and

http://www.aditerum.co.uk/demo/liquidzo ... ation.html

Corrected original post too.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

Post Reply