Optimalisere bilder med store områder med solid farge Bruke GIF-formatet - dummies

Del av HTML5 og CSS3 for Dummies Cheat Sheet

Når du optimaliserer grafikk som har tekst overlaid på et fotorealistisk bilde, må du opprette separate skiver for områdene av bildet som er fotorealistiske, samt lage flere skiver for områdene av bildet som inneholder tekst. Eksporter områdene som inneholder tekst ved hjelp av GIF-formatet, og eksporter de bilderealistiske områdene av bildet ved hjelp av JPEG-formatet. Her er noen tips for å hjelpe deg:

• For høykvalitets JPEG-bilder, bruk en kvalitetsinnstilling på 70 når du eksporterer. For mindre JPEG-bilder kan du komme med en kvalitetsinnstilling på 50.

• Hvis du lager et fotogalleri for et produkt, eller for en fotograf, eksporterer du bildene i JPEG-format med en kvalitetsinnstilling på 80.

• Når du komprimerer bilder ved hjelp av JPEG-formatet, må du være oppmerksom på kantene på objektene i bildet. Når du begynner å se piksler, eller kantene mangler definisjon, har du komprimert bildet for langt.

• Når du eksporterer bilder ved hjelp av GIF-filformatet, bruker du det minste antall farger som gir et skarpt bilde, og du får et raskt lastbildebilde.

• Når du resampleer bilder for nettsteder, er den maksimale oppløsningen du trenger, 72 piksler per tomme.

Nettsteder uten video blir sjeldnere. Video er overalt på Internett: den brukes til underholdning, i annonser, og for å fremme rockstjerner og andre artister. Når videoen er godt utført, er det en ting med skjønnhet. Her er noen ting du må vurdere når du legger til video på en nettside:

• Video tar opp mye båndbredde. Hvis båndbredden for et nettsted overskrides, kan avgiften være ganske kostbar. I stedet for å hoste video på et nettsted, last det opp til YouTube, og legg deretter inn videoen på en nettside eller blogg.

• Ikke bryter opphavsretten. Ikke kopier video fra andre nettsteder eller andre folks YouTube-videoer og bruk dem på nettstedet ditt.

• Kontroller lisensen: Hvis du bruker en video fra en leverandør eller produsent på et kommersielt nettsted, må du sørge for at du er dekket av leverandøren eller produsentens lisens.

• Bruk et videokamera av høy kvalitet til å ta opp video: Nei, en iPhone er ikke et videokamera av høy kvalitet. Hvis du koder for dårlig video for Internett, får du dårlig kvalitet på video. Husk den gamle aksiom: Garbage i, søppel ut.

• Forsikre deg om at nettstedsprosessene har de nødvendige plugin-modulene for å vise videoen.

• Hvis du lager HTML5-sider med video, må du sørge for at målgruppen for nettstedet bruker HTML5-kompatible nettlesere.

• Ikke bruk overganger når du redigerer flere videoklipp for å lage en video for Internett. Videooverganger ser bra ut på HD-video, men ser ikke bra ut når du koder en video for nettet.