Hva er de grunnleggende prinsippene for å lage web grafikk?

Forbereder grafikk for web er en grei, to-trinns prosess: Først velger du riktig grafikkformat for grafikk på hånden, og deretter optimalisere den for web. For å gjøre det, men du trenger en grunnleggende forståelse av web grafikk filformater og optimalisering eller grafikk filkomprimering. Velge riktig format for den grafiske typen er avgjørende for å oppnå god skjerm kvalitet. Nettlesere støtter tre grafikkformater: JPEG, PNG og GIF. Optimalisering hjelper deg å opprettholde en balanse mellom skjerm kvalitet og filstørrelse. Store Web grafikkfiler tar for lang tid å laste ned, ofte frustrerende nettstedets brukere.

optimalisering

Webgrafikk optimalisering gjør grafikkfiler mindre ved å komprimere dem. De to typer komprimering er lossless og lossy. Tapsfri komprimering gjør en grafikkfil mindre uten å fjerne data, og lossy komprimering fjerner data fra filen. Hvis dette høres ut som en no-brainer - bare alltid bruker tapsfri komprimering - det er ikke fullt så enkelt. Tapsfri komprimering, som ofte ikke kan komprimere en fil mer enn 50 percemt av sin opprinnelige størrelse, ofte gjør ikke den grafiske filen liten nok for web. Fotografier, for eksempel lage store filer som krever mer enn 50 prosent komprimering. Heldigvis kan fotografier tåle mye lossy komprimering uten vesentlig nedverdigende bildekvalitet.

JPEG-bilder

JPEG, en lossy komprimeringsformat, fungerer best for fotografier og andre bilder som inneholder mye fargeoverganger. Bilderedigeringsprogrammer mål komprimering på en av to måter: prosentvis, eller lettere å forstå kvalitetsinnstillinger, for eksempel Maksimal, Høy, Middels og Lav. Photoshop, for eksempel, bruker kvalitetsinnstillinger. Som du justere kvaliteten, viser Photoshop du filstørrelsen som korresponderer med innstillingen, slik at du kan balansere kvalitet og filstørrelse. Større bilder, selvsagt lage større filer. Prøv å holde bildefilene etter 100k.

PNG og GIF bilder

PNG og GIF, tapsfri komprimering formater, fungerer best for tegninger og grafikk som inneholder mye tekst. Disse typer grafikk vanligvis ikke skape store grafikkfiler, og ofte ikke krever så mye komprimering som fotografier. De fleste web-designere foretrekker PNG, et nyere format, snarere enn GIF, først og fremst fordi GIF støtter bare 256 farger. PNG støtter millioner av farger. GIF, derimot, støtter enkle to-delbildeanimasjoner. Noen designere bruker GIF-format for å lage iøynefallende effekter, for eksempel blinkende logoer, samt et par andre enkle animasjoner.

bilde~~POS=TRUNC

Bildeoppløsning, eller punkter per tomme, også påvirker betydelig bildestørrelse og kvalitet. De fleste dataskjermer viser bare 72 punkter per tomme. HD-skjermer viser opp til 96 dpi. Øke dpi øker filstørrelsen. Hvis du oppretter webgrafikk med en høyere oppløsning enn 96 dpi, må brukerens nettleser laste ned flere data. Men forkaster leseren ekstra data som brukes til å lage høyere oppløsning. Lage Web-grafikk med en oppløsning høyere enn 96 dpi øker filstørrelsen uten å forbedre kvaliteten display.