Reducing png + jpg Images Weight - (Edit)

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
Pascal-Gilles
 
 
Posts: 83
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Reducing png + jpg Images Weight - (Edit)

Post by Pascal-Gilles »

Dear all,

This is not a real WB trick but more general one when we're building a site and often use png images.

I found a very light freeware that permits us to reduce the weight of the png images without a visual effect.
http://psydk.org/PngOptimizer.php

A simple drag & drop of 1 or several png files and they are lighter (The old file is renamed _name).

From my side, I can estimate that I've gained around 20% and without questionning about quality, so... :D
User avatar
Pascal-Gilles
 
 
Posts: 83
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: Reducing png + jpg Images Weight - (Edit)

Post by Pascal-Gilles »

It can be also useful to do the same reducing process with jpg files.

I didn't know that it was possible without loss of detail and (not very nice) blocks growth.

Imgslim is doing the job with ease as it is explained on this site:

http://www.4et3.online.fr/_/post/Imgsli ... sans-perte

Download link:

http://www.4et3.online.fr/public/imgslim.zip

Hope this helps!
:D
User avatar
Pascal-Gilles
 
 
Posts: 83
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: Reducing png + jpg Images Weight - (Edit)

Post by Pascal-Gilles »

199 readings and no comment... :roll:

I hoped that this could help make lighter sites and decreasing loading time, no?

Image
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: Reducing png + jpg Images Weight - (Edit)

Post by Patr100 »

WB Already has an image resample option built in.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Reducing png + jpg Images Weight - (Edit)

Post by [RZ] »

@patr100
yes, you are right.
anyhow i tried the suggested software and i reduced png files generated by wb, although i optimized them using photoshop.
i.e.
i cropped a few images, added touches of transparency, borders and shadows with the ease of wb, and then reduced the filesize using photoshop.
after that, i used this software and i gained from 4% up to 20% in some cases.

@crochepattes
i'm really sorry, lately i haven't had enough time and forgot to post here. no-excuses, but is the truth. sorry again and thanks for your useful suggestion.

personally, i don't have a lot of images, so maybe i'm not the best parameter...
best regards to you all.

(ps: i tested the png files only)
User avatar
Pascal-Gilles
 
 
Posts: 83
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: Reducing png + jpg Images Weight - (Edit)

Post by Pascal-Gilles »

Hi RZ, Hi Patr100,

Thanks for your feedback! 8)

@RZ: 4 to 20%, yes, this is often what I gain. Some light images can be numerous and we have generally a better result.
User avatar
docdoc
 
 
Posts: 55
Joined: Sun Jul 18, 2010 9:34 am

Re: Reducing png + jpg Images Weight - (Edit)

Post by docdoc »

Thanks for sharing... 8)
User avatar
JimmyJazz
 
 
Posts: 72
Joined: Mon Jun 28, 2010 6:11 pm
Location: Penang, Malaysia
Contact:

Re: Reducing png + jpg Images Weight - (Edit)

Post by JimmyJazz »

Hi crochepattes,

Thanks for sharing, can be useful for many people :)
User avatar
Pascal-Gilles
 
 
Posts: 83
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: Reducing png + jpg Images Weight - (Edit)

Post by Pascal-Gilles »

Thanks JimmyJazz

Yes, those two small softwares are really astonishing !

Image
User avatar
Pascal-Gilles
 
 
Posts: 83
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: Reducing png + jpg Images Weight - (Edit)

Post by Pascal-Gilles »

Hi !

Additionaly to those very good softwares, there's a very simple way to reduce jpg images weight on line, with very brillant unexpected results :

It seems to be a very new website, their technology is explained in the FAQ section.

http://www.jpegmini.com/main/shrink_photo

Here you can see a demo :

Image

Image
User avatar
Pascal-Gilles
 
 
Posts: 83
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: Reducing png + jpg Images Weight - (Edit)

Post by Pascal-Gilles »

.
Well, lot of information can be given about jpg / png optimizing in terms of weight.

Following to the discovery of a new software, I wanted to make here a summary in order to make things clearer.

JPEG :

The first step is to use Stripper

This freeware removes junk data and allow you sometimes to lighten your images by a 2 ratio !
It's only a "cleaning step", not really an image optimization.

Then your image being now only pixel matters, you can go to

step 2 : upload your picture to JPEG mini.com

You will then wait a few seconds until you have a visual idea of the reasonable compression it's possible to apply to your image.
Gains are often unbelievable; going from 1,5 to 7

Step 2 a : In case you would be unsatisfied with JPEG mini :

You still can use ImgSlim

An excellent freeware.

PNG :

It's very difficult to find a tool that offers better performances than PngOptimizer

Ease of use and gains are optimum. A clear winner !

Have a nice diet !

-------------------------------------------------------------------------------------
Demo:
http://www.soslignes-ecrivain-public.fr ... _away.html

Direct downloads:
Stripper - http://www.magicnotes.com/steelbytes/Stripper.zip
ImgSlim - http://www.4et3.online.fr/public/imgslim.zip
PngOptimizer XP/Vista/Seven (32 bits) - http://psydk.org/download/PngOptimizer-2.0-x86.zip
PngOptimizer Vista/Seven (64 bits) - http://psydk.org/download/PngOptimizer-2.0-x64.zip



.
Last edited by Pascal-Gilles on Wed Feb 08, 2012 10:01 pm, edited 2 times in total.
User avatar
Pascal-Gilles
 
 
Posts: 83
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: Reducing png + jpg Images Weight - (Edit)

Post by Pascal-Gilles »

Hi !

Update about JPG weight reduction tools.

Using Jpegmini or imgslim is really a chance for reducing our JPG images weight (see above)

However, some results can be time to time disappointing in terms of:

- quality : high bytes loss but we have sometimes the impression that the tool could have been more "delicate". Jpegmini is fantastic with photos and many image types but with, for eg., vectors the result can be too "hard".
- ease of use : jpegmini is not a software but an online tool. Imgslim is doing the job but with no possible adjustments.

In those cases, using another (free) software, Image Converter, is the key as it offers the following advantages :

- Shell integration, meaning you can right click an element and do the reducing in a glance !
- '% of reduction' is possible. So using a % between 80 and 94 % permits to adjust really nicely the final result.
Note that this has nothing to do with the reduction percentage of the image weight. For eg, using 80% often means that you can get a ratio of 3 of 4 in terms of weight.

Direct Download here

Demo here

Have a nice diet !
electrochrisso
 
 
Posts: 43
Joined: Mon Aug 19, 2013 8:39 am
Location: Darling River

Re: Reducing png + jpg Images Weight - (Edit)

Post by electrochrisso »

PngOptimizer works great, it reduces most png by about 80%, without hardly any noticeable quality loss, especially useful for gradients. :D
Perhaps Pablo should include this in WB as an option or plugin, I am pretty sure the license is free for all applications. :)
WYSIWYG THE GREATEST Web Builder EVER
User avatar
Patrik iden
 
 
Posts: 479
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Reducing png + jpg Images Weight - (Edit)

Post by Patrik iden »

Post Reply