Billedformater. Raster grafik filformater

Hilsen venner! I vores liv støder vi konstant på billeder, når vi fotograferer, laver en hjemmeside, scanner, printer. Hvilket billedformat er bedre spørger du.

Kvaliteten af ​​billedet og bekvemmeligheden af ​​dets yderligere redigering afhænger af det format, som filen er gemt i.

Med udviklingen af ​​computere og internettet dukkede nye formater op til optagelse af billeder i filer. Hvert format har sine egne fordele og ulemper.

I denne artikel besluttede jeg at prøve at finde ud af hvilket billedformat der er bedre og tale om de mest almindelige grafiske formater - JPEG, TIFF, PNG og GIF.

Hvilket billedformat er bedre?

JPEG-format

Digitalkameraer og websider bruger normalt JPEG-filer - dens algoritme komprimerer data meget godt, og den resulterende fil er lille. JPEG bruger dog en tabsgivende komprimeringsalgoritme, hvilket kan være en stor ulempe.

Den lille størrelse af JPEG-filen går på bekostning af billedkvaliteten. Kompressionsniveauet kan indstilles i grafikprogrammers indstillinger - jo lavere kvalitet, jo mindre billedfil, og omvendt, jo højere kvalitet, jo større filstørrelse.

JPEG er næsten det eneste format, der bruger tabskomprimering, hvilket giver mulighed for mindre filer af lavere kvalitet. Der er en tabsfri komprimeringstilstand - tabsfri JPEG.

Dette format bruges i tilfælde, hvor en lille filstørrelse er vigtigere end maksimal billedkvalitet (e-mail, overførsel på hukommelseskort osv.). JPEG-formatet er godt nok i de fleste tilfælde, så længe du ikke overdriver det med komprimering.

Husk altid, at gentagen redigering af en JPEG-fil forringer kvaliteten af ​​billedet, og der opstår artefakter, så jeg anbefaler, at du altid gemmer de originale billeder, som kan komprimeres senere.

TIFF-format

Det tabsfrie format, der bruges til rasterbilleder, betragtes som det bedste format til kommercielt arbejde. Det bruges til scanning, ved udskrivning til udskrivning i høj kvalitet, tekstgenkendelse og fax. TIFF-filer er væsentligt større i størrelse end deres JPEG-modstykker og kan skrives ukomprimeret eller med tabsfri komprimering.

TIFF-formatet giver dig mulighed for at gemme flere lag, hvilket er meget praktisk til yderligere redigering, og i modsætning til JPEG kan det have en bitdybde på 8 eller 16 pr. kanal. TIFF er den mest alsidige og bruges typisk til at gemme originale billeder, som senere kan redigeres. Men husk på, at browsere ikke viser TIFF-filer.

GIF-format

Dette format blev udviklet af CompuServe i 1987 til de første 8-bit computervideokort og var beregnet til transmission via en opkaldsforbindelse (modem). På et tidspunkt var det det mest almindelige format på internettet. GIF bruger tabsfri komprimering LZW, og komprimerer billeder meget godt, der har mange ensartede udfyldninger (bannere, tabeller, logoer, diagrammer).

Vi er ikke tilfredse med farvedybden i dette format, kun 8 bit (maksimalt 256 farver), og det anbefales ikke at bruge det til lagring af fotografier (billeder har en 24-bit farvedybde).

Dette format understøtter billedanimation, som kommer til udtryk ved ændring af statiske billeder efter en vis tidsperiode, som kan specificeres. Animation kan gøres cyklisk, hvilket med succes bruges i produktionen af ​​bannere og avatarer.

PNG-format

Det blev oprettet relativt for nylig for at erstatte det forældede GIF (browsere viser begge formater), og til en vis grad det mere komplekse TIFF-format. PNG er et rasterformat, der bruger tabsfri komprimering, understøtter ikke animation og kan have en 48-bit farvedybde.

En af fordelene ved dette format er, at du kan angive niveauet af gennemsigtighed for hvert punkt, hvilket giver dig mulighed for at lave jævne overgange fra et klart billede til baggrunden. Hovedapplikationen er internetbrug og grafikredigering.

Filtyper afhængigt af formålet med brugen:

