Multimedie Læringsressourcer - GIF Billeder

GIF er en af de vigtigste billedformater, der bruges på internettet.

Dette dokument forklarer i detaljer GIF-billedernes egenskaber og brugsteknikker.

Forståelse af billedformater

Både HTML og XHTML har ikke defineret en officiel billedformat. Dog har populære browsere specifikt defineret visse billedformater: normalt er det GIF og JPEG. De fleste andre multimedieformater kræver specielle hjælpeprogrammer, og brugerne af hver browser skal få, installere og korrekt operere disse programmer for at kunne se eller høre disse specielle filer. Derfor er det ikke overraskende, at GIF og JPEG er de faktiske standarder på internettet.

Før Web'ens opkomst var disse to billedformater allerede bredt brugt, og derfor findes der masser af støtteprogrammer, der hjælper os med at oprette billeder i disse formater. Dog har hver format sine fordele og ulemper, og nogle browsere udnytter deres egenskaber til at opnå specielle visuelle effekter.

GIF

GIF-formatet refererer til billedudvekslingsformat (Graphics Interchange Format, GIF), som oprindeligt blev udviklet af CompuServe til at overføre billeder til brugerne af deres online tjenester.

GIF-formatets egenskaber

GIF-formatet har mange egenskaber, og derfor er det meget udbredt i HTML/XHTML.

GIF-formatets anden egenskab er, at det bruger en speciel komprimeringsteknik, som kan reducere størrelsen af billedfilen betydeligt, hvilket gør det muligt at overføre dem hurtigere på nettet. GIF-komprimering er

Derudover er det meget nemt at implementere animationseffekter i GIF-billeder.

Versioner og farver for GIF-formatet

Selvom alle GIF-billedfilnavne bruger .gif (eller .GIF) som filendelse, findes der faktisk to GIF-versioner: det oprindelige GIF87 og GIF89a, som understøtter mange nye funktioner, herunder gennemsigtig baggrund, cache og animation, som er meget udbredt blandt web-skabere.

De mest populære browsere understøtter begge typer GIF-formater, de mapper begge 8-bits pixelværdier til en farvetabel gennem samme skema, hvilket betyder, at hver billedkilde kan have op til 256 farver.

De fleste GIF-billeder har færre faktiske farver, og nogle specifikke værktøjer (som Macromedia Fireworks) kan forenkle disse farver i mere detaljerede billeder. Ved at forenkle farver kan man skabe mindre farvekort og styrke pixeloverfløde, hvilket gør det muligt at komprimere filen mere, hvilket gør downloadhastigheden hurtigere.

Dog er billeder kodet med GIF ikke altid passende, især ikke for billeder, der skal have en meget autentisk billedeffekt. GIF kan bruges til at skabe meget pæne ikoner og billeder med få farver.

Selv de mest krævende skabere vælger GIF

Da de fleste grafiske browseres understøtter GIF-format klart, er det nu det mest accepterede billedkodingformat på internettet. Billeder, der vises direkte i teksten, og eksterne links, kan bruge dette format. Hvis du er i tvivl om, hvilket billedformat du skal vælge, er det sikkert at vælge GIF. Det virker næsten altid korrekt.

Teknikkerne ved GIF-billeder

GIF-billeder har tre specielle teknikker: diagonalt skanning (interlacing), gennemsigtighed (transparency) og animation.

Diagonalt skanning

Gennem diagonalt skanning kan GIF-billeder vises på skærmen på én gang, i stedet for at vise dem trin for trin fra top til bund. Som regel er billederne kodet med GIF-kode, en sekvens af pixeldata fra toppen af billedet til bunden, rækkevis. Derfor ser en almindelig GIF-billede på skærmen ud som om, at gardinet trækkes tilbage på én gang, mens et GIF-billede med diagonalt skanning viser sig som om at rulle op et persiennelås. Dette skyldes, at sekvensen af pixeldata krydser hver fjerde række. Brugeren behøver kun bruge en fjerdedel af tiden til at downloade og vise et helt billede, for at kunne se et meget komplet billede fra top til bund, selvom det er sløret. Dette billede, der kun er fjerdedelen af det hele, er ofte meget klart, så brugere med langsom internetforbindelse kan afgøre, om det er nødvendigt at bruge tid på at downloade resten af billedet.

