Kanus-a Gamiton ang JPG, GIF, PNG, ug SVG Format sa Imong Mga Web Images

Adunay daghang mga format sa imahe nga mahimong magamit sa mga panid sa web. Ang pipila ka kasagarang mga ehemplo mao ang GIF , JPG , ug PNG . Ang mga file sa SVG kasagaran usab nga gigamit sa mga website karon, nga naghatag sa mga web designers og lain nga kapilian alang sa online image.

GIF Images

Gamita ang mga file sa GIF alang sa mga larawan nga adunay gamay, piho nga gidaghanon sa mga kolor. Ang mga file sa GIF kanunay nga mikunhod ngadto sa walay kapin sa 256 ka talagsaon nga mga kolor. Ang compression algorithm alang sa GIF files dili kaayo komplikado kay sa mga JPG file, apan kung gamiton sa mga flat nga mga hulagway sa kolor ug sa text kini nagpagawas og gamay nga mga gidak-on sa file .

Ang format sa GIF dili angay sa mga hulagway sa litrato o mga hulagway nga adunay kolor nga gradient. Tungod kay ang format sa GIF adunay limitado nga gidaghanon sa mga kolor, ang mga gradiente ug mga hulagway mahuman sa banding ug pixelation kung luwason ingon nga GIF file.

Sa ato pa, mahimo nimo gamiton ang mga GIF alang lamang sa yano nga mga hulagway nga adunay pipila lamang ka mga kolor, apan mahimo usab nimo gamiton ang PNGs sa ingon usab (labaw pa sa wala madugay).

JPG Mga Larawan

Paggamit sa JPG nga mga hulagway alang sa mga litrato ug uban pang mga imahe nga adunay minilyon nga mga kolor. Naggamit kini sa usa ka komplikadong kompyuter nga kompyuter nga nagtugot kanimo sa paghimo og gagmay nga mga graphic pinaagi sa pagkawala sa kalidad sa imahe. Gitawag kini nga usa ka "lossy" compression tungod kay ang pipila ka mga impormasyon sa imahe nawala sa dihang ang imahe gipa-compress.

Ang format sa JPG dili haum sa mga hulagway nga adunay teksto, dagkong mga bloke sa solid nga kolor, ug mga yano nga mga porma nga adunay mga sulud nga sulud. Kini tungod kay sa diha nga ang imahe gipa-compress, ang teksto, kolor, o mga linya mahimong mawala nga moresulta sa usa ka imahe nga dili ingon ka hait kay kini maluwas sa laing format.

Ang mga hulagway sa JPG labing maayo nga gigamit alang sa mga litrato ug mga larawan nga adunay daghang mga natural nga kolor.

PNG Images

Ang format sa PNG gimugna isip usa ka kapuli alang sa format sa GIF sa diha nga kini nagpakita nga ang mga GIF nga mga larawan mahimong ibutang sa royalty fee. Ang PNG graphics adunay mas maayo nga compression rate kaysa GIF nga mga hulagway nga miresulta sa gagmay nga mga hulagway kay sa sama nga file nga gitipigan ingon nga GIF. Ang mga file sa PNG naghatag sa transparency sa alpha, nga nagpasabot nga ikaw adunay mga dapit sa imong mga imahen nga hingpit nga transparent o bisan naggamit sa usa ka lainlaing alpha transparency. Pananglitan, ang usa ka drop shadow naggamit sa usa ka nagkalain-laing mga epekto sa transparency ug mahimong angay alang sa usa ka PNG (o mahimo ka lamang nga magtapos kanato gamit ang CSS shadows instead).

Ang mga hulagway sa PNG, sama sa mga GIF, dili kaayo haum sa mga litrato. Posible nga makalibut sa isyu sa banding nga makaapekto sa mga litrato nga maluwas isip mga GIF nga mga file gamit ang tinuod nga mga kolor, apan kini mahimong moresulta sa dako kaayong mga hulagway. Ang mga hulagway sa PNG dili usab maayo nga gisuportahan sa mas tigulang nga mga cellphone ug adunay mga telepono.

Gigamit namon ang PNG alang sa bisan unsang file nga nagkinahanglan og transparency. Gigamit usab namo ang PNG-8 alang sa bisan unsang file nga mahimong angay isip GIF, gamit kini nga format sa PNG.

SVG Images

Nagpasabut ang SVG sa Scalable Vector Graphic. Dili sama sa mga raster-based nga mga format nga makita sa JPG, GIF, ug PNG, kini nga mga file naggamit ug mga vectors aron makagama og gagmay nga mga file nga mahimong ipasulat sa bisan unsang gidak-on nga walay pagkawala sa kalidad sa pagtaas sa gidak-on sa file. Gihimo kini alang sa mga ilustrasyon sama sa mga icon ug bisan mga logo.

Pag-andam og mga Imahe alang sa Web Delivery

Dili igsapayan kung unsa nga format sa hulagway nga imong gigamit, ug ang imong website segurado nga mogamit sa daghang mga lain-laing format sa tanang mga panid niini, kinahanglan nimo nga maseguro nga ang tanan nga mga larawan sa site nag- andam alang sa web delivery . Ang mga dagko nga mga larawan mahimong hinungdan sa usa ka site nga pagdagan nga hinay-hinay ug makaapekto sa kinatibuk-ang pasundayag. Aron mabuntog kini, ang mga hulagway kinahanglan nga mausab aron mahibal-an ang balanse tali sa hataas nga kalidad ug sa labing ubos nga sukod sa mga posible nga file sa maong kalidad nga lebel.

Ang pagpili sa husto nga mga hulagway nga mga hulagway kabahin sa gubat, apan sa pagsiguro nga imong giandam ang mga file mao ang sunod nga lakang niining importante nga proseso sa paghatag sa web.

Ang orihinal nga artikulo ni Jennifer Krynin. Gipagamyan ni Jeremy Girard.