Small is sexy (Logo/Banner)

Plug-ins, add-ons, skins, icons, templates and other downloads. Contributions are welcome.

Moderators: XnTriq, xnview

User avatar
ckv
Posts: 786
Joined: Wed Feb 02, 2005 2:30 pm
Location: Glow

Small is sexy (Logo/Banner)

Post by ckv »

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

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.
Last edited by ckv on Fri Nov 25, 2005 4:44 pm, edited 8 times in total.
XnView Tweak UI - Tool to customize your XnView beyond the regular XnView options.
UI-less Settings - Documentation of all the hidden settings in XnView.
XFAM - Tool to create and customize XnView file associations.
User avatar
helmut
Posts: 8225
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Re: Small is sexy

Post by helmut »

ckv wrote:... 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.
Last edited by helmut on Sat May 28, 2005 12:28 pm, edited 2 times in total.
ckit
XnThusiast
Posts: 2451
Joined: Tue Feb 17, 2004 1:11 am
Location: Cabarlah, Australia

Post by ckit »

It's ckv not ckit :)
XnViewMP running on Windows 10 Pro x64 21H1
PhotoFiltre 11, PowerArchiver Toolkit, ShareX and Vivaldi Browser
User avatar
helmut
Posts: 8225
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Post by helmut »

ckit wrote:It's ckv not ckit.
Right, I've corrected it. All these aliases... ;-)
Last edited by helmut on Sat May 28, 2005 12:28 pm, edited 1 time in total.
User avatar
Drahken
Posts: 884
Joined: Sun Apr 10, 2005 4:29 pm

Post by 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? ;)
Image
Last edited by Drahken on Sat May 28, 2005 12:31 pm, edited 1 time in total.
ckit
XnThusiast
Posts: 2451
Joined: Tue Feb 17, 2004 1:11 am
Location: Cabarlah, Australia

Post by ckit »

Some might be 24-bit and some 32-bit (alpha blending)
You would only notice the difference on Windows XP.
XnViewMP running on Windows 10 Pro x64 21H1
PhotoFiltre 11, PowerArchiver Toolkit, ShareX and Vivaldi Browser
User avatar
Drahken
Posts: 884
Joined: Sun Apr 10, 2005 4:29 pm

Post by 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).
Image Image
Image Image
Image Image
Image Image
Image Image
If the pics get used as much as you hope they will, that will add up to serious bandwidth savings.
Guest

Re: Small is sexy

Post by Guest »

helmut wrote:These look quite nice. Well done, ckv! I guess 80x15 is a standard banner size - right?
Thanks and yes it is standard size.
helmut wrote:If you agree, we put them on our download server.
That would be great.
helmut wrote:Note: I've changed your attracting subject a bit.
Thats OK. It was miss leading anyway.

Drahken wrote: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. :)
Drahken wrote: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)
User avatar
ckv
Posts: 786
Joined: Wed Feb 02, 2005 2:30 pm
Location: Glow

Post by 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.
XnView Tweak UI - Tool to customize your XnView beyond the regular XnView options.
UI-less Settings - Documentation of all the hidden settings in XnView.
XFAM - Tool to create and customize XnView file associations.
User avatar
helmut
Posts: 8225
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Post by helmut »

ckv wrote: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...
User avatar
ckv
Posts: 786
Joined: Wed Feb 02, 2005 2:30 pm
Location: Glow

Post by ckv »

helmut wrote: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 :wink: ). 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. :wink:
helmut wrote: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).
Image Image
Image Image
Image Image

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

These are the ones what I would like to keep. :wink: 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...
XnView Tweak UI - Tool to customize your XnView beyond the regular XnView options.
UI-less Settings - Documentation of all the hidden settings in XnView.
XFAM - Tool to create and customize XnView file associations.
User avatar
XnTriq
Moderator & Librarian
Posts: 5907
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Post by XnTriq »

ckv wrote:Hmm... Why I know all this stuff... I am so vain...
:mrgreen: 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: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. ;-)
User avatar
helmut
Posts: 8225
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Post by 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. ;-)
User avatar
xnview
Author of XnView
Posts: 36320
Joined: Mon Oct 13, 2003 7:31 am
Location: France

Post by xnview »

helmut wrote: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 :-)
Pierre.
User avatar
XnTriq
Moderator & Librarian
Posts: 5907
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Post by XnTriq »

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