Small is sexy (Logo/Banner)

[ckv]

I made small 80 x 15 buttons for XnView.
I got some free time, and what I do? Logos for XnView.

These are completely free for any use.

Edit:
http://download.xnview.com/banners/
http://rapidshare.de/files/8143830/xnv_logos.zip.html

And you should still find them in Drahkens post below.

[helmut]

... Note that I am not going to keep these forever in my personal homepage.
So if you are going to use these don't direct link them, copy them.

These look quite nice. Well done, ckv! I guess 80x15 is a standard banner size - right?

If you agree, we put them on our download server.

Note: I've changed your attracting subject a bit.

[ckit]

It's ckv not ckit

[helmut]

It's ckv not ckit.

Right, I've corrected it. All these aliases...

[Drahken]

Umm... what's the difference between images 4 and 8, 5 and 9, 2 and 6, and 3 and 7? Each image in the pairs I just listed is the same color and has the same text.


btw I ran one of those pics through PNGout, and got it down to 565 bytes. That's just over half the original size. While 550 bytes isn't much, it can add up. Over a period of 1,000 views, that would be over half a meg of bandwidth saved. Over 10,000 views, that would be 5 megs of bandwidth. Pretty significant ammount for such a little pic, ain't it?

[ckit]

Some might be 24-bit and some 32-bit (alpha blending)
You would only notice the difference on Windows XP.

[Drahken]

Nope, nothing to do with alpha channels. I figured it out, the first image in each pair has a black line between the logo and text, the second image in each pair doesn't.

I decreased the colors to 16 (no visible difference), and ran the pics through PNGout. The results are each about 320 bytes (the originals are around 1,160 bytes).





If the pics get used as much as you hope they will, that will add up to serious bandwidth savings.

[Guest]

These look quite nice. Well done, ckv! I guess 80x15 is a standard banner size - right?

Thanks and yes it is standard size.

If you agree, we put them on our download server.

That would be great.

Note: I've changed your attracting subject a bit.

Thats OK. It was miss leading anyway.

I figured it out, the first image in each pair has a black line between the logo and text, the second image in each pair doesn't.

Thats it you got it. I am perfectionist and now when I look those again those without black line looks the worst. Yesterday they looked better than logos with line.

I decreased the colors to 16 (no visible difference), and ran the pics through PNGout. The results are each about 320 bytes (the originals are around 1,160 bytes)..

I can't see them right now (damn free image hosting), but you are right I forgot optimizing them.
I updated them 16 colors and size ~320 bytes (I am still trying to find one really good comand-line program to make some optimizing)

[ckv]

Damn I was sure that I was logged. So just to make sure, I was that Guest poster above this post. Oh well. Right after I posted, logos in Drahken post come visible an they are couple bytes smaller so helmut upload them to the server.

[helmut]

Damn I was sure that I was logged. So just to make sure, I was that Guest poster above this post. Oh well. Right after I posted, logos in Drahken post come visible an they are couple bytes smaller so helmut upload them to the server.

I've just put your banners above (Drahken's verison) on the download server in directory "banners" (almost exactly 5 months after your last post ).

Having the banners in various colours is good, I think. But I wonder whether we could decide to use just 1-2 styles, only (as you can see above we currently have 4 per colour).

To be honest banners are pretty new to me and I guess that same applies for Pierre. I didn't even know about standard sizes...

[ckv]

To be honest banners are pretty new to me and I guess that same applies for Pierre. I didn't even know about standard sizes...

More or less standard banner sizes http://www.webpencil.com/bannersizes.htm probably the most used banner is 468x60 (XnView should have one or twelve too ). The 15x80 isn't listed there, but 15x80 buttons are highly popular because they don't ruin your website layout and make it look like advertisement.

Having the banners in various colours is good, I think. But I wonder whether we could decide to use just 1-2 styles, only (as you can see above we currently have 4 per colour).

[Edit]
I think these are better than than the old white buttons. Could you replace them with these?

[/Edit]

These are the ones what I would like to keep. But I think we can leave out the other text version as well.

So which one is better? XnView or Get XnView.

Nothing but XnView don't tell much about the product, Get XnView tells that it's program. I mean when I see a button where reads Get something I instantly think it is a program and not a website or name of company.

I personally like more the look of XnView, but I also think that the Get XnView is more reasonable choice....

Hmm... Why I know all this stuff... I am so vain...

[XnTriq]

Hmm... Why I know all this stuff... I am so vain...

That's exactly how I feel about myself sometimes. I guess we're just a little bit geeky.

How about putting up a page similar to those:

• Spread Firefox - Promotional Artwork
• Spread Firefox - Get Buttons and Banners!
• OpenOffice.org - Art Project
• OpenOffice.org - Web Buttons
• Bannertown - Parody Advertising @ chickenhead.com
• Valley of the Geeks - Banner Ads We'd Like To See