Fotografiske billeder Grafik, logoer
Ejendomme Billeder 24-bit farve og 8-bit s/h Grafik med mange solide farver, få farver (op til 256 farver), tekst eller linjer
Bedste kvalitet TIFF eller PNG (tabsfri komprimering) PNG eller TIFF (tabsfri komprimering)
Mindste filstørrelse JPEG af høj kvalitet TIFF eller GIF eller PNG (grafik/logoer uden gradienter)
Kompatibilitet
(PC, Mac, Unix)		 TIFF eller JPEG TIFF eller GIF
Værste valg GIF 256 farver (meget begrænset farve og filstørrelse større end 24-bit JPEG) JPEG-komprimering tilføjer artefakter, slører tekst og linjekanter

Resultater

Hvilket billedformat er bedre, og hvordan man vælger en filtype afhængigt af brugsområdet.

Hej kære venner. I dag vil vi tale om, hvilket billedformat der er bedst at bruge på webstedet, hvilke grafiske filformater der er tilgængelige for webstedet i dag, og om det er nødvendigt at forfølge nye grafiske formater.

Jeg får ret mange spørgsmål som dette; mange af mine elever spørger, om de kan bruge de nye SVG- og WebP-formater, og hvor er det bedste sted at bruge disse billeder. Selvfølgelig kan du bruge nye formater, du skal bare forstå hvilket format der er bedst egnet til hvad.

I dag er billeder på en hjemmeside en integreret del. Fra grafisk design til billeder i artikler, grafik ledsager de fleste websteder på nettet. Men skønhed har en pris

Ikke-optimerede billeder er en af ​​de faktorer, der gør et websted langsommere, som angivet af verifikationstjenester.

Derfor vil du altid skulle vælge hvilket format du skal vælge til billedet. Dens størrelse og kvalitet vil afhænge af dette. Og for at bruge mindre billeder uden at miste kvalitet, skal du vide et par ting.

Hvilke billeder til hjemmesider bruger jeg i dag?

Alle billeder til hjemmesider er opdelt i:

  • raster (eksempel - JPG, JPEG, GIF, PNG),
  • vektor (eksempel - SVG).

Raster Billeder består af pixels, der gemmer farve- og gennemsigtighedsværdier. Disse formater inkluderer billeder i artikler, knapper, ikoner og designelementer. Disse billeder er populære blandt udviklere og webstedsejere. Den største ulempe ved rasterbilleder er, at de ikke skaleres godt.

Det vil sige, at når billedstørrelsen øges, er der et kvalitetstab.


Vektor billeder består af linjer og waypoints. Billedoplysninger gemmes i matematiske gengivelsesinstruktioner, som gør det muligt at skalere sådanne billeder så meget som ønsket uden tab af kvalitet.

Alle disse billeder kan og bruges på moderne hjemmesider. Du skal bare forstå det, før du uploader til webstedet, !

Beskrivelse af populære billedformater for webstedet

Fra beskrivelsen af ​​disse formater vil du forstå, hvor og hvilket format der bedst bruges på siden.

JPEG

JPEG eller JPG er et af de mest populære billedformater til websteder. Formatet understøtter millioner af farver, hvilket giver det en førende position i præsentationen af ​​fotografier og billeder på webstedet.

Billeder i dette format er optimeret ganske godt med stort set ingen tab af kvalitet, hvilket giver dig mulighed for at få en mindre fil uden visuelt kvalitetstab. Det skal huskes, at hver efterfølgende optimering reducerer kvaliteten.

Filer i dette format understøttes af alle enheder og browsere, hvilket igen bekræfter dens popularitet og giver dig mulighed for ikke at bekymre dig om problemer med visning på websteder.

Den store ulempe ved dette format er manglen på gennemsigtighed. Det vil sige, at det ikke vil være muligt at kombinere billeder i dette format. Til sådanne opgaver er det bedre at bruge følgende format.

PNG

Dette format bruger en tabsfri komprimeringsalgoritme. Med hensyn til antallet af farver og niveauet af gennemsigtighed er den tilgængelig i to typer: 8 og 24-bit. Begge understøtter gennemsigtighed.

8-bit er ikke særlig populært, men 24-bit er meget brugt til forskellige billeder på siden. På grund af gennemsigtighed giver det dig mulighed for at skabe kombinerede billeder. Bruges ofte til at skabe animerede knapper og ikoner, hvor der er behov for en gennemsigtighedseffekt.

Billeder i PNG-format kan optimeres og redigeres mange gange - det bevarer den originale kvalitet.

Formatet understøttes også af alle browsere og enheder, hvilket sikrer, at det kan vises på enhver skærm.

Kvaliteten af ​​billederne ser bedre ud end JPG, men filvægten vil være større. Dette skal tages i betragtning ved placering af filer på siden.

GIF

Det er et 8-bit format, der understøtter 256 farver, gennemsigtighed og animation. På grund af understøttelsen af ​​et lille antal farver er filvægten også minimal.

Formatet er ikke egnet til fotografier og billeder med en bred vifte af farver.

Men det er meget brugt til at skabe bannere, knapper, ikoner og så videre.

På moderne hjemmesider bruges dette format mindre og mindre.

Lad os dernæst tale om de relativt nye SVG- og WebP-formater, som ikke er så populære, men vinder popularitet og understøttelse og passer perfekt til kravene til indlæsningshastighed og hjemmesidetilpasning.

SVG

Det er et XML-baseret vektorfilformat. Formatet begyndte at vinde popularitet for ganske nylig, da det tidligere var dårligt understøttet i browsere. Og på grund af skærmproblemer var der ingen, der havde travlt med at bruge den.

I dag understøttes SVG af alle moderne browsere. Men der opstår stadig problemer med displayet.

Dette format bruges oftest til simple billeder som logoer, designelementer og så videre. Ikke egnet til fotografier.

SVG-formatet er let, meget skalerbart, giver skarpe billeder på enhver skærmopløsning, understøtter animation, kan styres via CSS og placeres i HTML, hvilket reducerer antallet af anmodninger.

WebP

Et open source-format udviklet af Google specifikt til internettet. I dag bruger YouTube video-thumbnail-konvertering til WebP.


Formatet giver overlegen komprimering og understøtter gennemsigtighed. Det kombinerer fordelene ved JPG- og PNG-formater uden at øge filstørrelsen.

Men på trods af fordelene ved formatet understøttes det ikke af alle browsere, for eksempel IE, Edge, Firefox og Safari.

Der er måder at omgå disse begrænsninger på, men de forhindrer formatet i at blive brugt overalt.

Konklusion

Venner, jeg håber, jeg forklarede alt klart, og du ved nu, hvilket billedformat der er bedst at bruge på webstedet, og hvorfor jeg ikke insisterer på at bruge et bestemt format, men anbefaler en integreret tilgang.

Måske når WebP får udbredt støtte, vil vi alle skifte til det og erstatte jpg og png på vores websteder.

Lad os diskutere i kommentarerne, hvilke formater du bruger på dine websteder, hvad du kan lide, og hvad du ikke kan lide.

Det var alt for i dag, jeg venter på dine kommentarer.

Med venlig hilsen, Maxim Zaitsev.

Grafiske filformater. Raster- og vektorformater.

TIFF-format

TIFF(English Tagged Image File Format) - et format til lagring af rastergrafiske billeder. TIFF er blevet et populært format til lagring af billeder med høj farvedybde. Det bruges til scanning, fax, tekstgenkendelse, udskrivning og er bredt understøttet af grafikprogrammer.

Struktur Formatet er fleksibelt og giver dig mulighed for at gemme billeder i paletfarvetilstand såvel som i forskellige farverum:

  • Binær (tofarvet, nogle gange kaldet sort og hvid)
  • Halvtone
  • Med indekseret palette
  • CMYK
  • YCbCr
  • CIE Lab

8, 16, 32 og 64 bit pr. kanal-tilstande er understøttet.

Kompression. Det er muligt at gemme et billede i en TIFF-fil med eller uden komprimering. Kompressionsniveauer afhænger af egenskaberne ved det billede, der gemmes, såvel som af den anvendte algoritme. TIFF-formatet tillader følgende komprimeringsalgoritmer:

  • PackBits (RLE)
  • Lempel-Ziv-Welch (LZW)
  • LZ77
  • JBIG
  • JPEG
  • CCITT gruppe 3, CCITT gruppe 4

CCITT Group 3, CCITT Group 4 algoritmerne blev oprindeligt udviklet til faxnetværk (derfor kaldes de nogle gange Fax 3, Fax 4). I øjeblikket bruges de også i print, digitale kortsystemer og geografiske informationssystemer.

TIFF er et tagget format og bruger grundlæggende, udvidet og speciel tags:

Grundlæggende tags udgør kernen i formatet og skal understøttes af alle produkter, der implementerer TIFF-formatet i henhold til specifikationen. Understøttelse af udvidede tags, i modsætning til grundlæggende tags, er valgfri.

JPEG-format

JPEG(engelsk: Joint Photographic Experts Group, efter navnet på udviklerorganisationen) er et af de populære grafiske formater, der bruges til lagring af fotografiske billeder. Filer, der indeholder JPEG-data, har typisk filtypenavnene .jpeg, .jfif, .jpg, .JPG eller .JPE. JPEG-algoritmen giver mulighed for både tabsgivende og tabsfri billedkomprimering.

JPEG-algoritmen er mest egnet til at komprimere fotografier og malerier, der indeholder realistiske scener med jævne overgange af lysstyrke og farve. JPEG er mest udbredt i digital fotografering og til lagring og overførsel af billeder via internettet.

På den anden side JPEG til ringe nytte til komprimering af tegninger, tekst og tegngrafik, hvor skarpe kontraster mellem tilstødende pixels resulterer i mærkbare artefakter. Det er tilrådeligt at gemme sådanne billeder i tabsfrie formater som TIFF, GIF eller PNG.

JPEG (såvel som andre forvrængningskomprimeringsmetoder) passer ikke til billedkomprimering under flertrinsbehandling, da forvrængninger vil blive introduceret i billederne, hver gang mellembehandlingsresultater gemmes. JPEG bør ikke bruges i tilfælde, hvor selv minimale tab er uacceptable, for eksempel ved komprimering af astronomiske eller medicinske billeder.

TIL mangler komprimering i henhold til JPEG-standarden bør omfatte udseendet af karakteristiske artefakter i restaurerede billeder ved høje komprimeringshastigheder: Billedet er spredt i blokke på 8x8 pixels (denne effekt er især mærkbar i billedområder med jævne ændringer i lysstyrken), i områder med høj rumlig frekvens (for eksempel på kontrasterende konturer og billedgrænser), artefakter vises i form af støjhaloer.

Men på trods af sine mangler modtog JPEG meget bred brug på grund af et ret højt komprimeringsforhold, understøttelse af komprimering af fuldfarvebilleder og relativt lav beregningskompleksitet.

PDF-format

PDF(engelsk: Portable Document Format) er et elektronisk dokumentformat på tværs af platforme skabt af Adobe Systems ved hjælp af en række funktioner i PostScript-sproget. Oftest er en PDF-fil en kombination af tekst med raster- og vektorgrafik, sjældnere - tekst med formularer, JavaScript, 3D-grafik og andre typer elementer. tilsigtet til elektronisk præsentation af trykte produkter - en betydelig mængde moderne professionelt printudstyr kan behandle PDF direkte. For at se det kan du bruge det officielle gratis Adobe Reader-program samt tredjepartsprogrammer. Den traditionelle måde at oprette PDF-dokumenter på er en virtuel printer, det vil sige, at dokumentet som sådan udarbejdes i sit eget specialiserede program - et grafikprogram eller teksteditor, CAD osv., og derefter eksporteres til PDF-format til elektronisk distribution, overførsel til et trykkeri og etc. PDF.

PDF-formatet giver dig mulighed for at indlejre de nødvendige skrifttyper (linje-for-linje tekst), vektor- og rasterbilleder, formularer og multimedieindlæg. Understøtter RGB, CMYK, Grayscale, Lab, Duotone, Bitmap, flere typer rasterinformationskomprimering. Det har sine egne tekniske formater til udskrivning: PDF/X-1, PDF/X-3. Indeholder en elektronisk signaturmekanisme til at beskytte og verificere ægtheden af ​​dokumenter. En stor mængde relateret dokumentation distribueres i dette format.

CALS format

Raster CALS format(English Computer Aided Acquisition and Logistics Support) standard udviklet af en afdeling af det amerikanske forsvarsministerium for at standardisere udvekslingen af ​​grafiske data i elektronisk form, især inden for områderne teknisk grafik, CAD/CAM og billedbehandlingsapplikationer.

CALS er et veldokumenteret, om end uhåndterligt, format, der forsøger at dække meget. Hvis du ikke er bekendt med amerikanske regeringsdokumenter, kan det være svært at arbejde med dette format. CALS-rasterformatet er påkrævet i de fleste applikationer, der behandler amerikanske regeringsdokumenter. Da alle data har en byte-organisation, opstår der aldrig problemer som "fra hvilken ende man knækker et æg, stumpt eller skarpt".

Karakteristika for CALS-formatet

  • Type - Bitmap (bitmatrix)
  • Farve - monokrom
  • Kompression - CCITT gruppe 4 eller ingen komprimering
  • Maksimal billedstørrelse - ubegrænset
  • Flere billeder pr. fil - ja, kun Type II
  • Platforme - alt

BMP-format

BMP(fra det engelske Bitmap Picture) er et lagringsformat for rasterbilleder udviklet af Microsoft. Et stort antal programmer arbejder med BMP-formatet, da dets understøttelse er integreret i Windows- og OS/2-operativsystemerne. BMP-filer kan have filtypenavne .bmp, .dib og .rle.

Farvedybden i dette format kan være 1, 2, 4, 8, 16, 24, 32, 48 bits pr. pixel, men 2 bits pr. pixel er ikke officielt understøttet. I dette tilfælde, for farvedybder mindre end 16 bit, bruges en palette med fuldfarve komponenter med en dybde på 24 bit. I BMP-formatet kan billeder gemmes som de er eller ved hjælp af nogle almindelige komprimeringsalgoritmer. Især BMP-formatet understøtter RLE-komprimering uden tab af kvalitet, og moderne operativsystemer og software tillader brugen af ​​JPEG og PNG.

PCX-format

PCX(PCExchange) - en standard for præsentation af grafisk information, en ikke så populær analog af BMP, selvom den understøttes af specifikke grafiske editorer som Adobe Photoshop, Corel Draw, GIMP osv. I øjeblikket er den praktisk taget erstattet af formater, der understøtter bedre komprimering: GIF, JPEG og PNG.

Formattype- raster. De fleste filer af denne type bruger en standard farvepalet, men formatet er blevet udvidet til at rumme 24-bit billeder. PCX er et hardwareafhængigt format. Designet til at gemme information i en fil i samme form som på videokortet. For kompatibilitet med ældre programmer skal videocontrolleren understøtte EGA-tilstand. Denne komprimeringsalgoritme er meget hurtig og optager en lille mængde hukommelse, men er ikke særlig effektiv og upraktisk til at komprimere fotografier og mere detaljeret computergrafik. Der anvendes tabsfri kompression. Når du gemmer et billede, kombineres successive pixels af samme farve, og i stedet for at angive farven for hver pixel, angives farven på gruppen af ​​pixels og deres antal. Denne algoritme komprimerer billeder godt, der indeholder områder af samme farve.

Fordele ved formatet

  • evnen til at oprette en begrænset farvepalet (for eksempel 16 eller 256 farver);
  • understøttet af et stort antal applikationer.

Ulemper ved formatet

  • understøtter ikke andre farvesystemer end RGB;
  • Adskillige muligheder, især når du arbejder med farver, kan gøre arbejdet med filen umuligt;
  • et ubelejligt komprimeringsskema kan faktisk øge størrelsen på nogle filer.

PNG-format

PNG(Engelsk bærbar netværksgrafik) - et rasterformat til lagring af grafisk information, der bruger tabsfri komprimering.

Anvendelsesområde

PNG-formatet er designet til at erstatte det ældre og enklere GIF-format, og til en vis grad at erstatte det meget mere komplekse TIFF-format. PNG-format placeret først og fremmest til brug på internettet og grafikredigering.

PNG bakker op Der er tre hovedtyper af rasterbilleder:

  • Halvtone (16-bit farvedybde)
  • Farveindekseret billede (8-bit palet til 24-bit farve)
  • Fuldt farvebillede (48-bit farvedybde)

PNG-formatet gemmer grafisk information i komprimeret form. Desuden udføres denne komprimering uden tab, i modsætning til for eksempel JPEG med tab.PNG-formatet har et højere komprimeringsforhold for filer med flere farver end GIF, men forskellen er omkring 5-25%, hvilket ikke er nok til absolut dominans af formatet, da GIF-formatet komprimerer små 2-16-farve filer med ikke mindre effektivitet.

PNG er et godt format til billedredigering, selv til lagring af mellemstadier af redigering, da billedgendannelse og genlagring foregår uden tab af kvalitet.

Animation

Der er en funktion ved GIF, der ikke er implementeret i PNG - understøttelse af flere billeder, især animation; PNG blev oprindeligt designet til kun at gemme ét billede i én fil.

Sun Raster-format

Billedformat Sun Raster Dette er det oprindelige rasterformat for Sun Microsystems-platforme, der bruger SunOS-operativsystemet. Dette format understøtter sort-hvid-, gråtone- og farverasterdata med vilkårlig farvedybde. Brugen af ​​farvekort og simpel Run-Length datakomprimering understøttes også. Typisk er de fleste billeder i SunOS-operativsystemet i Sun Raster-formatet. Dette format understøttes også af de fleste UNIX-billedbehandlingsprogrammer.

