Category Archives: Grafik

Flash video mouse over start og stop

Posted on by
Reply

“File” -> “Import” -> “Import Video” -> “Load external video with playback component”

On stage, give it an instance name, such as ‘flvPlayer’

THEN, turn that into a movieclip symbol, and give it an instance name of “btn”

btn.flvPlayer.stop();
btn.addEventListener(MouseEvent.MOUSE_OVER, vidPlays);
btn.addEventListener(MouseEvent.MOUSE_OUT, vidStops);
function vidPlays(e:MouseEvent):void
{ btn.flvPlayer.play()
}
function vidStops(e:MouseEvent):void
{ btn.flvPlayer.stop()
}

Resource: http://forums.creativecow.net/thread/190/867463

Online favicon generator

Posted on by
Reply

Skab dit eget ikon til browsere.

Dit favicon skal være 16 x 16 pixel og med maksimal 16 farver.

Indsæt i din header:

<link rel="shortcut icon" href="http://mienoergaard.dk/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://mienoergaard.dk/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://mienoergaard.dk/favicon.png">

Den sidste linie er vigtig. Firefox vil ikke godkende .ico formatet. Gem din .png med 8 bit.

http://www.favicon-generator.org/

Eller hent et program til genereringen af din favicon: http://www.towofu.net/soft/e-aicon.php

JPG eller GIF

Posted on by
Reply

Til tider i mit arbejde, støder jeg på folk, der ikke ved hvornår et billede skal gemmes i JPG eller GIF.

Hvorfor er det godt at kende forskellen?:

  • Det rigtige format reducere størrelsen (i KB) på billedet, uden at forringe den synlige kvalitet.
  • Når størrelsen er optimal, hentes din webside også hurtigere ned, og vises hurtigere i browseren (Internet Explorer, Firefox, Google Chrome m.v.).

En god finger regel er:

  • JPG bruges når der er tale om et photo.
  • GIF bruges når der er tale om stregtegninger – ofte er logoer det.

Grunden til den opdeling handler om den komprimerings algoritme de to formater gør brug af

  • JPG samler flere pixels (punkter) i samme område i billedet, og giver det samme farve.
  • GIF kigger på hele billeder, og reducere det samlede antal farver i billedet.

Der er to forskellige faktorer der gør sig gældende:

  • Størrelsen (i KB) på den endelig fil.
  • Kvaliteten – det du ser.

Et eksempel hvor JPG formattet er det rigtige valg

Photo gemt som JPG (50 KB, medium kompression):

hr_chgp2008

Photo gemt som GIF (49 KB, 64 farver):

hr_chgp2008

Samme photo men gemt i to forskellige formater, og med synlig kvalitetsforskel, men stort set samme størrelse – 50 KB.

Forstørre vi billederne, ses forskellen endnu tydeligere.

Som JPG:

photo_jpg

Som GIF:

photo_gif

Et eksempel hvor GIF formatet er det rigtige valg

Logo gemt som JPG (14 KB, medium kompression):

hr_logo

Logo gemt som GIF (5,5 KB, 64 farver):

hr_logo

Samme billede men gemt i to forskellige formater, og ikke med den store synlige kvalitetsforskel, men med stort forskel i størrelsen – 8,5 KB.

Forstørre vi billederne, ses forskellen endnu tydeligere.

Som JPG:

logo_jpg

Som GIF:

logo_gif

Når jeg optimere flere billeder på en gang, gør jeg det med fordel med XnView (xnview.com). Et fransk freeware program. Det er især, hvis kvaliteten skal være høj samtidig med at billeder er store, at programmet er ekstremt godt. Jeg oplever for det meste en forbedring på mellem 20% og 60%.

De vigtige instillinger er her:

xnview

Photos der er brugt som eksempel, er taget af Jesper Bolo Petersen, www.bolo.dk, for Team Historic Racing under Copenhagen Historic Grand Prix 2008.

Logoet der er brugt som eksempel, er designet af Jacob Voldby, www.clmedia.dk, for Team Historic Racing.