Slik bruker du et digitalt kamera for å legge til bilder på HTML5 og CSS3 Baserte websider - dummies

Digitalkameraer og skannere er utrolig disse dager. Du kan bruke dem til å legge til bilder på HTML5 og CSS3 websider. Selv moderat priset kameraer kan nå nærme seg oppløsningen av analoge kameraer fra eldre skole. Skannere kan også ta tradisjonelle bilder og konvertere dem til digitale formater som datamaskiner bruker.

I begge tilfeller kan standardbildet imidlertid være i et format som forårsaker problemer. Digitale bilder lagres som en serie punkter, eller piksler. På trykk er prikkene veldig tett sammen, men dataskjermene har større prikker. Dette bildet er rett fra digitalkameraet.

Dette bildet (tatt på et eldre digitalkamera) registrerer seg ved 6 megapiksler (MP). Det er en ganske god oppløsning, men moderne digitale kameraer er mye høyere. Hvis du skriver ut bildet på papir, er alle de prikkene svært små, og du får et fint bilde. Hvis du prøver å vise det samme bildet på skjermen, ser du bare ett hjørne.

Dette faktiske bildet kom ut på 2, 816 piksler bredt med 2, 112 piksler høye. Du ser bare et lite hjørne av bildet fordi skjermbildene tas på 1024 × 768 piksler. Mindre enn en fjerdedel av bildet er synlig.

Når du ser på et stort bilde i de fleste nettlesere, blir det automatisk endret for å passe til siden. Markøren blir vanligvis til en slags forstørrelsesglass, og hvis du klikker på bildet, kan du se det i full størrelse eller mindre størrelse.

Noen bildevisninger tar svært store bilder og endres automatisk på nytt slik at de passer på skjermen. (Dette er standard oppførselen til Windows standardbildevisning og de fleste nettlesere.) Bildet ser ut til å være en rimelig størrelse på grunn av denne funksjonen, men det vil være stort og vanskelig å laste ned på en faktisk nettside. Pass på at du kjenner den faktiske størrelsen på et bilde før du bruker det.

Selv om krympet et bilde slik at det kan ses i sin helhet, er det åpenbart gunstig, det er en enda mer overbevisende grunn til å gjøre det. Hver piksel på skjermen krever 3 byte av datamaskinminne. (A byte er den grunnleggende minneenheten i en datamaskin.) For sammenligningsformål krever ett tegn av tekst omtrent 1 byte.

Det ukomprimerte bildet på skipet veier en hel del 17 megabyte (MB). Hvis du tenker på et ord som fem tegn langt, tar et bilde rett fra digitalkameraet opp samme lagringsplass og overføringstid som omtrent 3 400 000 ord.Dette bildet krever nesten tre minutter å laste ned på et 56K modem!

På en nettside vises ofte små bilder på ca 320 × 240 piksler, og større bilder er ofte 640 × 480 piksler. Hvis du bruker programvare til å kopiere bildet til den størrelsen du faktisk trenger og bruke en passende komprimeringsalgoritme, kan du få bildet til å se riktig ut.

Den nye versjonen av bildet er størrelsen og filformatet som trengs, det ser like bra ut, og det veier en mye mer fornuftig 88 kilobytes. Det er 2 prosent av den opprinnelige bildestørrelsen.

Selv om dette bildet er mye mindre enn det opprinnelige bildet, tar det fortsatt mye mer minne enn tekst. Selv dette mindre bildet tar opp så mye overføringstid og lagringsplass som 1, 600 ord! Det tar fortsatt 10 sekunder å laste ned uten bredbåndsforbindelse. Bruk bilder med omhu.

Bildene er flotte, men husk når du bruker dem:

• Pass på at bildene er verdt å vise. Ikke bruk et bilde uten god grunn fordi hvert bilde gjør at siden din er dramatisk tregere for å få tilgang.

• Bruk programvare for å endre størrelsen på bildet ditt. Du kan til og med bruke gratis programvare for å endre bildet til akkurat den størrelsen du trenger.

• Bruk et komprimert format. Bilder blir nesten aldri brukt i sitt opprinnelige format på nettet fordi de bare er for store. Flere formater har dukket opp som er nyttige for å jobbe med ulike typer bilder.