Et gi verschidden Zuel vu Bildformaten déi op Websäiten benotzt ginn. Verschidde Beispiller gi GIF , JPG an PNG . SVG-Dateien ginn och heefeg op Websäiten haut benotzt, fir Webdesigner nach eng aner Optioun fir Online Image ze maachen.
GIF Biller
GIF-Dateien benotzen fir Biller, déi e klengt fixe Zuel vu Faarwen hunn. GIF - Dateien ginn ëmmer méi wéi 256 eegene Faarwen reduzéiert. De Komprimatiouns Algorithmus fir GIF-Dateien ass manner komplex wéi fir JPG Dateien, awer wann se op flaach Faarwebilder an Text benotzt, produzéiert et ganz kleng Dateigréisst .
De Format GIF ass net fir Fotoen oder Biller mat Gradientenfär. Well de GIF-Format eng limitéiert Zuel vu Faarwen, Kariagt a Fotoën endlech mam Banding a Pixelatioun ass, wann se als GIF-Datei gespäichert ginn.
An engem Nutshell benotzt Dir GIFs nëmme fir einfache Biller mat nëmmen e puer Faarwen, awer Dir kënnt och PNG fir déi och (méi sou kuerz) benotzen.
JPG Images
Jpg Biller fir Fotoen an aner Biller, déi Millioune vu Faarwen hunn, benotzen. Et benotzt e komplexe Kompromiss-Algorithmus, deen Iech kleng Grafiken erstellt, andeems se e puer vun der Qualitéit vum Bild verléiert. Dëst gëtt als "verléieren" Kompriméier genannt, well e puer vun der Bildinformatioun verluer gëtt wann d'Bild kompriméiert ass.
De JPG-Format ass net fir Biller mat Text, grouss Blocen vu massiver Faarf an einfacher Form mat frësche Kanten. Dëst ass, well wann de Bild kompriméiert ass, kann de Text, d'Faarf oder d'Zeilen an engem Bild sinn, dat net esou schwéier ass wéi et an engem anere Format gespäichert gëtt.
JPG Biller sinn am beschten fir Fotoen a Biller déi vill a natierlech Faarwen hunn.
PNG Biller
De PNG-Format gouf als Ersatz fir de GIF-Format entwéckelt, wann et erschéngt, datt GIF-Biller ënnert e Gebuertsdag bezuelt ginn. PNG-Grafiken hunn eng besser Kompressiounsrate wéi GIF-Biller, déi zu klenge Biller sinn wéi déi selwecht Datei, déi als GIF gespäichert ass. PNG-Dateien bieten Alpha-Transparenz, sou datt Dir Gebaier vun Äre Biller hutt, déi entweder komplett transparent sinn oder och eng Rei vun Alpha-Transparenz benotzen. Zum Beispill, e Schiedegong benotzt eng Rei Transparenzeffekter a passend fir e PNG (oder Dir kënnt just eis mat CSS Schatten setzen).
PNG Biller, wéi GIFs, sinn net gutt fir Fotoen. Et ass méiglech datt d'Bandéierung Problem betrëfft, déi Fotoen als GIF-Dateien beaflosst mat Wierker beaflosst, awer dat kënnen ganz grouss Biller sinn. PNG-Biller sinn och net gutt ënnerstëtzt mat méi alen Handyen an Handyspiller.
Mir benotzen PNG fir all Datei, déi Transparenz erfordert. Mir benotzen och PNG-8 fir eng Datei, déi als GIF eegent ass mat dësem PNG-Format.
SVG Images
SVG steet fir Scalable Vector Graphic. Am Géigesaz zu de Raster-Formuléierter Formate fonnt déi zu JPG, GIF a PNG fonnt goufen, benotze dës Dateie Vektoren fir ganz kleng Fichiere ze erstellen déi op all Gréisst méiglech sinn ouni Qualitéit vun der Vergréisserung vun der Dateigréisst. Si si fir Illustratiounen wéi Symboler a souguer Logoen erstallt.
Präzisere vu Biller fir Web Delivery
Egal wéi vun engem Bildformat Dir benotzt, an Är Websäit ass sécher eng Rei verschidde Formater an all seng Säiten ze benotzen, musst Dir garantéieren datt all Biller op dësem Site fir Websäit bereet sinn . Zu grousser Biller sinn ze verursaachen e Site lues a lues ze veruersaachen. Fir dëst ze bekämpfen, dës Biller sinn optimiséiert ginn fir de Gläichgewiicht tëscht héich Qualitéit an de klengste Dateigréisst mat deem Qualitéitsniveau ze fannen.
Auswiel vun dësem Format ass en Deel vun der Schluecht, awer och sécher datt Dir dës Fichieren preparéiert ass de nächste Schrëtt an dësem wichtege Webléck.
Original Artikel vum Jennifer Krynin. Edited by Jeremy Girard.