Nalika Nggunakake Format JPG, GIF, PNG, lan SVG kanggo Gambar Web Panjenengan

Ana sawetara format gambar sing bisa digunakake ing kaca web. Sawetara conto umum yaiku GIF , JPG , lan PNG . File SVG uga umum digunakake ing situs web saiki, menehi desainer web durung pilihan liyane kanggo gambar online.

GIF Images

Gunakake file GIF kanggo gambar sing duwe werna cilik sing tetep. File GIF senadyan ora kurang saka 256 werna unik. Algoritma kompresi untuk file GIF kurang kompleks tinimbang file JPG, nanging nalika dipigunakaké ing gambar warna rata lan teks kasebut ngasilake ukuran file sing sangat cilik .

Format GIF ora cocog kanggo gambar utawa gambar fotografi kanthi werna jurang. Amarga format GIF nduweni werna sing winates, roboh lan foto bakal rampung karo banding lan piksel nalika disimpen minangka file GIF.

Cukup, sampeyan bakal nggunakake GIF mung kanggo gambar prasaja kanthi mung sawetara werna, nanging sampeyan uga bisa nggunakake PNGs kanggo sing uga (liyane sing ora suwe).

JPG Images

Gunakake gambar JPG kanggo foto lan gambar liyane sing nduweni mayuta-yuta warna. Iku nggunakake algoritma kompresi Komplek sing ngidini sampeyan nggawe grafis cilik kanthi kalah sawetara kualitas gambar. Iki diarani kompresi "lossy" amarga sawetara informasi gambar ilang nalika gambar dikomprès.

Format JPG ora cocog karo gambar kanthi teks, blok warna sing padhet, lan wujud sing prasaja kanthi pinggiran garing. Iki amarga nalika gambar dikunci, teks, werna, utawa garis bisa dadi blur sing ngasilake gambar sing ora cetha amarga bakal disimpen ing format liyane.

Gambar JPG sing paling apik digunakake kanggo foto lan gambar sing akeh lan werna alam.

PNG Images

Format PNG dikembangaké minangka panggantos kanggo format GIF nalika katon yen gambar GIF bakal tundhuk biaya royalti. Grafik PNG duwe tingkat komprèsi sing luwih apik tinimbang GIF sing ngasilaké gambar sing luwih cilik tinimbang file sing padha disimpen minangka GIF. File PNG nyedhiyakake transparan alfa, tegese sampeyan bisa nduwe area gambar sing wis lengkap banget utawa malah nggunakake macem-macem transparan alfa. Contone, bayangan gulung nggunakake macem-macem efek transparan lan bakal cocog kanggo PNG (utawa sampeyan mung bisa ngilangi kita kanthi nggunakake bayangan CSS).

Gambar PNG, kayata GIF, ora cocok karo foto. Sampeyan bisa ngubengi masalah banding sing mengaruhi foto disimpen minangka file GIF nggunakake werna sing bener, nanging iki bisa nyebabake gambar sing gedhe banget. Gambar PNG uga ora didukung banget karo telpon seluler lawas lan fitur telpon.

Kita nggunakake PNG kanggo file apa wae sing mbutuhake transparansi. Kita uga nggunakake PNG-8 kanggo file apa wae sing bakal cocok karo GIF, nggunakake format PNG iki.

SVG Images

SVG stands for Scalable Vector Graphic. Ora kaya format raster ing JPG, GIF, lan PNG, berkas iki nggunakake vektor kanggo nggawe file cilik sing bisa dilirwakake ing ukuran maneka warna tanpa tambah kwalitas ukuran berkas. Iki digawe kanggo ilustrasi kaya lambang lan malah logo.

Nyiyapake Gambar kanggo Pangiriman Web

Wigati babagan format gambar sing sampeyan gunakake, lan situs web sampeyan manawa nggunakake format sing beda-beda ing kabeh kaca, sampeyan kudu njamin yen kabeh gambar ing situs kasebut wis disiapake kanggo pangiriman web . Gambar gedhe bisa nyebabake situs bisa mlaku alon-alon lan ngalami kinerja sakabèhé. Kanggo ngatasi masalah kasebut, gambar kasebut kudu dioptimalake kanggo nggoleki keseimbangan antarane kualitas dhuwur lan ukuran file sing paling murah ing tingkat kualitas kasebut.

Milih format gambar sing bener minangka bagian saka peperangan, nanging uga nggawe manawa sampeyan wis nyiapake file kasebut minangka langkah sabanjure proses pangiriman web penting.

Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard.