Bilderna visas inte på min hemsida. Vad är det för fel?

Att bilderna inte visas beror vanligtvis på en av följande två saker:

Antingen har du skrivit fel namn i koden till bilderna eller också ligger inte bilderna på rätt ställe. Namnet måste vara EXAKT rätt. Stora och små bokstäver också. GIBSON.JPG är inte samma sak som gibson.jpg i Internetvärlden . Kontrollera att det är rätt. Annars är det bilderna som inte ligger på rätt ställe. Om du inte har skrivit annat ska de ligga i samma katalog som HTML-dokumentet.

Hur sparar man en bild som man hittar på Internet?

För att spara en bild från Internet i sin dator klickar man med höger musknapp på bilden och väljer alternativet "Spara bild som..."/"Save picture As...". Tänk på att be om lov innan du använder någon annans bild på din hemsida.

Hur gör man animerade gif-bilder?

Bildbehandling hör visserligen inte till HTML, men jag ska i alla fall göra ett försök att förklara hur man kan göra animerade gif-bilder.

Det påminner lite grann om att göra tecknad film. Man ritar den ruta för ruta och sätter sedan ihop dem till en serie bilder. Därefter talar man om hur länge varje bild ska visas och hur många gånger bildserien ska visas (för tillfället kan man bara välja mellan en eller ett oändligt antal gånger).

Detta behövs: Ett ritprogram som kan spara bilder i gif-format och ett gif-animerigsprogram, t ex "Gif Construction Set" av "Alchemy Mindworks Inc". Det är ett shareware-program som finns att hämta på: http://www.mindworkshop.com/.

Så här går du tillväga:

Öppna ditt favorit-ritprogram, exempelvis Paintshop Pro

Rita bilderna, en efter en. Ofta kan man använda samma bild med små modifikationer och spara dem mellan varje ändring. När du sparar bilderna är det ofta enklast att numrera dem. Döp t ex bilderna till bild1.gif, bild2.gif o s v i den ordning de ska visas.

Nu är det dags att sammanfoga bilderna till en "film". Det gör du i Gif Construction Set, "GifCon", som du ska öppna nu.

Börja med att öppna ett nytt dokument (Ctrl + N).

Därefter infogar du bilderna, en efter en. Tryck Ctrl + I och välj "Image". Leta reda på den första bilden i serien, markera den och tryck OK. Om du får ett meddelande med rubriken "Palette" kan du klicka bort det med OK. Nu är första bilden infogad.

Kontrollera att det står samma storlek (A x B) på raden "HEADER" som på raden "IMAGE". Det gör det antagligen inte och i så fall ska du ändra i "HEADER" genom att dubbelklicka på den raden och ändra "Screen width" och "Screen depth" till samma värden som på raden "HEADER". Raden "HEADER" talar om hur stor den animerade gif-bilden ska vara och normalt vill man inte att den ska vara större än de bilder den bygger på. Om det t ex står (640 x 480) betyder det att bilden ska vara lika stor som en skärm med 640 x 480 pixlars upplösning.

Nu ska resten av bilderna infogas. Det gör du på samma sätt som med den första bilden.

Därefter ska du lägga in en fördröjning mellan varje bild så att den slutliga bilden inte rör sig för fort. Markera raden med den första bilden och välj infoga (Ctrl + I) och "Control". Nu ser du att en rad som heter "CONTROL" infogades. Dubbelklicka på den. Här ser du de olika inställningar du kan göra i kontrollen. Ändra i rutan "Delay" så det antal hundradels sekunder du vill att bilden ska visas står där. Klicka på OK. Gör om detta moment med alla bilder.

Slutligen ska vi lägga in en loop, så att bildsekvensen visas om och om igen. Markera nedersta raden och välj infoga (Ctrl + I) och "Loop".

Nu är bilden klar. Du kan titta på den genom att trycka Ctrl + W. Spara bilden med Ctrl + S.

Det tar lång tid att läsa in bilderna på min hemsida. Kan man göra något åt det?

Det finns en del knep när det gäller bilder. Det allra enklaste är att ange bildens storlek så att internet-läsaren slipper räkna efter själv. Det gör man med koderna WIDTH och HEIGHT. Vi gör några exempel:

Bilden är 300 pixlar bred och 184 pixlar hög. Det betyder att vi kan skriva koden så här:

<IMG SRC="pic/vacker.jpg" WIDTH=300 HEIGHT=184>

<IMG SRC="pic/vacker.jpg" WIDTH=200 HEIGHT=200>

En annan sak som gör bilder mindre och därmed snabbare att läsa ner, är att välja rätt bildformat på bilderna. En tumregel är att använda jpg-format för fotografiska bilder och gif-format för ritade bilder. Vi gör några exempel på det också:

JPG-format	GIF-format
7 kByte	12 kByte
20 kByte	3 kByte

Jag tycker att siffrorna talar ganska tydligt för sig själva.

Jag har en bild som jag skulle vilja konvertera från gif- till jpg-format. Hur gör jag det?

Att konvertera bilder från ett format till ett annat är ganska enkelt. Det gäller bara att ha ett bildprogram som klarar av konverteringar. Jag kan rekommendera ett program som heter "Lview Pro" och som finns på http://www.shareware.com/ (Paintshop Pro går naturligtvis också bra att använda). Med det öppnar man den bild som ska konverteras och väljer "Save As..." under "File"-menyn. I en rullist nertill kan man välja önskat format.