CPVLab Discount: Save $50!

Go Back   CPV Den Forum - Free PPV Training and Tools > Getting Started > Landing Page Design

Like Tree2Likes

Reply
 
LinkBack Thread Tools Display Modes
  #1  
Old 05-16-2011, 02:23 PM
Junior Member
 
Join Date: Mar 2011
Posts: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Default Why not one big jpeg?

I haven't really had much of a chance to examine any CPV landers outside of the 32 LP templates given here (which I guess are about 2 yrs old, considering the 2009 tax landers)

I notice that the majority use a 750x550 bg image jpeg of around 80-140kb overlayed with text positioned by CSS.

(Some are .png of about 200+ kb, but they reduce to about half of that when converted to .jpg)

Obviously loading speed is important, but honestly, why CSS-positioned text over a bg image? Why not just do the whole CPV lander as one jpeg?

The fonts in Photoshop will give you more control over the appearance, and the additional font-text-layers only marginally increases the file size of the jpeg. In theory, the loading time of a single complete 750x550 jpg should be about what a full 750x550 bg image with integrated text would be anyway?

Last edited by Greenie; 05-16-2011 at 02:30 PM.
Reply With Quote
  #2  
Old 05-16-2011, 02:29 PM
rado's Avatar
Member
 
Join Date: May 2011
Posts: 92
Thanks: 5
Thanked 8 Times in 6 Posts
Default

Because you may have one jpg file as lander background, but you may want to split test 10 different text variations.
Reply With Quote
  #3  
Old 05-16-2011, 02:57 PM
Junior Member
 
Join Date: Mar 2011
Posts: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Default

But it's trivial to put the bg image on one layer, and then have 10 more layers with different text in each. Just turn on/off the layers as needed and save each variant as individual jpegs and ftp each to their respective directories. Why not that?


But to be honest, I haven't had much chance to "spy" on other landers. I have no toolbars on my PC here. Do most just use 1 big jpeg, or do most use a jpeg with CSS-positioned text?

(I notice that the 32 examples give 2 versions of each: a bg+text version and a full-PSD version)
Reply With Quote
  #4  
Old 05-16-2011, 03:57 PM
rado's Avatar
Member
 
Join Date: May 2011
Posts: 92
Thanks: 5
Thanked 8 Times in 6 Posts
Default

Originally Posted by Greenie View Post
But it's trivial to put the bg image on one layer, and then have 10 more layers with different text in each. Just turn on/off the layers as needed and save each variant as individual jpegs and ftp each to their respective directories. Why not that?


But to be honest, I haven't had much chance to "spy" on other landers. I have no toolbars on my PC here. Do most just use 1 big jpeg, or do most use a jpeg with CSS-positioned text?

(I notice that the 32 examples give 2 versions of each: a bg+text version and a full-PSD version)
Mostly they are CSS. But now I am thinking that JPG will be better, because if it is JPG only, the competitors cannot search for keywords in your lander, so they cannot popup over your lander. For me dynamically insertion of text with CSS is easier, but now I am thinking the smarter way is to go with JPG only.
breakdance likes this.
Reply With Quote
The Following User Says Thank You to rado For This Useful Post:
breakdance (05-17-2011)
  #5  
Old 05-17-2011, 04:44 AM
LukePeerFly's Avatar
Senior Member
 
Join Date: May 2011
Posts: 103
Thanks: 3
Thanked 20 Times in 15 Posts
Send a message via AIM to LukePeerFly Send a message via MSN to LukePeerFly Send a message via Yahoo to LukePeerFly Send a message via Skype™ to LukePeerFly
Default

I see nothing wrong with just using an image. I've tested it in the past and the results were similar.
breakdance likes this.
__________________
I am an Affiliate Manager at PeerFly. Haven't joined yet? Check us out.
Let me help you build a profitable campaign from our 1,000+ offers.
Reply With Quote
  #6  
Old 05-17-2011, 12:58 PM
Moderator
 
Join Date: May 2008
Posts: 554
Thanks: 10
Thanked 60 Times in 26 Posts
Default

I see nothing wrong with just using an image. I've tested it in the past and the results were similar.
Same here.

-Aaron
Reply With Quote
  #7  
Old 05-18-2011, 01:32 AM
Junior Member
 
Join Date: Mar 2011
Posts: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Here's a question for anyone who uses 1 big image (or has seen landers with it):

A) do you make a separate image for just the "click here" button, and position it with CSS, or...

B) just add the "click here" button as another layer within the single big image, and make the whole image clickable?

(for choice B this means the "click here" button is essentially a fake button - it's just another incentive to click, even though the user could click anywhere on the whole lander)

Last edited by Greenie; 05-18-2011 at 02:01 AM.
Reply With Quote
  #8  
Old 05-18-2011, 02:16 AM
Junior Member
 
Join Date: May 2011
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Default

I just make the whole image clickable, but also include a call to action
in the image itself. Such as a CLICK HERE or button.

You can always add text above or below the image to call out the user.'
'Welcome target.com visitor' etc ...
Reply With Quote
  #9  
Old 05-18-2011, 03:30 AM
CPVDen Co-Owner
 
Join Date: Apr 2010
Location: hhi
Posts: 863
Thanks: 69
Thanked 62 Times in 50 Posts
Default

i've never sliced images for cpv. i use div and relative placement to move stuff around background images, but other than that, just get a better server and don't make your images huge. keep it simple

- lucas
Reply With Quote
  #10  
Old 05-18-2011, 03:32 AM
CPVDen Co-Owner
 
Join Date: Apr 2010
Location: hhi
Posts: 863
Thanks: 69
Thanked 62 Times in 50 Posts
Default

oh the reason to use css? here is a scenario.. let's say you have a nice big ol bg image, but you need a form you could slice and dice that image all day .....or, take 5 mins and position with css

- lucas
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 05:42 AM.


Search Engine Optimization by vBSEO 3.6.0