Egenskaber Sun Raster-format

  • Type - bitmap (bitmatrix)
  • Farver - forskellige
  • Kompression - RLE
  • Flere billeder pr. fil - understøttes ikke
  • Platform - SunOS
  • Applikationer - mange UNIX-applikationer

Grafiske filformater

Information i afsnittet om Wikipedia-materialer

En god layoutdesigner skal kunne vælge de rigtige billedformater til sit layout, så billederne vises uden fejl og har den optimale størrelse ved indlæsning. Lad os finde ud af, hvilke billedformater der er, og i hvilke situationer det er bedre at vælge et eller andet format.

Rasterformater

Lad os først se på de formater, der vedrører rastergrafik: GIF, JPEG, PNG og WebP. Du kan læse mere om rastergrafik i artiklen.

De vigtigste egenskaber, der vil interessere os, når vi vælger et format, er billedkvalitet, vægt og antal farver. På nettet er tunge billeder upraktiske, fordi de tager lang tid at indlæse. For at reducere vægten af ​​filen bruges komprimeringsalgoritmer. Kompression kan være tabsgivende eller tabsfri. Når vi vælger det passende billedformat, skal vi finde en balance mellem filvægt og billedkvalitet, da nogle algoritmer komprimerer billeder med tab af kvalitet. Lad os nu se på hvert af formaterne mere detaljeret.

GIF (Graphics Interchange Format)

Formatet blev udviklet af CompuServe tilbage i 1987 til transmission af rasterbilleder over internettet. GIF har en farvepalet på 256 farver. GIF-algoritmen udvælger de 256 farver, der er mest brugt i det originale billede, og alle andre nuancer skabes ved at blande - vælge nabopixel på en sådan måde, at det menneskelige øje opfatter dem som den ønskede farve. Af denne grund er GIF ikke egnet til lagring af fuldfarvebilleder og fotografier.

Formatet understøtter gennemsigtighed - hver pixel i billedet kan være i to tilstande: gennemsigtig eller uigennemsigtig; gennemsigtighed understøttes ikke.

Et særligt træk ved GIF er dets understøttelse af animation, det vil sige, at dette format kan gemme flere rammer, der erstatter hinanden med en bestemt frekvens.

Eksempel på GIF-billede (billedkilde: giphy.com)

GIF-formatet er således velegnet, hvis:

  • billedet er ikke flerfarvet;
  • den enkleste gennemsigtighed er nødvendig;
  • animation nødvendig.

JPEG (Joint Photographic Experts Group)

JPEG-formatet har fået sit navn fra Joint Committee of Photographic Experts, som skabte standarden i slutningen af ​​80'erne og begyndelsen af ​​90'erne. Det blev designet til at komprimere og gemme fuldfarvefotografier. Understøtter over 16 millioner farver.

JPEG-formatet komprimerer billeder med tab af kvalitet. Kompressionsalgoritmen er baseret på at opdele det originale billede i 8x8 pixel kvadrater og derefter gruppere dem. Du kan få JPEG-billeder med meget lille vægt, men kun på grund af forringelsen af ​​billedkvaliteten, kan du også få JPEG'er af meget høj kvalitet, men så bliver billedet for tungt. Derfor er hovedopgaven, når du arbejder med JPEG, at vælge et kvalitetsniveau, så vægten er lille, og billedkvaliteten er acceptabel (normalt ligger dette i området fra 60 til 70, men du skal teste det på hvert billede).


Eksempel på et JPEG-billede med suboptimal komprimering. Kvalitet: 10. Vægt: 20 kilobyte.

Det første billede vejer 20 kilobyte. Dette er fedt, meget lille, men for dette sætter vi kvalitetsniveauet til 10, og billedet ser dårligt ud.


Et eksempel på et JPEG-billede med optimal komprimering. Kvalitet: 60. Vægt: 65 kilobyte.

Det andet billede med kvalitetsniveau 60 vejer lidt mere end det første - 65 kilobyte, men det ser allerede godt ud.


Et eksempel på et JPEG-billede med minimal komprimering. Kvalitet: 95. Vægt: 169 kilobyte.

For det tredje billede satte vi kvalitetsniveauet til 95, hvorfor dets vægt blev 169 kilobyte. Det andet og det tredje billede kan næsten ikke skelnes i udseende, men det andet billede vejer 104 kilobyte lettere.

Således er JPEG-formatet bedre egnet til:

  • fuld-farve billeder, fotografier;
  • billeder med en jævn overgang af lysstyrke og kontrast;
  • tegninger med en masse farverige detaljer.

PNG (Portable Network Graphics)

