i'll make you RICH!! well..less poor LESSON 1 - GoFuckYourself.com

doornx · 05-23-2004, 05:54 PM

OK here goes...i thought i crank out a usefull post after all the "i'd hit britney with my ars sig" threads day in day out.

What do i have for you..a lesson in bandwidth saving..or image optimization for that matter.
For all of you posting galleries or for all noobs why freshly cranked out a site in photoshop it's to to optimize..

When you cut you images try to seperate single (low color) parts/text with images containing loads of colors (persons)

The low color parts are best to be saved as gif files and the high color parts as jpg's. Low color gifs are smaller in size and look much sharper than over optimized jpegs wich tend to become blurry.

I have a few samples wich i would like to show first

This is a random (let's pretend shall we) image from a gallery
saved and optimized as a jpg file

6.1 kb in size

The gif version at 6.8kb / 128 colors

Gif version at 4.4kb / 32 colors

You saved 2.2 kb right therewith a single image in a few seconds
There's almost no quality loss by converting it to 32 colors

Next :

jpg / 7.7kb

Here's an image that's optimized as a jpg. The top part is text,
bottom image only. Let's cut in in 2

Top part - Gif / 3.7kb

bottom part - jpg / 1.9kb
Total saved 2.1kb

This sounds like bullshit..saving a few kb..but if you own a tgp and you can optimize your logo byt cutting it in a few pieces or optimize your gallery and save 15kb/20kb it will save you a few bucks

Let's do the match

Let's say we get 100k traffic at the front pages of our tgp/galleries and we can save a total of 30kb on the normal graphics. I'm not even talking about optimizing thumbs, large images and stripping down 44khz stereo sound to 22khz mono
(15% save right there)

100.000 x 30kb / 1024 (to mb) / 1024 (to gig) = 2.8gig

times 30 = 84gig

times $0,50 overusage = $42 bucks for 10 minutes work

Saving money is earning money...it might be a small amount to most of you but i've seen design i could hammer down a whopping 40% in size..

Before i forget..macromedia fireworks is a great tool for optimzing images since you have a great preview tool in wich you can follow the process. It might not be the cheapest but try the trial and see if you like it.

It's not a batch thumb optimizer (can be used for it though) but it's far more advanced.

Hope this post was at least a bit usefull..till next time if i can find a good topic that is

bringer · 05-23-2004, 05:56 PM

thats amazing

ArikaAmes · 05-23-2004, 05:59 PM

Very good advice, thank you!

doornx · 05-23-2004, 06:07 PM

Quote:

Originally posted by ArikaAmes
Very good advice, thank you!

you're welcome..quite a lot of typos =]] sorry for that

reynold · 05-23-2004, 06:12 PM

Noted. Thanks!

ArikaAmes · 05-23-2004, 06:12 PM

Quote:

Originally posted by doornx
you're welcome..quite a lot of typos =]] sorry for that

np, I had no problem at all following it! I have been meaning to get some opto done on my site for a while now. I think this may be tonight's task.

doornx · 05-23-2004, 06:16 PM

Quote:

Originally posted by ArikaAmes
np, I had no problem at all following it! I have been meaning to get some opto done on my site for a while now. I think this may be tonight's task.

at least 1 soul saved..

if you have any questions just post them here

Jer · 05-23-2004, 06:19 PM

"Creative" must read this.

doornx · 05-23-2004, 06:27 PM

Quote:

Originally posted by Jer
"Creative" must read this.

woj · 05-23-2004, 06:34 PM

good tip

TAMPA_TOKER · 05-23-2004, 06:36 PM

Good post

MuleScrote · 05-23-2004, 06:44 PM

No matter how long I've been in the biz, or how much I think I know, I love to see people posting informative or tutorial threads.

Excellent post, optimization is certainly something worth taking a few extra minutes on.

skinnay · 05-23-2004, 06:47 PM

why is it that gifs are better for "text" images?

smokingdawn · 05-23-2004, 07:04 PM

Nice advice..thanks!

bignasty · 05-23-2004, 07:07 PM

Thats a good piece of advice. Not only does it save bandwidth it will help your page load faster.

Angelie · 05-23-2004, 07:09 PM

Rock out Thanks!

How come we don't have a Rock Out Smile here on GFY?

doornx · 05-23-2004, 07:15 PM

Quote:

Originally posted by skinnay
why is it that gifs are better for "text" images?

jpg tends to blend/blur colors when you optimize them a tad too much...

when you do this too text based images they get ugly...gifs are limited to 256 colors, however, if you need 256 colors you're almost always bettr off converting it to gif

Text images are mostly low color pics when cut right, that's why gif is the best..low size, much sharper since gifs don't get blurry

There must be a better explanation for it but just try and test for yourlself

Download the fireworks trial at macromedia and give it a shot

doornx · 05-23-2004, 07:19 PM

Quote:

Originally posted by Angelie
Rock out Thanks!

How come we don't have a Rock Out Smile here on GFY?

Angelie, your sig is the perfect example..yours is 46.8kb at the moment

this one is 21kb

doornx · 05-23-2004, 07:22 PM

Quote:

Originally posted by bignasty
Thats a good piece of advice. Not only does it save bandwidth it will help your page load faster.

i forgot to mention that indeed...faster loading pages likely result in more sales since less surfers leave your page before it's fully loaded

Shoehorn! · 05-23-2004, 07:23 PM

Excellent advice, and great post.

erehwon · 05-23-2004, 07:26 PM

Quote:

Originally posted by Jer
"Creative" must read this.

Maximillion · 05-23-2004, 07:34 PM

Quote:

Originally posted by bringer
thats amazing

There are suprisingly a lot of people that don't optimize...

Jer · 05-23-2004, 07:39 PM

Creative, have you read this thread yet? Please post "OK".

Downtime · 05-23-2004, 07:42 PM

Awesome tutorial, thanks!

cluck · 05-23-2004, 09:02 PM

That's one of the most basic parts of design but I'm sure alot of webmasters haven't even thought about it. Good lookin out for the average webmaster. Image size should be thought of as an expense

Oberon · 05-23-2004, 09:11 PM

Quote:

Originally posted by bringer
thats amazing

no, the amazing part was the fact that a useful thread was still somewhere near the top when I found it.

Bump.

Holly · 05-23-2004, 09:31 PM

Really great info in this thread. I knew about the jpg & gif differences and slicing images up, but that was good advice about slicing the text/graphics parts from the photo parts and how much bw you can save using jpg/gif combos. I'm gonna try to remember to do that.

SykkBoy · 05-23-2004, 09:37 PM

noooooooooooo
useful posts on GFY might set a precedent
I'd much rather have AOL chatroom flunkies asking about pussy
;-)

Good post and something I always ntry to do when designing.
Good design is more than just making pretty pictures in Photoshop......

EZRhino · 05-23-2004, 09:38 PM

Good post

EviLGuY · 05-23-2004, 09:48 PM

Quote:

Originally posted by cluck
That's one of the most basic parts of design but I'm sure alot of webmasters haven't even thought about it. Good lookin out for the average webmaster. Image size should be thought of as an expense

I dont optimize near as much as I used to these days. Bandwidth keeps getting cheaper and surfers keep getting faster connections. At some point its just not profitable to spend the time itself doing this unless you can batch it.

Axeman · 05-23-2004, 09:49 PM

very good post

newsdude · 05-23-2004, 09:55 PM

Good advice!

Sly_RJ · 05-23-2004, 09:58 PM

I'll give this guy a short but sweet plug... I wish I had enough work to hire him full time, he's my new favorite designer. He's built several galleries for Skin Traffic and they are just fantastic. His video optimizing is quite good, too.

Illicit · 05-23-2004, 10:01 PM

good advice... I had just started saving alot of things as gifs, your right there is barely any quality loss but the file size sure is alot better

Lykos · 05-23-2004, 10:27 PM

I am shure many guys here will fallow that exellent advice,very good

Lane · 05-23-2004, 10:33 PM

here is my little tip

use two-pass encoding when doing wmv files, the compression gets better.

pure energy · 05-23-2004, 11:40 PM

That will come in handy! Thanks!

Creative · 05-23-2004, 11:46 PM

oh fuck no

1) open photoshop
2) 900 x 800
3) make the hugest, 31337 banner with tons of hack codes and intrusion scriptz encoded into image
4) save it as a high quality .jpg
5) open a gif animator and make the same exact frame play 1,000 times to M4X1M1Z3 F1L3 S1Z3!
6) Sell professional 31337 banner for $8.00

doornx · 05-24-2004, 05:12 AM

Quote:

Originally posted by Sly_RJ
I'll give this guy a short but sweet plug... I wish I had enough work to hire him full time, he's my new favorite designer. He's built several galleries for Skin Traffic and they are just fantastic. His video optimizing is quite good, too.

Thanks Sly

You now you can always hit me up when you need something

One more bump for the early batch

johnbosh · 05-24-2004, 05:16 AM

Quote:

Originally posted by bringer
thats amazing

its amazing mike

boyw_utr · 05-24-2004, 05:16 AM

This is a costs saver for sure

Reak · 05-24-2004, 05:19 AM

I'm going to use this for sure

TexasGuy · 05-24-2004, 05:28 AM

Optimizing saves money

mind · 05-24-2004, 05:36 AM

Quote:

Originally posted by skinnay
why is it that gifs are better for "text" images?

gifs reduces amounts of colors used - while jpeg compresses the images - since text is often a matter of few pixels, this compression will very easy fuck up text. Jpeg however is usually more effective on larger images though.

ocho-ocho · 05-24-2004, 05:41 AM

wow! thats great...thank yaw...

Nicky · 05-24-2004, 05:45 AM

Good post, but why I optimize is cause I want the page to load faster, I dont really care about the overage, since my overage is at $0,05 per gig

iDiz · 05-24-2004, 05:46 AM

Nice !

doornx · 05-24-2004, 06:42 AM

Quote:

Originally posted by mind
gifs reduces amounts of colors used - while jpeg compresses the images - since text is often a matter of few pixels, this compression will very easy fuck up text. Jpeg however is usually more effective on larger images though.

well...there you have it
I used pretty small examples indeed so with a full page ad it should really work out well

Wether you do it for the bandwidth or for speeding up the load times it's a must do wich is often forgotten

KMR Stitch · 06-01-2004, 07:41 PM

Bump this is a great thread =)

sixxxth_sense · 06-01-2004, 07:44 PM

This thread is pointless!

05-23-2004, 05:54 PM	#1
doornx Confirmed User Join Date: Nov 2003 Location: ICQ : 946 3375 Posts: 2,531	i'll make you RICH!! well..less poor LESSON 1 OK here goes...i thought i crank out a usefull post after all the "i'd hit britney with my ars sig" threads day in day out. What do i have for you..a lesson in bandwidth saving..or image optimization for that matter. For all of you posting galleries or for all noobs why freshly cranked out a site in photoshop it's to to optimize.. When you cut you images try to seperate single (low color) parts/text with images containing loads of colors (persons) The low color parts are best to be saved as gif files and the high color parts as jpg's. Low color gifs are smaller in size and look much sharper than over optimized jpegs wich tend to become blurry. I have a few samples wich i would like to show first This is a random (let's pretend shall we) image from a gallery saved and optimized as a jpg file 6.1 kb in size The gif version at 6.8kb / 128 colors Gif version at 4.4kb / 32 colors You saved 2.2 kb right therewith a single image in a few seconds There's almost no quality loss by converting it to 32 colors Next : jpg / 7.7kb Here's an image that's optimized as a jpg. The top part is text, bottom image only. Let's cut in in 2 Top part - Gif / 3.7kb bottom part - jpg / 1.9kb Total saved 2.1kb This sounds like bullshit..saving a few kb..but if you own a tgp and you can optimize your logo byt cutting it in a few pieces or optimize your gallery and save 15kb/20kb it will save you a few bucks Let's do the match Let's say we get 100k traffic at the front pages of our tgp/galleries and we can save a total of 30kb on the normal graphics. I'm not even talking about optimizing thumbs, large images and stripping down 44khz stereo sound to 22khz mono (15% save right there) 100.000 x 30kb / 1024 (to mb) / 1024 (to gig) = 2.8gig times 30 = 84gig times $0,50 overusage = $42 bucks for 10 minutes work Saving money is earning money...it might be a small amount to most of you but i've seen design i could hammer down a whopping 40% in size.. Before i forget..macromedia fireworks is a great tool for optimzing images since you have a great preview tool in wich you can follow the process. It might not be the cheapest but try the trial and see if you like it. It's not a batch thumb optimizer (can be used for it though) but it's far more advanced. Hope this post was at least a bit usefull..till next time if i can find a good topic that is __________________ Send me a PM for design work

05-23-2004, 05:56 PM	#2
bringer i have man boobies Join Date: Jul 2003 Location: van down by the river Posts: 13,082	thats amazing __________________ 333-765-551

05-23-2004, 06:34 PM	#10
woj <&(©¿©)&> Industry Role: Join Date: Jul 2002 Location: Chicago Posts: 47,882	good tip __________________ Custom Software Development, email: woj#at#wojfun#.#com to discuss details or skype: wojl2000 or gchat: wojfun or telegram: wojl2000 Affiliate program tools: Hosted Galleries Manager Banner Manager Video Manager Wordpress Affiliate Plugin Pic/Movie of the Day Fansign Generator Zip Manager

05-23-2004, 06:44 PM	#12
MuleScrote Confirmed User Join Date: Dec 2002 Posts: 4,601	No matter how long I've been in the biz, or how much I think I know, I love to see people posting informative or tutorial threads. Excellent post, optimization is certainly something worth taking a few extra minutes on. __________________ ICQ 78681003

05-23-2004, 06:47 PM	#13
skinnay Confirmed User Join Date: Apr 2004 Location: NEW YORK CITY Posts: 2,274	why is it that gifs are better for "text" images? __________________ Make Real Green with ORGANIC SEO \| Blog post exchange \| Non-index page trades \| A-B C-D Trades [icq: 194-215-962] [mail: [email protected]]

05-23-2004, 05:59 PM	#3
ArikaAmes Confirmed User Join Date: Jan 2004 Posts: 3,081	Very good advice, thank you!

05-23-2004, 06:12 PM	#5
reynold Too lazy to set a custom title Join Date: Oct 2002 Location: Global Traveler Posts: 51,271	Noted. Thanks!

05-23-2004, 06:19 PM	#8
Jer God is Brazilian Join Date: Feb 2001 Location: Brazil Posts: 10,601	"Creative" must read this.

05-23-2004, 06:36 PM	#11
TAMPA_TOKER So Fucking Banned Join Date: May 2004 Location: Tampa Bay Florida Posts: 1,907	Good post

05-23-2004, 07:04 PM	#14
smokingdawn Confirmed User Join Date: Feb 2004 Location: USA Posts: 2,808	Nice advice..thanks! __________________ $35 Per FREE CC sign up on CONSOLE FREE video niched tours including cams. $50 Per free instant access join for all new affiliates. Ask me how! DawnG \|at\| adultalchemy.com ICQ: 428-655-109

05-23-2004, 07:07 PM	#15
bignasty Confirmed User Join Date: Nov 2003 Location: sc Posts: 1,421	Thats a good piece of advice. Not only does it save bandwidth it will help your page load faster. __________________ '

05-23-2004, 07:09 PM	#16
Angelie Confirmed User Join Date: Jul 2001 Location: San Diego, CA. USA Posts: 1,466	Rock out Thanks! How come we don't have a Rock Out Smile here on GFY? __________________ Angelie xoxo Come and visit me at: Use my photos and make Money Honey! ICQ# 92327875

05-23-2004, 07:23 PM	#20
Shoehorn! Die With Your Boots On Join Date: Oct 2003 Location: Hawaii Posts: 22,872	Excellent advice, and great post. __________________

05-23-2004, 07:39 PM	#23
Jer God is Brazilian Join Date: Feb 2001 Location: Brazil Posts: 10,601	Creative, have you read this thread yet? Please post "OK".

05-23-2004, 07:42 PM	#24
Downtime Confirmed User Industry Role: Join Date: May 2004 Location: America. Posts: 7,320	Awesome tutorial, thanks! __________________ #27024067

05-23-2004, 09:02 PM	#25
cluck Confirmed User Join Date: Dec 2002 Location: New Jersey Posts: 5,248	That's one of the most basic parts of design but I'm sure alot of webmasters haven't even thought about it. Good lookin out for the average webmaster. Image size should be thought of as an expense __________________ icq 279990726 www.mcdonalds.com <- great money making opportunity

05-23-2004, 09:31 PM	#27
Holly Too lazy to set a custom title Join Date: Jun 2003 Location: Jesusland Posts: 10,017	Really great info in this thread. I knew about the jpg & gif differences and slicing images up, but that was good advice about slicing the text/graphics parts from the photo parts and how much bw you can save using jpg/gif combos. I'm gonna try to remember to do that.

05-23-2004, 09:37 PM	#28
SykkBoy Jesus loves bacon Industry Role: Join Date: Feb 2001 Location: Sin City, Motherfucker Posts: 19,969	noooooooooooo useful posts on GFY might set a precedent I'd much rather have AOL chatroom flunkies asking about pussy ;-) Good post and something I always ntry to do when designing. Good design is more than just making pretty pictures in Photoshop...... __________________ Support my new movie “The Second Coming”

05-23-2004, 09:38 PM	#29
EZRhino Confirmed User Industry Role: Join Date: Jul 2003 Location: couch Posts: 6,258	Good post

05-23-2004, 09:49 PM	#31
Axeman Confirmed User Join Date: Feb 2004 Location: Swamp Posts: 5,201	very good post __________________ XXXRewards - Karups - Boyfun - Jawked. Paying on time since 1997. Contact me at brent [at] xxxrewards.com

05-23-2004, 09:55 PM	#32
newsdude Confirmed User Join Date: Apr 2004 Posts: 1,969	Good advice! __________________ SIG TOO BIG! Maximum 120x60 button and no more than 3 text lines of DEFAULT SIZE and COLOR. Unless your sig is for a GFY top banner sponsor, then you may use a 624x80 instead of a 120x60.

05-23-2004, 09:58 PM	#33
Sly_RJ Live Hard - Die Hard Join Date: Feb 2002 Location: Ready to leave... Posts: 17,042	I'll give this guy a short but sweet plug... I wish I had enough work to hire him full time, he's my new favorite designer. He's built several galleries for Skin Traffic and they are just fantastic. His video optimizing is quite good, too. __________________ PHAT SERVERS - Quality dedicated hosting at a quality price! sly AT phatservers DOT com - 147479144

05-23-2004, 10:01 PM	#34
Illicit wtf ? Join Date: Dec 2003 Location: GFY Posts: 11,895	good advice... I had just started saving alot of things as gifs, your right there is barely any quality loss but the file size sure is alot better __________________ Insert Sig Here

05-23-2004, 10:27 PM	#35
Lykos Too lazy to set a custom title Industry Role: Join Date: Apr 2003 Location: World Posts: 31,027	I am shure many guys here will fallow that exellent advice,very good __________________

05-23-2004, 10:33 PM	#36
Lane Will code for food... Join Date: Apr 2001 Location: Buckeye, AZ Posts: 8,496	here is my little tip use two-pass encoding when doing wmv files, the compression gets better. __________________

05-23-2004, 11:40 PM	#37
pure energy Confirmed User Join Date: Apr 2004 Posts: 4,274	That will come in handy! Thanks! __________________ Click Here to get $42 a sale AND Get FREE MGP Coaching from WebmasterLabor.Com Sign up above then EMAIL info (( at )) webmasterlabor DOT com for your free 1 to 1 MGP coaching

05-23-2004, 11:46 PM	#38
Creative So Fucking Banned Join Date: Apr 2004 Location: CREATIVE STUDIOS::::GRAPHIC DESIGN/WEB DESIGN/PROGRAMMING ::: * ICQ: 591033 * <- BANNERS FOR $8.00 Posts: 1,252	oh fuck no 1) open photoshop 2) 900 x 800 3) make the hugest, 31337 banner with tons of hack codes and intrusion scriptz encoded into image 4) save it as a high quality .jpg 5) open a gif animator and make the same exact frame play 1,000 times to M4X1M1Z3 F1L3 S1Z3! 6) Sell professional 31337 banner for $8.00

05-24-2004, 05:16 AM	#41
boyw_utr Confirmed User Join Date: Oct 2003 Location: The Netherlands Posts: 310	This is a costs saver for sure __________________ SIG TOO BIG! Maximum 120x60 button and no more than 3 text lines of DEFAULT SIZE and COLOR. Unless your sig is for a GFY top banner sponsor, then you may use a 624x80 instead of a 120x60.

05-24-2004, 05:19 AM	#42
Reak So Fucking Banned Join Date: Mar 2003 Location: 420Calendar.com Posts: 17,920	I'm going to use this for sure

05-24-2004, 05:28 AM	#43
TexasGuy Confirmed User Join Date: May 2004 Location: On the net Posts: 432	Optimizing saves money

05-24-2004, 05:41 AM	#45
ocho-ocho Confirmed User Join Date: Apr 2004 Posts: 1,769	wow! thats great...thank yaw... __________________ ____________________________ under construction

05-24-2004, 05:45 AM	#46
Nicky Too lazy to set a custom title Industry Role: Join Date: Mar 2003 Location: Sweden Posts: 30,070	Good post, but why I optimize is cause I want the page to load faster, I dont really care about the overage, since my overage is at $0,05 per gig __________________ gfynicky @ gmail.com

05-24-2004, 05:46 AM	#47
iDiz Confirmed User Join Date: Apr 2004 Location: EarnCoin.com Posts: 1,522	Nice ! __________________ Just Earn it... Click Here To EarnCoin.com ! eMail : support[@]earncoin.com \| Mad ratio with EarnCoin.com 100% U N I Q U E & EXCLUSIVE SITES

06-01-2004, 07:41 PM	#49
KMR Stitch I am cool Join Date: Jul 2003 Posts: 14,494	Bump this is a great thread =)

06-01-2004, 07:44 PM	#50
sixxxth_sense So Fucking Banned Join Date: Nov 2003 Location: T.O. Posts: 2,430	This thread is pointless!