尽管所有的图形浏览器都能够显示隔行扫描 GIF，但并不是所有浏览器都可以显示出隔行扫描那种逐渐清晰的效果。即使是那些可以实现这种效果的浏览器，用户还可以通过选择在图像完全下载并解码后再显示，来抑制这种效果。老式浏览器总是当图像完全下载并解码后才会显示，所以根本不支持这种效果。

transparency

GIF 图像（实际上是 GIF89a 格式的图像）另一种常见的效果是，它可以让图像的一部分变成透明效果，这样图像下面的内容（通常是浏览器的窗口背景）就可以透过透明部分显示出来。透明的 GIF 图像在它的颜色映射里专门用一种颜色作为背景颜色，从而让显示窗口的背景透过来。通过仔细地剪切图像的大小和选择一种接近纯色的背景颜色，透明图像可以制作成看上去好像完全镶嵌在网页中，或者是浮动在上面的效果。

透明的 GIF 图像适合于任何希望融入文档当中但又不希望看上去是个方块的图形。透明的 GIF 徽标十分常见，如透明图标或者印刷符号等 - 任何具有任意的自然形状的图像都可以使用这种效果。还可以在传统文本中插入透明的内联图像，以便在其中显示特殊的字符符号。

GIF 图像的透明效果有一个缺点，就是如果把它包含在超链接锚（<a>）标签里面而没有去掉它的边框，或者用框架专门将它括起来时，它看上去会十分糟糕。而且其他内容会围绕图像的矩形边框显示，而不是靠近图像的不透明边框。这样的结果就是不必要地把图像隔离出来，或者使网页看上去非常古怪。

animation

GIF89a 格式图像的第三个独特之处在于，它可以实现简单的逐帧动画。通过使用特殊的 GIF 动画工具软件，就可以把一系列 GIF 图像放在一个单独的 GIF89a 文件中。浏览器会相继显示文件中的每个图像，就像我们小时候曾经玩过的（甚至画过的）那种通过快速翻页产生动画效果的小册子。在 GIF 文件中，每个图像之间都具有特殊的控制部分，可以用来设置浏览器从头到尾显示整个序列（循环）的次数，每两个图像之间停顿的时间，以及在浏览器显示后面一个图像之前是否从背景中抹去图像空间，等等。通过把这些特性与那些 GIF 通常具有的特性（包括单独的颜色表、透明性、隔行扫描等）结合起来，就可以创造出非常有吸引力而且非常精致的图像。

De enkle GIF-animationer har en kraftfuld effekt af en anden vigtig grund: det er ikke nødvendigt at skrive programmer specifikt til HTML-dokumenter for at opnå animationseffekter. Men det har også en meget stor fejl: det er begrænset til meget små grafik som ikoner eller kun til et meget smalt bånd af browservinduet: selvom du meget forsigtigt undgår at gentage statiske dele i kontinuerlige animationselementer, bliver GIF-animationer meget let store. Så hvis dokumentet indeholder flere animationer, kan forsinkelsen i at downloade disse billeder blive meget irriterende for brugerne. Hvis der er noget, der er værd at behandle meget omhyggeligt og undgå misbrug, er det GIF-animationer.

Opsummering

De enkle GIF-animationer har en kraftfuld effekt af en anden vigtig grund: det er ikke nødvendigt at skrive programmer specifikt til HTML-dokumenter for at opnå animationseffekter. Men det har også en meget stor fejl: det er begrænset til meget små grafik som ikoner eller kun til et meget smalt bånd af browservinduet: selvom du meget forsigtigt undgår at gentage statiske dele i kontinuerlige animationselementer, bliver GIF-animationer meget let store. Så hvis dokumentet indeholder flere animationer, kan forsinkelsen i at downloade disse billeder blive meget irriterende for brugerne. Hvis der er noget, der er værd at behandle meget omhyggeligt og undgå misbrug, er det GIF-animationer.