Here is my take on this:

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>XnView - Link to Us</title>
<base href="http://perso.wanadoo.fr/pierre.g/xnview/">
<link href="style.css" rel="stylesheet" type="text/css">
<style>
<!--
h2 { color: #b2b2b2 }
h3 { color: #666666 }
// -->
</style>
</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" bgcolor="#dddddd">
<table width="622" align="center" cellpadding="0" cellspacing="0" border="0">
<!--
<tr>
<td width="1"><img src="images/shim.gif" width="1" height="1"></td>
<td colspan="3" width="620"><img src="images/shim.gif" width="620" height="1"></td>
<td width="1"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td colspan="5" width="622" height="43" align="right" valign="bottom"><img src="images/commun/maincross.gif" width="3" height="10"><a href="enhome.html"><img src="images/commun/mainhome.gif" width="44" height="10" border="0"></a><img src="images/commun/mainseparator.gif" width="1" height="10"><a href="enaboutme.html"><img src="images/commun/mainabout.gif" width="67" height="10" border="0"></a><img src="images/commun/mainseparator.gif" width="1" height="10"></td>
</tr>
// -->
<tr>
<td colspan="5" width="622" height="5"><img src="images/shim.gif" width="622" height="5"></td>
</tr>
<tr>
<td colspan="5" width="622" height="1" bgcolor="#000000"><img src="images/shim.gif" width="622" height="1"></td>
</tr>
<tr>
<td width="1" height="69" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
<td colspan="3" width="620" height="69" bgcolor="#eeeeee"><img src="images/commun/header.gif" width="620" height="69" border="0"></td>
<td width="1" bgcolor="#000000" height="69"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td colspan="5" width="622" height="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="1" height="3" bgcolor="#000000"><img src="images/shim.gif" width="1" height="3"></td>
<td width="620" bgcolor="#cccccc" height="3" colspan="3" background="images/commun/tile.gif"><img src="images/shim.gif" width="620" height="3"></td>
<td width="1" bgcolor="#000000" height="3"><img src="images/shim.gif" width="1" height="3"></td>
</tr>
<tr>
<td colspan="5" width="622" height="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
<td width="620" bgcolor="#ffffff" colspan="3"><a href="enhome.html"><img src="images/commun/btnhome.gif" width="41" height="19" border="0"></a><img src="images/commun/btnseparator.gif" width="1" height="19"><a href="endownload.html"><img src="images/commun/btndownload.gif" width="62" height="19" border="0"></a><img src="images/commun/btnseparator.gif" width="1" height="19"><a href="enregister.html"><img src="images/commun/btnregister.gif" width="50" height="19" border="0"></a><img src="images/commun/btnseparator.gif" width="1" height="19"></td>
<td width="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="622" colspan="5" bgcolor="#000000" height="1"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="1" height="3" bgcolor="#000000"><img src="images/shim.gif" width="1" height="3"></td>
<td colspan="3" width="620" height="3" bgcolor="#cccccc" background="images/commun/tile.gif"><img src="images/shim.gif" width="620" height="3"></td>
<td width="1" height="3" bgcolor="#000000"><img src="images/shim.gif" width="1" height="3"></td>
</tr>
<tr>
<td colspan="5" width="622" height="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
<td width="139" valign="top" bgcolor="#ffffff">
<div style="margin-top: 16px; margin-left: 16px; margin-right: 16px">
<table width="107" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2"><a href="enhome.html" class="menu"><b>Home</b></a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="ennewsgroup.html" class="menu">Newsgroup</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="http://two.guestbook.de/gb.cgi?gid=369926&prot=rlvmlu" class="menu" target="_blank">Guestbook</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enlinks.html" class="menu">Links</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enmail.html" class="menu">Mail</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enaboutme.html" class="menu">About me</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td height="10"><img src="images/shim.gif" width="1" height="10"></td>
</tr>
<tr>
<td colspan="2"><a href="enxnview.html" class="menu"><b>XnView</b></a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enfeatures.html" class="menu">Features</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enformats.html" class="menu">Formats</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enscreenshots.html" class="menu">Screenshots</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="endownload.html" class="menu">Download</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enhistory.html" class="menu">History</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enregister.html" class="menu">Order</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="ennews.html" class="menu">Newsletter</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enawards.html" class="menu">Awards</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td height="10"><img src="images/shim.gif" width="1" height="10"></td>
</tr>
<tr>
<td colspan="2"><a href="en_nconvert.html" class="menu"><b>NConvert</b></a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="en_ncfeatures.html" class="menu">Features</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="en_ncdownload.html" class="menu">Download</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="en_ncorder.html" class="menu">Order</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td height="10"><img src="images/shim.gif" width="1" height="10"></td>
</tr>
<tr>
<td colspan="2"><a href="engfl.html" class="menu"><b>GFL SDK</b></a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enfeaturesgfl.html" class="menu">Features</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enreviews.html" class="menu">What Users Say</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="endownloadgfl.html" class="menu">Download</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="enregistergfl.html" class="menu">Order</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td><a href="ennewsgfl.html" class="menu">Newsletter</a></td>
</tr>
<tr>
<td><img src="images/shim.gif" width="5" height="1"></td>
<td height="10"><img src="images/shim.gif" width="1" height="10"></td>
</tr>
<tr>
<td colspan="2"><a href="ray/index.html" target="_blank" class="menu"><b>Raytracing</b></a></td>
</tr>
</table>
</div>
<img src="images/shim.gif" width="139" height="16">
</td>
<td width="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
<td width="480" valign="top" bgcolor="#ffffff">
<div style="margin-top: 6px; margin-left: 16px"><a href="enhome.html" class="tracker">Home</a><span class="trackersep"> > </span><a href="http://download.xnview.com/banners/" class="tracker">Link to Us</a></div>
<table width="442" cellpadding="0" cellspacing="0" border="0">
<tr>
<!-- td width="16"><img src="images/shim.gif" width="16"></td -->
<td width="12"><img src="images/shim.gif" width="12"></td>
<td width="410">
<img src="images/shim.gif" width="1" height="16"><br>
<table width="410" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">

<!-------------------------------------- banner content starts here -->

<h2>Buttons & Banners</h2>

<p>Thanks for helping spread the word about XnView.<br>
Please copy and paste the source below to link to this site.</p>
<br><br>

<h3>E-Mail Signature</h3>
Link Text: Get XnView!<br>
<textarea rows="3" cols="40"><a href="http://www.xnview.com/">Get XnView!</a></textarea><br>
E-Mail Link<br><br><br>

<h3>Buttons</h3>
<img src="36x14.gif" width="36" height="14"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="36x14.gif" width="36" height="14" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>36&times;14 Button<br><br><br>
<img src="http://download.xnview.com/banners/xn-white-1.png" width="80" height="15"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="http://download.xnview.com/banners/xn-white-1.png" width="80" height="15" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>80&times;15 Static PNG Button (0.3KB)<br><br><br>
<img src="88x31.gif" width="88" height="31"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="88x31.gif" width="88" height="31" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>88&times;31 Button<br><br><br>
<img src="110x32.gif" width="110" height="32"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="110x32.gif" width="110" height="32" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>110&times;32 Button<br><br><br>
<img src="120x60.gif" width="120" height="60"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="120x60.gif" width="120" height="60" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>120&times;60 Button<br><br><br>
<img src="125x50.gif" width="125" height="50"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="125x50.gif" width="125" height="50" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>125&times;50 Button<br><br><br>
<img src="180x60.gif" width="180" height="60"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="180x60.gif" width="180" height="60" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>180&times;60 Button<br><br><br>

<h3>Banners</h3>
<img src="125x125.gif" width="125" height="125"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="125x125.gif" width="125" height="125" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>125&times;125 Banner<br><br><br>
<img src="120x240.gif" width="120" height="240"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="120x240.gif" width="120" height="240" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>120&times;240 Banner<br><br><br>
<img src="300x250.gif" width="300" height="250"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="300x250.gif" width="300" height="250" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>300&times;250 Banner<br><br><br>
<img src="468x60.gif" width="468" height="60"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="468x60.gif" width="468" height="60" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>468x60 Banner<br><br><br>
<img src="120x600.gif" width="120" height="600"><br><textarea rows="3" cols="40"><a href="http://www.xnview.com/"><img src="120x600.gif" width="120" height="600" border="0" alt="Get XnView!" title="Get XnView!"></a></textarea><br>120x600 Banner

<!---------------------------------------- banner content ends here -->

</td>
</tr>
</table>
</td>
</tr>
</table>
<img src="images/shim.gif" width="139" height="48">
</td>
<td width="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td colspan="5" width="622" height="1" bgcolor="#000000"><img src="images/shim.gif" width="1" height="1"></td>
</tr>
<tr>
<td colspan="5" width="622" align="right"><a href="http://www.jeromequintard.com/"><img src="images/commun/author2.gif" width="99" height="6" border="0"></a></td>
</tr>
<tr>
<td colspan="5" width="622" height="24"><img src="images/shim.gif" width="1" height="24"></td>
</tr>
</table>
</body>
</html>

Don't worry, I won't be a sad XnTriq, if we can't use it.

[helmut]

Thank you very much for your effort, XnTriq. The HTML looks scaring, so I did not have a look at the "XnView banner page" until just recently. Those who want to have a quick impression can directly view XnTriq's above suggestion for an XnView ads&banner page.

I really like the page and the idea and if Pierre also indicates interest, we should try to create some more banners and fill the page. Perhaps Pierre will have to take some money in his hands...

ckv and XnTriq - definetely the coolest geeks in this forum. ckv, your avatar needs sunglasses.

[xnview]

Thank you very much for your effort, XnTriq. The HTML looks scaring, so I did not have a look at the "XnView banner page" until just recently. Those who want to have a quick impression can directly view XnTriq's above suggestion for an XnView ads&banner page.

I really like the page and the idea and if Pierre also indicates interest, we should try to create some more banners and fill the page. Perhaps Pierre will have to take some money in his hands...

Yes i can add such page on my website

[XnTriq]

Who knew?! We had official banners all along: xnview2.gif & xnview3.gif