Estas kelkaj bildaj formatoj, kiuj povas esti uzataj en retpaĝoj. Iuj komunaj ekzemploj estas GIF , JPG , kaj PNG . SVG-dosieroj ankaŭ estas kutime uzataj en retejoj, donante retpaĝistojn ankoraŭ alian eblon por interreta bildo.
GIF Bildoj
Uzu GIF-dosierojn por bildoj, kiuj havas malgrandan, fiksan nombron da koloroj. GIF-dosieroj ĉiam reduktas al pli ol 256 unikaj koloroj. La algoritmo de kunpremo por GIF-dosieroj estas malpli kompleksa ol por JPG-dosieroj, sed kiam ĝi estas uzata sur ebenaj koloroj kaj teksto, ĝi produktas tre malgrandajn dosierojn .
La GIF-formato ne taŭgas por fotografaj bildoj aŭ bildoj kun gradaj koloroj. Ĉar la GIF-formato havas limigitan nombron da koloroj, gradientoj kaj fotoj finiĝos per bandado kaj pixelacio kiam oni konservos kiel GIF-dosiero.
En malmultaj vortoj, vi uzus GIFs nur por simplaj bildoj kun nur kelkaj koloroj, sed vi ankaŭ povus uzi PNG por tio ankaŭ (pli baldaŭ).
JPG Bildoj
Uzu bildojn de JPG por fotoj kaj aliaj bildoj, kiuj havas milionojn da koloroj. Ĝi uzas kompleksan kunpreman algoritmon kiu permesas vin krei pli malgrandajn grafikojn perdante iom da la kvalito de la bildo. Ĉi tio estas nomata "perforta" kunpremo ĉar kelkaj el la bildaj informoj perdiĝas kiam la bildo estas kunpremita.
La JPG-formato ne taŭgas al bildoj kun teksto, grandaj blokoj de solida koloro, kaj simplaj formoj kun klaraj randoj. Ĉi tio estas, ĉar kiam la bildo estas kunpremita, la teksto, koloro, aŭ linioj eble blurigas, rezultante bildon, kiu ne estas tiel akra kiel ĝi estus konservita en alia formato.
JPG-bildoj plej bone uzas por fotoj kaj bildoj, kiuj havas multajn kaj multajn kolorojn.
PNGaj Bildoj
La PNG-formato estis anstataŭigita por la formato GIF kiam aperis ke GIF-bildoj submetiĝus al realeca kotizo. PNG-grafikaĵoj havas pli bonan kunpremiĝon ol GIF-bildoj, kiuj rezultas en pli malgrandaj bildoj ol la sama dosiero konservita kiel GIF. PNG-dosieroj proponas alfa travideblecon, kio signifas, ke vi povas havi areojn de viaj bildoj, kiuj estas plene travideblaj aŭ eĉ uzas gamon de alfa travidebleco. Ekzemple, gaja ombro uzas gamon de travideblaj efikoj kaj estus taŭga por PNG (aŭ vi eble finos nin uzante CSS-ombrojn anstataŭe).
PNG-bildoj, kiel GIFs, ne taŭgas por fotoj. Eblas ĉirkaŭpreni la grupigan aferon, kiu influas fotojn savitajn kiel GIF-dosierojn uzante verajn kolorojn, sed tio povas rezultigi tre grandajn bildojn. PNG-bildoj ankaŭ ne bone subtenas malnovajn poŝtelefonojn kaj poŝtelefonojn.
Ni uzas PNG por iu ajn dosiero, kiu bezonas travideblecon. Ni ankaŭ uzas PNG-8 por iu ajn dosiero, kiu estus taŭga kiel GIF, anstataŭe ĉi tiu PNG-formato.
SVGaj bildoj
SVG signifas Scalable Vector Graphic. Kontraste kun la raster-bazitaj formatoj trovitaj en JPG, GIF, kaj PNG, ĉi tiuj dosieroj uzas vektorojn por krei tre malgrandajn dosierojn, kiuj povas esti pruntitaj en ajna grandeco sen perdo de kvalito de pliigo en grandeco de dosieroj. Ili estas kreitaj por ilustraĵoj kiel ikonoj kaj eĉ logotipoj.
Preparu bildojn por TTT-interŝanĝo
Sendepende, pri kies formato de bildo vi uzas, kaj via retejo certe uzos multajn malsamajn formatojn tra ĉiuj ĝiaj paĝoj, vi devas certigi, ke ĉiuj bildoj en tiu retejo estas pretaj por retpaŝado . Tro grandaj bildoj povas kaŭzi, ke retejo malrapide kuras kaj efikas ĝenerale. Por batali ĉi tion, tiuj bildoj devas esti optimumigitaj por trovi la ekvilibron inter alta kvalito kaj la plej malaltajn dosierojn eblajn ĉe tiu superkvalita nivelo.
Elektante la dekstran bildan formaton estas parto de la batalo, sed ankaŭ certigante, ke vi preparis tiujn dosierojn, estas la sekva paŝo en ĉi tiu grava retpaĝprocezo.
Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard.