Vad skall man tänka på när man skall addera en bild till din webbsida

Copyright Lars Ekdahl
© 2004-

Övriga Tips&Tricks digitala bilder

|Arbetsrymder - Kulörrymder | Begreppen dpi, lpi och ppi | Bilders storlek och upplösning | Bitdjup |Brusreducering på bästa och enklaste sätt |Filstorlek och upplösning | Färgkorrigera med iCorrect EditLab 4.5 | Förbättra bildkvalitén 1. |Förbättra bildkvalitén 2. | färgrymder |Korrekturläsning på skärmen | Minnesstorlek på dina inskannade bilder | PhotoShop 7 färghanteringssystem || Photoshop CS färghanteringssystem | Photoshop 7 & CS och Färghantering vid utskrift | Ordlista |sepia toning av fotografi |Skanning och upplösning | Skärpa bilden via lagermask |Skärpa bilden via FocalBlade plug-in | Skärpa bilden via PK Sharpener plug-in | Ta bort röda ögon| |webbilder |Bildskärmskalibrering

Att tänka på när du skall addera en bild till din webbsida!
  1. Har du många bilder på din webbsida behöver det inte ta längre tid att ladda ner allt textmaterial än om du inte hade några bilder alls. Genom att ange attributen WIDTH och HEIGHT till HTML elementet IMG förbereder webbläsarna Netscape och Explorer plats för bilden/erna att laddas ner när hela sida med text är nerladdad.
  2. Vill du ha ett mellanrum mellan bild och text använder du bildattributen hspace och vspace. (t.ex. "hspace="3" vspace="5".) Detta säger till webbläsaren att lämna ett tomt område över och under bilden på 3 pixlar samt 5 pixlars mellanrum vertikalt
  3. Om du använder en bild som en "hyperlink" får bilden en blå ram omkring sig. Detta visar användaren att bilden är "klickbar" Skulle du tycka att detta är fult kan du ta bort ramen genom att göra tillägget "border=0"
  4. Om du har en mycket stor bild du vill visa gör man oftast så att man har först en liten bild, kanske 180x250 pixlar stor. Denna bild länkar du till din större bild. Är besökaren intresserad vet han när han klickar för den stora bilden att de kanske tar lite tid. Du kan emellertid förbereda nedladdningen av denna bild så att när besökaren klickar på din länkbild finns den större bilden nerladdad i webbläsarens så kallade cachminne. Hur sker detta? Jo längst ner på sidan där du har den lilla klickbara bilden (en så kallad "thumbnails") kan du osynligt ladda ner den större bild besökaren skall gå till. Detta genom att sätta bildens height och width attribut till 1 img src="storbild.jpeg" height="1" width="1" (Här finner du ett exempel på detta fast du inte kan se detta här. Har du Explorer gå upp till Visa > Källa så ser du hur jag gjort. Denna bild har i själva verket en bredd på 493 och en höj av 326 pixlar.
  5. En trevlig lektion att spara internetbilder ifrån Photoshop

Tillbaka