Video: Hvite kakemenn og kakedamer - oppskrift på hvordan du lager det | TINE Kjøkken 2024
Du kan lage og lagre grafikk på mange måter, men bare noen få formater egner seg egentlig for bilder du har tenkt å bruke på nettet. Når du lager webvennlige bilder, må du være oppmerksom på filformater og størrelser.
Ofte er grafikkfilformater spesifikke for operativsystemer eller programvare. Fordi du ikke kan forutsi hva en besøkendes datamaskin og programvare vil være (annet enn at han eller hun skal bruke en slags nettleser), trenger du bilder som alle kan se med hvilken som helst nettleser. Dette betyr at du må bruke tverrplattform filformater som brukere kan vise med en hvilken som helst versjon av Microsoft Windows, Mac OS eller Linux.
Grafisk utvekslingsformat (GIF):-
Bilder lagret som GIF er ofte mindre enn de som er lagret i andre filformater. GIF støtter opptil 256 farger bare, så hvis du prøver å lagre et bilde opprettet med millioner av farger som en GIF, mister du bildekvalitet. GIF er det beste formatet for mindre komplekse, ikke-fotografiske bilder, for eksempel linjekunst, videoklipp eller ikoner.
-
JPEG-filformatet støtter 24-biters farge (millioner farger) og komplekse bilder, for eksempel fotografier. JPEG er tverrplattform og applikasjonsuavhengig. Et godt bilderedigeringsverktøy kan hjelpe deg med å justere komprimeringen slik at du kan finne en optimal balanse mellom bilens kvalitet og filstørrelse. Bærbar nettverksgrafikk (PNG):
-
PNG er det nyeste kryssplattforms- og applikasjonsuavhengig bildefilformatet. Det ble opprettet for å kombinere de beste aspektene av GIF og JPEG. PNG har samme komprimering som GIF, men støtter 24-biters farge (og til og med 32-biters farge) som JPEG gjør.
Tabellen viser retningslinjer for valg av filformat for bilder etter type.
Velge riktig filformat for et bilde
Best brukt til | Se ut | GIF |
---|---|---|
Linjekunst, ikoner og bilder med få farger og mindre | detalj
Ikke bruk dette formatet hvis du har et komplekst bilde eller |
bilde.
JPEG |
Bilder eller bilder med millioner av farger og mange | detaljer
Ikke bruk med line art. Kompromisskvalitet når du |
komprimerer filen.
PNG |
Bilder eller bilder med millioner av farger og mange | detaljer
Ikke bruk med line art.Gir best mulig balanse mellom |
kvalitet og filstørrelse.
Hver av de følgende nettstedene gir en komplett oversikt over grafikkformater: |
W3Cs "Graphics on the Web" -artikkel
-
Quackit. coms webgrafikkveiledning
-
Når du bygger grafikk for websiden din, opprettholder du en sunn balanse mellom filkvalitet og filstørrelse. Hvis du pokker rundt med din favoritt søkemotor, kan du finne gode opplæringsprogrammer om å trimme bildefilstørrelser og optimalisere hele nettstedene for rask nedlasting. Hvis du vil ha tips og triks for å hjelpe deg med å bygge sider som lastes ned raskt, kan du se gjennom disse praktiske ressursene:
Optimere bilder-artikkelen på HTML Kilde-nettsiden
-
Optimere webgrafikkveiledning ved optimalisering av nettsider.