PNG er et relativt nyt format, der blev introduceret som et alternativ til GIF-filer.

PNG er et tabsfrit komprimeringsformat, der giver dig mulighed for at gemme billeder, der kræver ekstrem klarhed. Eksempelvis tegninger og trykt tekst.

Formatet har to variationer: PNG8 og PNG24. PNG8 kan kun gemme 256 farver, men PNG24 kan gemme over 16 millioner farver.

Hovedfunktionen i PNG-formatet er understøttelse af alfa-gennemsigtighed, det vil sige, at hver enkelt pixel kan indstilles til sin egen grad af gennemsigtighed.


Eksempel PNG-billede (Billedkilde: Wikimedia Commons)

Så PNG-formatet er velegnet til:

  • billeder med gennemsigtighed og gennemsigtighed;
  • når øget nøjagtighed af fuldfarvebilleder er nødvendig;
  • billeder med skarpe farveovergange.

WebP

WebP er et nyt format skabt og udviklet siden 2010 af Google.

Hovedmålet med dette projekt er at reducere vægten yderligere og samtidig bevare den samme kvalitet.

Formatet bruger en ny komprimeringsalgoritme, der har andre forvrængninger end andre formater. Detaljer og struktur er kompromitteret, mens kanterne forbliver sprøde.

WebP-funktioner:

  • komprimerer billeder uden tab bedre end PNG (26% ifølge Google);
  • komprimerer billeder med tab bedre end JPEG (25-34 % ifølge Google);
  • understøtter gennemsigtighed (alfakanal).

Nogle gange komprimerer WebP billeder endnu bedre end Google hævder.


JPEG: 44 kilobyte WebP: 26 kilobyte. Hvis billedet ikke er synligt, understøtter din browser ikke WebP-formatet.

På grund af formatets relative nyhed er det ikke alle browsere, der kan arbejde med det. I øjeblikket understøttes WebP kun af Chrome, Opera og Firefox.

Vektorformater

GIF, JPEG, PNG og WebP er rasterformater baseret på den diskrete (pixel, prik) repræsentation af et billede, mens vektorformater er baseret på matematiske formler (geometrisk repræsentation af former). Du kan læse mere om vektorgrafik i artiklen “Raster og vektorgrafik”.

SVG (Scalable Vector Graphics)

SVG står for skalerbar vektorgrafik. Formatet har eksisteret siden 1999.

SVG-objekter er meget mindre i størrelse end rasterbilleder, og selve billederne mister ikke kvalitet, når de skaleres. I modsætning til rasterformater kan vi interagere med billeder i SVG-formatet - ved hjælp af CSS kan vi ændre grafikparametrene: farve, gennemsigtighed eller kanter, og ved hjælp af JavaScript kan vi animere billedet.

SVG understøttes af næsten alle browsere undtagen Internet Explorer 8 og lavere, men dette kan også løses ved at forbinde JavaScript-biblioteker, for eksempel SVGeezy.

SVG-formatet er fantastisk til lavfarvede designs, logoer og ikoner.

