Ekzistojnë një numër formatesh imazhesh që mund të përdoren në faqet e internetit. Disa shembuj të zakonshëm janë GIF , JPG dhe PNG . Dosjet SVG janë gjithashtu të përdorura zakonisht në faqet e internetit sot, duke i dhënë web designers një tjetër mundësi për imazh online.
Imazhe GIF
Përdorni skedarë GIF për imazhet që kanë një numër të vogël dhe të fiksuar të ngjyrave. GIF fotografi gjithmonë reduktohen në jo më shumë se 256 ngjyra unike. Algoritmi i ngjeshjes për skedarët GIF është më pak komplekse sesa për skedarët JPG, por kur përdoret në imazhe me ngjyra të sheshta dhe teksti prodhon skema shumë të vogla të skedarëve .
Formati GIF nuk është i përshtatshëm për imazhe fotografike ose imazhe me ngjyra gradiente. Për shkak se formati GIF ka një numër të kufizuar ngjyrash, shkallët dhe fotografitë do të përfundojnë me banding dhe pixelation kur ruhen si një skedar GIF.
Në pak fjalë, ju do të përdorni GIF vetëm për imazhe të thjeshta me vetëm disa ngjyra, por gjithashtu mund të përdorni edhe PNG për këtë (më shumë për atë së shpejti).
Imazhe JPG
Përdorni imazhe JPG për fotografi dhe imazhe të tjera që kanë miliona ngjyra. Përdor një algoritëm kompleks të kompresimit që ju lejon të krijoni grafika më të vogla duke humbur disa nga cilësitë e imazhit. Kjo quhet compression "humbje", sepse disa nga informacionet e imazhit humbasin kur imazhi është i ngjeshur.
Formati JPG nuk është i përshtatshëm për imazhet me tekst, blloqe të mëdha me ngjyrë të ngurtë dhe forma të thjeshta me skaj të mprehta. Kjo ndodh sepse kur imazhi është i ngjeshur, teksti, ngjyra ose rreshtat mund të turbullojnë duke rezultuar në një imazh që nuk është aq i mprehtë sa do të ruhej në një format tjetër.
Imazhet JPG përdoren më së miri për fotografitë dhe imazhet që kanë shumë dhe shumë ngjyra natyrale.
Imazhe PNG
Formati i PNG u zhvillua si një zëvendësim për formatin GIF kur u duk se imazhet GIF do të ishin subjekt i një tarife. Grafika PNG ka një shkallë më të mirë të compression se imazhet GIF që rezultojnë në imazhe më të vogla se sa skedari i njëjtë i ruajtur si një GIF. Fotografi PNG ofrojnë transparencë alfa, që do të thotë që mund të keni fusha të imazheve tuaja që janë plotësisht transparente ose madje përdorin një sferë transparence alfa. Për shembull, një hije rënie përdor një sërë efektesh transparence dhe do të ishte i përshtatshëm për një PNG (ose mund të na mbaroni vetëm duke përdorur shadows CSS).
Imazhet PNG, si GIFs, nuk janë të përshtatshme për fotografi. Është e mundur për të marrë rreth çështjes banding që prek fotografitë e ruajtur si fotografi GIF duke përdorur ngjyra të vërteta, por kjo mund të rezultojë në imazhe shumë të mëdha. Imazhet PNG gjithashtu nuk mbështeten mirë nga telefonat celularë më të vjetër dhe telefonat me karakteristika.
Ne përdorim PNG për çdo skedar që kërkon transparencë. Ne gjithashtu përdorim PNG-8 për çdo skedar që do të ishte i përshtatshëm si një GIF, duke përdorur këtë format PNG në vend të kësaj.
Imazhe SVG
SVG qëndron për Grafik Vector Scalable. Ndryshe nga formatet e bazuara në raster që gjenden në JPG, GIF dhe PNG, këto skedarë përdorin vektorë për të krijuar skedarë shumë të vegjël që mund të jepen në çdo madhësi pa asnjë humbje të cilësisë së rritjes në madhësinë e skedarit. Ato janë krijuar për ilustrime si ikona dhe madje edhe logot.
Përgatitja e imazheve për dërgimin në ueb
Pavarësisht nga formati i imazhit që përdorni, dhe faqja juaj e internetit është e sigurtë se do të përdorë një numër formatesh të ndryshme në të gjitha faqet e saj, ju duhet të siguroheni që të gjitha imazhet në atë faqe të jenë të përgatitur për shpërndarjen e uebit . Imazhe shumë të mëdha mund të bëjnë që një vend të funksionojë ngadalë dhe të ndikojë në performancën e përgjithshme. Për të luftuar këtë, këto imazhe duhet të optimizohen për të gjetur ekuilibrin midis cilësisë së lartë dhe madhësisë së skedarit më të ulët të mundshëm në atë nivel cilësie.
Zgjedhja e formatit të imazhit të duhur është pjesë e betejës, por gjithashtu duke u siguruar që keni përgatitur ato skedarë është hapi tjetër në këtë proces të rëndësishëm të shpërndarjes së uebit.
Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard.