webForumDet fria alternativet

Hur får man en bild att bli en banner?

HTML & CSS

11 svar · 507 visningar · startad av aasah

Medlem sedan mars 20034 471 inlägg
Frågan#1

Jag har en bild som är 121x376 pixels (ca 32x99 mm).

om jag skriver:

<img src='http://url/Logo.gif' alt='Logo' border='0' />

så täcker den knappt halva fönstret på bredden. Jag trodde width skulle fixa det så jag klämde dit:

<img src='http://url/Logo.gif' alt='Logo' border='0' width=100% />

Då blir vidden visserligen lika stor som sidan, men problemet är att höjden blir jättestor. Gissningsvis bibehålls förhållandet mellan höjd och bredd?

Teoretiskt kan man ju så klart göra själva bilden bredare, men så länge den inte skalas blir det ju ändå fel för folk har ju olika bredd på sina skärmar och fönster...

Så vad gör man? Jag vill alltså inte ha loggan högre än den redan är (lite väl hög redan) men däremot att den täcker sidan på bredden.

Tacksam för tips! :)

Red: Kan visst inte skilja på höjd och bredd... ingen höjdare direkt! :p

Medlem sedan juni 20003 076 inlägg
#2

Hur får man en bild att bli en banner?

Det finns vissa standardstorlekar som man brukar använda sig av när man gör en banner och där ingår inte 100%. Lämpligtvis använder du dig av dessa istället! :)

Medlem sedan mars 20034 471 inlägg
#3

doggelito skrev:

Hur får man en bild att bli en banner?

Det finns vissa standardstorlekar som man brukar använda sig av när man gör en banner och där ingår inte 100%. Lämpligtvis använder du dig av dessa istället! :)

Jaha... det var ju informativt! :( Hur ser de ut då? :q Att man inte använder 100% har jag redan fattat, frågan är hur man gör i stället! :(

Medlem sedan juni 20003 076 inlägg
Medlem sedan mars 20034 471 inlägg
#5

Alltså, vad du säger är att man inte ska skala banners utan bestämma sig för att ge dem en standardstorlek, punkt slut? :q

Hur kommer det sig i så fall att 90% av alla banners faktiskt är lika stora som sidorna? Slump? Tur? :q

Medlem sedan juni 20003 076 inlägg
#6

aasah skrev:

Alltså, vad du säger är att man inte ska skala banners utan bestämma sig för att ge dem en standardstorlek, punkt slut?

Japp, jag har då aldrig sett en site där bannrarna är skalbara.

aasah skrev:

Hur kommer det sig i så fall att 90% av alla banners faktiskt är lika stora som sidorna? Slump? Tur?

Vad menar du? Nått exempel?
Kolla på aftonbladet eller någon annan välbesökt site och ta måtten därifrån. :)

Medlem sedan dec. 20042 245 inlägg
#7

Finns det nåt som säger att de inte får vara i full bredd? Bara för att man inte sett det tidigare betyder inte att det är förbjudet. Eller? :)

img.banner { width:100%; height:121px; }
Medlem sedan nov. 20041 189 inlägg
#8

Nä, men webbläsarnas interpolering är inte speciellt snygg...

Medlem sedan juni 20019 024 inlägg
#9

En banner har storleken 468 x 60 pixlar.

http://www.iab.net/standards/adunits.asp

aasah skrev:

Hur kommer det sig i så fall att 90% av alla banners faktiskt är lika stora som sidorna? Slump? Tur?

Därför att 90 % bestämmer sig för att "nu ska vi göra en webbplats som finansieras av annonser, och vi ska därför utforma vår layout så att en annons av typen banner passar in där och där".

Så, nej, det är varken tur eller slump. Det är planerat redan från början. Annonsstorlekarna var nämligen relativt tidigt standardiserade.

Medlem sedan nov. 2004438 inlägg
#10

Någon får gärna slå mig på fingrarna, mer än gärna hoppa på mig - men en banner har en given storlek, punkt slut. Säger stället man ska annonsera på att den skall vara 468x60 f att ta en klassiker så ska den var det, den standard som funnits är numera ganska upplöst, en del vill ha 300x250, andra skumma mått som 185x50 osv osv. Dom har varit standariserade, men det flyter ut mer och mer, nu är det som Pace säger upp till sajten ifråga att bestämma.

Medlem sedan mars 20034 471 inlägg
#11

zcorpan skrev:

Finns det nåt som säger att de inte får vara i full bredd? Bara för att man inte sett det tidigare betyder inte att det är förbjudet. Eller? :)

img.banner { width:100%; height:121px; }

Jag provade men min fåniga bild ändrade inte storlek alls? :q (Säkert gjorde jag något fel.)

Pace skrev:

En banner har storleken 468 x 60 pixlar.

http://www.iab.net/standards/adunits.asp

aasah skrev:

Hur kommer det sig i så fall att 90% av alla banners faktiskt är lika stora som sidorna? Slump? Tur?

Därför att 90 % bestämmer sig för att "nu ska vi göra en webbplats som finansieras av annonser, och vi ska därför utforma vår layout så att en annons av typen banner passar in där och där"....

Åhååå... jag har kanske använt en helt felaktig terminologi? Jag har nog missförstått vad en banner är.

Det jag pratar om och har problem med är en slags "titelbild" för en site. Jag ville att denna skulle täcka hela överkanten, eftersom det ser så infernaliskt fult ut när den täcker knappt halva bredden. Men jag fattar att jag får fixa det genom att låta bakgrunden i "titelhöjd" ha samma färg som bildens bakgrundsfärg i stället. Tack för all hjälp! :e Det är inte så lätt när man inget kan om grafik...

Kan man utifrån en färg som finns på något sätt få fram färgkoden? Problemet med denna lösning är nämligen att den använda färgen mörknade rejält när bilden sparades (som gif) och jag vet inte färgkoden för den färg det blev... ?

Eller är det bättre att helt enkelt slänga eländet och börja om?

Medlem sedan dec. 20042 245 inlägg
#12

Om färgen blivit mörkare efter du sparat bilden har nåt blivit vajsing. Hur som helst, du kan få fram färgen genom att ta en skärmdump, klistra in i en bildeditor och hämta färgen.

Med mitt exempel får du lägga till en klass på bilden, class="banner".

262 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)