WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Hur gör man ikoner för hemsidor? (https://www.wn.se/forum/showthread.php?t=20606)

wizzo 2007-04-15 17:18

Hej många gånger när jag surfat omkring då ser man små ikoner på sökadressen och i Firefox flikarna. Men hur gör man så att dem dyker upp egentligen, vad är den korrekta termen för denna webbdesigns bit?
Här är visuellt exempel på vad jag menar med ikoner:
http://tinypic.com/view.php?pic=47t4zsj

http://i18.tinypic.com/47t4zsj.png

melin 2007-04-15 17:27

termen är favicon

<link rel="favicon" src="favicon.ico" /> nåt.. numera hjälper det att bara slänga in en favicon.ico i root-katalogen på din hemsida (så den får adressen www.domän.se/favicon.ico)

Kristofer 2007-04-15 17:27

Ladda hem ett program för att tillverka pixliga ikoner eller använd valfritt bildbehandlingsprogram. Spara som *.bmp och döp om till *.ico sedan.

Lägg in denna rad i head:
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />

WizKid 2007-04-15 17:45

Det är bättre att spara bilderna som ico i ett program som klarar av det. Att byta namn på bmp-bild till ico fungerar eftersom de flesta (om inte alla) webbläsare känner av att det är en bmp-bild och visar den ändå.

Men sparar man den som en ico bild så kan man ha transparenta och även alpha i den. Det finns program som omvandlar alpha transparent png bilder till ico-bilder. Tyvärr kommer jag inte ihåg namnet på det jag använt.

wizzo 2007-04-15 20:26

Schysst! :)

MattiasA 2007-04-15 21:03

man kan även använda gif

Hofvet 2007-04-15 23:37

och png

jonny 2007-04-16 11:59

.ico och .bmp är (var i alla fall) samma format

WizKid 2007-04-16 12:02

Citat:

Originally posted by jonny@Apr 16 2007, 10:59
.ico och .bmp är (var i alla fall) samma format
De verkar väldigt lika men jag tror de skiljer sig på några punkter. Alpha transparens kan man väl inte ha i BMP-bilder? Och i ico-bilder går det även att lägga in flera olika storlekar av ikonen i samma fil..

1337pm 2007-04-16 18:41

La till en favicon som fungerar i FF men inte i IE7, varför?

Använder det här i HEAD:
Citat:

<link rel="icon" href="img/gfx/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="img/gfx/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="icon" href="img/gfx/favicon.ico" type="image/vnd.microsoft.icon"



Alla tider är GMT +2. Klockan är nu 15:05.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson