How to make headline graphics lighter?

Dean Dhuli · 05-05-2009, 05:02 AM

I'm not a Photoshop expert but I do create my own
graphical headlines for my sites.

Now the problem is that despite all trimming, the image
turns out to be 6-7 KB in size and takes 1-2 seconds
to load even on a broadband connection.

How can I make this image lighter, or make it load
faster?

Thanks in advance,
Dean.

Kezz · 05-05-2009, 06:59 AM

Can you show us a screenshot of the image at all? Optimization techniques can vary depending on the kind of image it is, color etc.

Zoheb M · 05-05-2009, 07:36 AM

Yes that depends on the kind of effects you have used etc. Please show us the graphic so we can better help you.

Zoheb
www.eCoverCentral.com

Dean Dhuli · 05-05-2009, 08:23 AM

Hey guys,

I've got quite a few of that sort, but you can check out
the headline graphic on the webpage in my signature.

The image seems to hold up for a moment, making the empty
image area visible before the image loads fully. That's what
I'm trying to sort out.

And I'm not using any effects on it either. It's just a plain image.

/

Zoheb M · 05-05-2009, 08:30 AM

Well it loaded immediately for me so I didnt see the white space. But I know what you mean.

I see that its a .png file. Try making it a .gif without transparency for faster loading. Since it has no effects and is only 2 colors, it will be lesser than 7kb. Probably a lot lesser.

Let me know how it goes...I would be happy to help.

Zoheb
www.eCoverCentral.com

Dean Dhuli · 05-05-2009, 08:36 AM

Thanks, Zoheb.

Let me try that and see how it goes.

- Dean.

Kezz · 05-05-2009, 12:44 PM

Yup Zoheb sounds like he's on the money. There's barely anything there, in terms of data, to load at all. I couldn't suggest anything else you could do. I think once you've followed Zoheb's advice that's about as compressed as you could possibly get it.

sunitasaloni · 05-06-2009, 01:07 AM

hey thats great

Minisite Nerd · 05-06-2009, 01:49 AM

Yeah dude, that should load FAST. Loaded immediately for me.

Just so reference when you "Save for Web..." you can adjust the type of image it is and the quality before you click the Save button. Hope this makes some sense to you.

GIF is the way to go for smaller, simpler images. Roll with JPEGs when you want some higher quality.

Johnny12345 · 05-07-2009, 06:13 PM

Dean,

I don't think it's the graphic. 10Kb is quite small. In fact, it's too "light." As a result, the drop-shadow isn't smooth. That's because you saved it with too few colors.

Your problem probably lies with all the scripts that your page uses. When I try to load it, my browser hangs up badly while the "clicktale" script runs. Do you really need all those scripts on such a simple page?

Johnny

fahen · 06-03-2009, 10:44 AM

I think 7 kb is enough for your site. If your site running slowly. please check your script. script language like php, javacript, asp and other will make your site running slow

05-05-2009, 05:02 AM	#1
Dean Dhuli Copywriter & Marketer War Room Member Join Date: Dec 2007 Posts: 426 Thanks: 20 Thanked 37 Times in 31 Posts Contact Info	How to make headline graphics lighter? I'm not a Photoshop expert but I do create my own graphical headlines for my sites. Now the problem is that despite all trimming, the image turns out to be 6-7 KB in size and takes 1-2 seconds to load even on a broadband connection. How can I make this image lighter, or make it load faster? Thanks in advance, Dean.
	FREE WSO- 12 Ways to Test and Optimize Offers Quickly and Cheaply with PPV Traffic! Make every dollar of your PPV money work more!

05-05-2009, 06:59 AM	#2
Kezz Kezz Bracey War Room Member Join Date: Dec 2008 Location: Australia Posts: 1,291 Blog Entries: 5 Thanks: 323 Thanked 599 Times in 291 Posts	Re: How to make headline graphics lighter? Can you show us a screenshot of the image at all? Optimization techniques can vary depending on the kind of image it is, color etc.

05-05-2009, 07:36 AM	#3
Zoheb M Advanced Warrior War Room Member Join Date: Jan 2006 Location: Chennai, India Posts: 668 Thanks: 15 Thanked 5 Times in 5 Posts	Re: How to make headline graphics lighter? Yes that depends on the kind of effects you have used etc. Please show us the graphic so we can better help you. Zoheb www.eCoverCentral.com

