Placera bilden rätt Lägg in bilden

Bilder på hemsidan - genomskinligt och sammanflätat
Genomskinliga bilder

Din bild kan ha en bakgrund som inte stämmer överens med bakgrunden på hemsidan. Den blir kanske till en vit ruta, som inte alls passar in i din färgsättning.

Då kan du göra bildens bakgrund genomskinlig, så att det i stället blir sidans bakgrund som syns.
Så här kan man bara göra med GIF-bilder

Du åstadkommer genomskinligheten direkt i bildbehandlingsprogrammet. Så här gör du i Paint Shop Pro 6 - om du inte har det programmet finns det en 30-dagars demo på SDN:s medlems-CD för år 2000.

  • Öppna bilden i Paint Shop Pro.
  • Välj File, Export och Transparent GIF...
  • Nu öppnas dialogrutan Transparent GIF Saver, där du direkt kan se hur resultatet kommer att bli. Se till att det nedersta alternativet, Areas that match this color, är iprickat. Sedan kan du klicka i rutan intill och välja vilken färg som skall vara genomskinlig. I fältet till höger anger du vilken tolerans du vill ha - normalvärdet är 1 om bildens bakgrund har en ren färg. Anger du ett högre värde finns det risk för att även andra färger "försvinner".
  • Innan du lämnar den här dialogrutan, skall du passa på att titta under fliken Download Times. Där kan du se hur lång tid nedladdningen av din bild kommer att ta.
  • När höger bildruta visar bilden som du vill ha den (du får en gråvitrutig bakgrund i det som blir genomskinligt) klickar du OK och sparar bilden. Nu är den färdig att läggas in som genomskinlig på hemsidan. I nästa avsnitt lär du dig hur detta skall göras.
Fuska med JGP-bilder

Det går att åstadkomma en liknande effekt även med JPG-bilder, genom att ge bildens bakgrund samma färg som hemsidans bakgrund. Men eftersom JPG-bilder innehåller miljontals färger, finns det risk för att konturerna "suddas till" när du sparar bilden så att konturen blir luddig när bilden visas på hemsidan.

Sammanflätade eller progressiva bilder

Både GIF-bilder och JGP-bilder kan sparas på ett sätt som gör att bilden först visas grovkornig (GIF) eller suddig (JPG) för att bli skarpare allt eftersom den läses in i webbläsaren. Det gör att besökaren snabbt får en uppfattning om vad bilden föreställer och får en "färdig" sida att titta på - vilket många föredrar framför att sitta och vänta på att bilden skall visas.

Sammanflätade GIF-bilder

En sammanflätad GIF-bild visas först som grovkornig. Allt eftersom bilden hämtas från servern blir fler detaljer synliga. För att spara en bild som sammanflätad (Interlaced) i Paint Shop Pro gör du så här:

  • Öppna bilden i Paint Shop Pro. Välj File, Export och Transparent GIF...
  • I dialogrutan som öppnas klickar du på fliken Format och markerar Interlaced. Här ser du för övrigt miniatyrer av hur bilden visas i Non-interlaced respektive Interlaced.
  • Klicka OK och spara bilden.
Progressiva JPG-bilder

En progressiv JPG-bild visas först suddig och blir sedan allt skarpare. En standardbild glider i stället ned från bildens överkant. För att spara en bild som progressiv i Paint Shop Pro gör du så här:

  • Öppna bilden i Paint Shop Pro. Välj File, Export och JPEG File...
  • I dialogrutan som öppnas kan du passa på att undersöka hur olika komprimeringsgrader påverkar filstorleken. Du ändrar komprimering under fliken Quality. Klicka också på fliken Download Times och undersök hur nedladdningstiden påverkas. Den högra bilden i dialogrutan visar hela tiden hur bilden förändras vid komprimeringen.
  • Klicka på fliken Format. Här ser du miniatyrer av hur bilder visas i Standard respektive Progressive. Pricka i Progressive, klicka OK och spara bilden.
Placera bilden rätt Lägg in bilden

© SupportData.Net