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 |review and utvärdering av ColorVision Spyder 2 PRO Studio | En teoretisk redogörelse om olika RGB arbetsrymder/färgrymder | Brusreducering på bästa och enklaste sätt | FocalBlade Reviewverktyg för skärpning av bilder |Filstorlek och upplösning | Utvärdering av BreezeBrowser | Förbättra bildkvalitén 1. |Förbättra bildkvalitén 2. | färgrymder |Autokorrigera färger på ett fotografi i Photoshop 7/ |Korrekturläsning på skärmen | Minnesstorlek på dina inskannade bilder |Ny PhotoShop CS6 färghanteringssystem | PhotoShop 7 färghanteringssystem || Photoshop CS färghanteringssystem | Photoshop 7 & CS och Färghantering vid utskrift | Photoshop CS 3 Färghantering |Photoshop CS4 färghantering | Ordlista |sepia toning av fotografi |Gör om ditt färgkort till ett svartvitt |Skanning och upplösning | Skärpa bilden via lagermask |Skärpa bilden via FocalBlade plug-in | Skärpningsverktyget PK Sharpener plug-in | Ta bort röda ögon| |kalibrera bidskärmen |Utvärdering av Lightroom 2 |Utvärdering av Lightroom 3 Ny|Utvärdering av Lightroom 5

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