05-05-2009, 08:23 AM	#4
Dean Dhuli Copywriter & Marketer War Room Member Join Date: Dec 2007 Posts: 426 Thanks: 20 Thanked 37 Times in 31 Posts Contact Info	Re: How to make headline graphics lighter? Hey guys, I've got quite a few of that sort, but you can check out the headline graphic on the webpage in my signature. The image seems to hold up for a moment, making the empty image area visible before the image loads fully. That's what I'm trying to sort out. And I'm not using any effects on it either. It's just a plain image. /
	FREE WSO- 12 Ways to Test and Optimize Offers Quickly and Cheaply with PPV Traffic! Make every dollar of your PPV money work more!

05-05-2009, 08:30 AM	#5
Zoheb M Advanced Warrior War Room Member Join Date: Jan 2006 Location: Chennai, India Posts: 668 Thanks: 15 Thanked 5 Times in 5 Posts	Re: How to make headline graphics lighter? Well it loaded immediately for me so I didnt see the white space. But I know what you mean. I see that its a .png file. Try making it a .gif without transparency for faster loading. Since it has no effects and is only 2 colors, it will be lesser than 7kb. Probably a lot lesser. Let me know how it goes...I would be happy to help. Zoheb www.eCoverCentral.com

05-05-2009, 08:36 AM	#6
Dean Dhuli Copywriter & Marketer War Room Member Join Date: Dec 2007 Posts: 426 Thanks: 20 Thanked 37 Times in 31 Posts Contact Info	Re: How to make headline graphics lighter? Thanks, Zoheb. Let me try that and see how it goes. - Dean.
	FREE WSO- 12 Ways to Test and Optimize Offers Quickly and Cheaply with PPV Traffic! Make every dollar of your PPV money work more!

05-05-2009, 12:44 PM	#7
Kezz Kezz Bracey War Room Member Join Date: Dec 2008 Location: Australia Posts: 1,291 Blog Entries: 5 Thanks: 323 Thanked 599 Times in 291 Posts	Re: How to make headline graphics lighter? Yup Zoheb sounds like he's on the money. There's barely anything there, in terms of data, to load at all. I couldn't suggest anything else you could do. I think once you've followed Zoheb's advice that's about as compressed as you could possibly get it.

05-06-2009, 01:07 AM	#8
sunitasaloni Warrior Member Join Date: Mar 2009 Posts: 7 Thanks: 1 Thanked 0 Times in 0 Posts	Re: How to make headline graphics lighter? hey thats great

05-06-2009, 01:49 AM	#9
Minisite Nerd HyperActive Warrior Join Date: Apr 2009 Posts: 152 Thanks: 17 Thanked 18 Times in 17 Posts	Re: How to make headline graphics lighter? Yeah dude, that should load FAST. Loaded immediately for me. Just so reference when you "Save for Web..." you can adjust the type of image it is and the quality before you click the Save button. Hope this makes some sense to you. GIF is the way to go for smaller, simpler images. Roll with JPEGs when you want some higher quality.
	WordPress For Sales Pages? Squeeze Pages? MiniSites?? Just $7?!?! Resell Rights Here!

05-07-2009, 06:13 PM	#10
Johnny12345 John Palmieri, Copywriter War Room Member Join Date: Oct 2007 Location: USA Posts: 762 Thanks: 126 Thanked 104 Times in 84 Posts	Re: How to make headline graphics lighter? Dean, I don't think it's the graphic. 10Kb is quite small. In fact, it's too "light." As a result, the drop-shadow isn't smooth. That's because you saved it with too few colors. Your problem probably lies with all the scripts that your page uses. When I try to load it, my browser hangs up badly while the "clicktale" script runs. Do you really need all those scripts on such a simple page? Johnny

06-03-2009, 10:44 AM	#11
fahen Warrior Member Join Date: May 2009 Posts: 28 Thanks: 1 Thanked 2 Times in 2 Posts	Re: How to make headline graphics lighter? I think 7 kb is enough for your site. If your site running slowly. please check your script. script language like php, javacript, asp and other will make your site running slow