Untitled Document

VADÅ STANDARD? #3

Modem är fortfarande vanligast!

De flesta internetanvändare har oavsett nuvarande uppkoppling troligtvis ägt ett vanligt analogt modem... De flesta av dessa personer har då troligtvis även upplevt "fenomenet", segladdade sajter.

I denna artikel ska jag försöka ge lite tips på vad man kan göra för att få sin sajt mer snabbladdad, vi ska bl a optimera bilder och gå igenom HTML taggar...

Bildoptimering

Ta nu en titt på dessa bilder:(det är filarkivsjohan på bilderna!)


Icke optimerad Jpeg	Optimerad Jpeg	Icke optimerad Gif	Optimerad Gif
Storlek: 12K	Storlek: 2K	Storlek: 8K	Storlek: 4K

Lutar man sig fram mot skärmen och spänner ögonen i den ooptimerade Jpegbilden på 12K inser man att den faktiskt ser bäst ut. Men ser den tillräckligt bra ut för att vara värd 12K? knappast. Tänk även på att de flesta som tittar på din hemsidas bilder inte sitter och stirrar på den för att hitta kvalitetsbrister...

I exemplet ovan har jag använt mig av två olika typer av bilder, först använde jag Jpeg och sedan Gif. Jag tror knappast att jag behöver berätta vilket format man bör välja för att få bäst balans mellan kvalitet och filstorlek...

Så Jpge är altså bättre för fotografiska bilder än Gif? Men hur är det då med "textbilder"?


Icke optimerad Jpg	Optimerad Jpg	Icke optimerad Gif	Optimerad Gif
Storlek: 4K	Storlek: 2K	Storlek: 0.819K	Storlek: 0.649K

Nu märker vi att Gif är ett format som lämpar sig bättre till "text bilder".

Hur gjorde jag då för att optimera storleken?

På dagens marknad finns det gott om program som är lämpade för bildoptimering... Jag använder huvudsakligen Macromedias Fireworks för att optimera mina bilder, inte en enda bild som är tänkt för webben slipper undan mitt Fireworks...

Enklaste sättet för att få tag på detta program är att gå till Macromedia.com och därifrån ladda ner en 30:dagars testversion som du sedan kan välja att köpa eller sluta använda. Programet kostar ca 3000 kronor, men enligt min mening är det välinvesterade pengar...

Bildoptimering med Fireworks

Efter att du laddat ned Fireworks, installerat och sedan startat det kommer du mötas av en liknande syn.

Fig.1

Det vi nu ska göra är följande:
*Öppna en bildfil.
*Optimera bilden i Jpeg och sedan spara...
*Vi ska sedan öppna en bild innehållande text.
*Denna bild ska vi sedan optimera i Gif och sedan spara...

Vi börjar med att titta högst upp till höger i Fireworks, då bör vi se liknande:

Fig.2

Klicka nu på den gula foldern med en pil på (filöppningskomandot). Nu dyker en ruta upp där du ska leda dig fram till den bild som du vill öppna, fungerar ungefär som Utforskaren eller "Den här datorn".

Efter att du hittat din fil, markerat den och sedan tryckt på open kommer du tillbaka till fig.1, men nu är även din önskade bild där!

Sedan efter att du kontrolletat att du öppnat rätt bild klickar du på "File-menyn" (snätt upp till vänster övanför den röda cirkeln i fig.2. I File-menyn klickar du sedan på Exportpreview (du kan även trycka Ctrl+Shift+X). Hur du än gör kommer du mötas av ett fönster, nere till vänster hittar du följande ikon...

Fig.3

Tryck sedan på ikonen och ställ in önskad storlek på bilden. Experimentera sedan fram den bästa blandningan mellan kvalitè och filstorlek. När du är nöjd så tryck på "Export", döp din fil och tryck sedan på "Save".

Så där ja. Nu vet du troligtvis om du ska använda JPG eller GIF till dina webbilder. Du har förhoppningsvis även en aning om hur man optimerar bilder i Fireworks...