SVG-eksempler (billedkilder: Roundicons Freebies www.flaticon.com/authors/roundicons-freebies og HTML Academy) Eksempler på SVG-animation. Hold markøren over billedet. (

Kort opsummering: Grafiske datakomprimeringsmetoder. Lagring af billeder i standardformater, såvel som proprietære formater af grafikprogrammer. Konverter filer fra et format til et andet.

Mål: kende komprimeringsmetoder til grafiske filer, kunne skelne mellem grafiske filformater og forstå det tilrådeligt at bruge dem ved arbejde med forskellige grafikprogrammer.

Et billede er kendetegnet ved det maksimale antal farver, der kan bruges i det, det vil sige har forskellige farvedybde. Der er typer billeder med forskellige farvedybder - sort og hvid linje, gråtoner, indekseret farve, fuld farve. Nogle typer billeder har samme farvedybde, men adskiller sig i farvemodel. Billedtypen bestemmes, når dokumentet oprettes.

Halvtone billeder.

Disse billeder indeholder pixels af samme farve, men forskellig lysstyrke. Hver pixel kan tage 256 forskellige lysstyrkeværdier fra 0 (sort) til 255 (hvid). Dette er ganske nok til at vise et billede korrekt, for eksempel et sort-hvidt fotografi.

Ethvert billede kan omdannes til halvtone. Hvis kildematerialet for eksempel er et farvefotografi, så bliver det monokromt.


Ris. 1.7.

Billeder med indekserede farver

Indekserede farver kaldes så, fordi hver pixel i billedet i denne tilstand er tildelt et indeks, der peger på en bestemt farve fra en speciel tabel kaldet en farvepalet. Indekserede paletter indeholder ikke mere end 256 farver, men der kan være meget færre. Jo færre farver i paletten, jo mindre hukommelse kræves der til at gemme farven på hver pixel, og derfor er billedfilstørrelsen mindre.


Ris. 1.8.

Fuld farve billeder

Fuldfarvebilleder har ingen begrænsninger på antallet af farver og kan repræsenteres i mere end 16 millioner nuancer.


Ris. 1.9.

Grafiske filformater

Format- strukturen af ​​filen, som bestemmer den måde, den gemmes og vises på skærmen eller ved udskrivning. Filformatet er normalt angivet i dets navn, som en del adskilt af en prik (normalt kaldes denne del filtypenavnet).

Udvidelse- disse er flere bogstaver eller tal placeret efter prikken i filnavnet.

For eksempel bruges navneenden (udvidelsen) ".txt" normalt til at angive filer, der kun indeholder tekstinformation, og ".doc" - indeholdende tekstinformation struktureret i overensstemmelse med Microsoft Word-programstandarder. Filer, hvis indhold følger samme format, kaldes enkelte filtyper.

Grafiske filformater bestemmer metoden til lagring af information i filen (raster, vektor), såvel som formen for lagring af information (brugt komprimeringsalgoritme).

Komprimering bruges til rastergrafikfiler, fordi... de har et ret stort volumen.

Tabel 1 giver en kort beskrivelse af almindeligt anvendte grafiske filformater.

Tabel 1.1. Karakteristika for grafiske formater
Format Billedtilstand Type grafisk information Ansøgning
VMR Kun indekserede farver Applikationstegninger, der indeholder store områder med ensfarvede farver. Formatet understøttes af alle applikationer. Bruges ikke til udgivelse på grund af den store mængde filer.
TIFF Alle Diagram type tegninger Et universelt format til lagring af scannede billeder med farvekanaler. Indeholder komprimeringsordninger for at reducere filstørrelsen. En vigtig fordel ved formatet er dets portabilitet til forskellige platforme. I sin traditionelle form kan TIFF betragtes som det foretrukne format til fremstilling af layouts rettet mod typografisk udskrivning og andre replikeringsmetoder.
PSD Understøtter alle billedtyper Eventuelle billeder Det er internt i Adobe PhotoShop-programmet. Det eneste format, hvori alle dokumentoplysninger gemmes, inklusive lag og kanaler. Det er dog bedre at gemme det færdige billede i andre grafiske formater af to grunde. For det første er PSD-filen meget større i størrelse. For det andet importeres dette format ikke af layout- og objektgrafikprogrammer.
JPEG Kun fuldfarvebilleder i RGB- og CMYK-modeller Fuld fotografier eller eksempler på kunstnerisk grafik, inklusive subtile nuancer af farver. Designet til at gemme punktfiler med komprimering. Komprimering ved hjælp af denne metode reducerer filstørrelsen fra tiendedele af en procent til hundrede gange (det praktiske område er fra 5 til 15 gange), men komprimering i dette format sker med kvalitetstab (inden for acceptable grænser). En meget effektiv komprimeringsalgoritme har ført til den bredeste distribution af JPEG på World Wide Web. Det anbefales ikke at bruge dette format til udskrivning.
GIF Kun indekserede billeder Diagram-type tegninger - billeder har store områder med ensartet farve med klart definerede grænser; animerede billeder Designet specielt til overførsel af billeder over globale netværk. Den har den mest effektive komprimeringsmetode, som er nødvendig for at reducere billedoverførselstiden. Den nye version gør det muligt at gemme flere billeder i én fil. Denne funktion bruges oftest på websider. Webbrowseren viser billederne i GIF-filen sekventielt.
PNG Understøtter fuldfarve RGB-billeder og indekserede billeder. Farvebilleder med jævne overgange fra uigennemsigtige til gennemsigtige områder Selve navnet på formatet, Portable Network Graphics, taler om dets formål - til at overføre billeder over netværk. Det er muligt at bruge en enkelt ekstra kanal til at gemme gennemsigtighedsmasken. Har en effektiv komprimeringsalgoritme uden tab af information. Formatet bruges på nettet.
EPS Alle Vektorgrafik, skrifttyper, rasterbilleder Anvendes til tryk. Det er muligt at gemme screeningsinformation, konturer og kalibreringskurver.