Par attēlu formātiem – JPEG, GIF un PNG

23.06.2007. 01:43:27 sagatavoja Deniss Fedotovs (deni2s)

Tīmeklī visbiežāk tiek izmantoti trīs attēlu formāti – JPEG, GIF un PNG. Šajā rakstā tiks izskaidrotas katra šī formāta būtiskākās īpatnības, tiem, kas vēl nezin ar ko šie formāti atšķiras.

JPEGVisus šos formātus vieno tas, ka attēli šajos formātos nav vektoru formā, bet gan rasterizēti – tas nozīmē, ka mainot attēla izmērus, kvalitāte zudīs.

JPEG

JPEG artifaktiTātad sāksim ar JPEG. JPEG formātā esošajiem attēliem parasti ir faila paplašinājums .jpg, bet var būt arī .jpeg. JPEG formātā visbiežāk saglabā krāsainus attēlus, kuros ir redzamas dažādas krāsu pārejas, jo JPEG formāts ļauj izmantot līdz pat 16 miljoniem krāsu toņus (32 biti). Tāpēc visbiežāk šajā formātā ir redzami fotoattēli. Saglabājot attēlus JPEG formātā ir iespējams norādīt kompresijas līmeni procentos. Protams, jo vairāk tiks kompresēts attēls, jo nekvalitatīvāks tas būs. Tieši JPEG kompresētos attēlus raksturo kompresijas radītie defekti, kuri tiek saukti par JPEG artifaktiem.


GIFGIF

GIF formāta attēliem faila paplašinājums parasti ir .gif. GIF formāta ierobežojums ir 256 krāsu toņi – tātad kvalitatīvu fotogrāfiju šajā formātā nevar saglabāt. Ja nu vienīgi kādu melnbaltu fotogrāfiju izmantojot 256 melnbaltos toņus. GIF attēlā var norādīt, cik un kādas krāsas izmantot attēlā. Šī informācija tiek saukta par attēla krāsu paleti un tā tiek saglabāta kopā ar attēlu. Jo mazāk krāsas tiks izmantotas, jo mazāk aizņems GIF attēls.

Vēl viena GIF formāta īpašība ir tāda, ka var norādīt krāsu paletē, kura krāsa būs caurspīdīgā krāsa – tātad attēlā var iekrāsot vēlamās vietās ar „caurspīdīgu” krāsu.

Animēts GIF attēlsNākamā pozitīvā īpašība ir tāda, ka GIF formātā vienā failā var saglabāt vairākus attēlus, kuri tiks rādīti pēc kārtas ar norādītu laika intervālu. Šādus animētus attēlus parasti sauc sauc par „animētajiem gifiem”. Pašlaik šādu animēto gifu nozīme mājaslapā ir stipri sarukusi, jo animētie gifi ir atzīti kā ļoti distraktējoši elementi un ja nu ir liela nepieciešamība pēc kā animēta, tad biežāk izmanto Flash tehnoloģijas, kas ir daudz mūsdienīgāks risinājums, ielādējas ātrāk un arī attēlojas kvalitatīvāk, jo atbalsta vektorgrafiku.

Vēl GIF failiem ir iespēja norādīt vai tie ir „interlaced” vai nav. „Interlaced” – tas nozīmē to, ka liels GIF fails ielādējoties netiks ielādēts kā parasti no augšas līdz apakšai, bet gan tas tiks ielādēts vienmērīgi – tādā veidā vēl nepilnīgi ielādētā GIF attēlā var jau saskatīt gaidāmā attēla aprises. Tomēr pie mūsdienu tīmekļa ātrumiem un tendencēm (CSS izmantošana noformējumā, minimālisms dizainā, arī WEB 2.0) arī šī GIF attēlu īpašība praktiski ir zaudējusi savu nozīmi.

GIF attēlus parasti izmanto dažādu grafiku, shēmu zīmēšanai, kā arī lapu dizaina elementiem, kur pietiek ar dažiem krāsu toņiem un nav daudz krāsu pāreju.

PNG

PNG attēli tiek izmantoti retāk (ar faila paplašinājumu .png), lai gan tie bieži vien ir stipri efektīvāki par citiem. PNG formāts tika veidots kā GIF formāta aizstājējs, taču diemžēl tas netika pietiekoši atbalstīts, lai gūtu pietiekošu savu īpašību atbalstu no pārlūkprogrammu veidotājiem. Tāpēc arī mājaslapu veidotāji to tā arī nesāka masveidā izmantot, nezinot, kā kura pārlūkprogramma tos attēlos.

PNG attēli praktiski nezaudē savu kvalitāti pie kompresijas, kā arī tie gandrīz vienmēr kompresējas labāk kā GIF attēli par apmēram 5-25%. Arī PNG attēli var būt „interlaced”, pie tam tie atbalsta līdz pat 48 bitu krāsu dziļumu.

Atšķirībā no GIF failiem, PNG failos, līdzīgi kā JPEG failos nevar saglabāt vairākus attēlus un veidot no tiem animācijas. Toties, PNG attēlos var norādīt ne tikai vienu caurspīdīgu krāsu, bet var pat norādīt dažādus caurspīdības līmeņus – piemēram, vienam attēla stūrim norādīt 10% caurspīdīgumu un otram stūrim 90% caurspīdīgumu.

Diemžēl, kā jau minēju iepriekš, dažas pārlūkprogrammas (pat populārais Internet Explorer 6) nekorekti atbalsta PNG caurspīdīgumu, tāpēc šis formāts nav pārāk izplatīts, lai gan praktiski ar dažādiem knifiem ir iespējams panākt šī formāta korektu caurspīdīgumu uz visām populārākajām pārlūkprogrammām. Pašlaik gan visas mūsdienu pārlūkprogrammas vairāk vai mazāk pilnīgi atbalsta PNG formātu – pat Internet Explorer 7+.

Šeit tika virspusēji apskatītas tikai pašas būtiskākās JPEG, GIF un PNG formātu īpašības, nepieciešamības gadījumā pilnīgāku informāciju nav grūti atrast tīmeklī.

15 komentāri Komentēšana pieejama visiem.
PNG! (dfsdfds@dsafsd.com) komentēja 23.06.2007. 02:41:13 (ip:217.10.142.170)
Komentāra reitings: 0

http://www.w3.org/QA/Tips/png-gif

rxx komentēja 23.06.2007. 03:16:18
Komentāra reitings: 0

Tam IE6 bija jāieliek lapā kaut kāds skripts un viss bija kedās...

Jpg gan tu baigāko kompresiju esi uzlicis.. :D

deni2s komentēja 24.06.2007. 02:37:43
Komentāra reitings: 0

Par IE un PNG caurspīdības atbalsta problēmu un risinājumu var palasīt te:
http://www.howtocreate.co.uk/alpha.html

deni2s komentēja 28.06.2007. 15:51:36
Komentāra reitings: 0

Vēl par formātu atšķirībām:

http://bh.deals.lv/raksts32-6-1.html

Ska-Kri (skakri@skakri.net) komentēja 04.07.2007. 00:41:14 (ip:62.84.1.86)
Komentāra reitings: 0

PNG ir arī animētais formāts jau...

deni2s komentēja 06.07.2007. 21:23:25
Komentāra reitings: 0

APNG (animēts PNG) ir PNG paplašinājums, kuru maz kas suportē. Tāpat kā MNG formātu, kas vismaz sākotnēji bija plānots, kā PNG animētā versija.

Redzkur vēl līdzīgs raksts:
http://blogs.fifix.net/2007/05/22/interneta-attclu-formati/

Mairita (MairitA.daukstE@inbox.lv) komentēja 10.12.2007. 10:33:54 (ip:80.233.225.194)
Komentāra reitings: 0

Forshi

lapsa (adrese@pasts.bla) komentēja 31.03.2008. 16:31:40 (ip:80.232.182.2)
Komentāra reitings: 0

apng ff3 atbalsta. nākotnē iespējams kļūs tīri populārs. varēs lamāt ie7, kā tas šobrīd tiek darīts ar ie6. :)

gudrelis komentēja 11.01.2009. 02:58:36 (ip:87.110.89.118)
Komentāra reitings: 0

kaa var foto paarveidot jpg formaataa?

lool komentēja 20.03.2009. 13:52:03 (ip:78.84.221.142)
Komentāra reitings: 0

ar fotošopu.

Krievu nindza (roba2683@inbox.lv) komentēja 24.04.2009. 11:02:01 (ip:80.232.196.130)
Komentāra reitings: 0

nu 4av ka ju7ms iet !>???

skaida (ugissmits@inbox.lv) komentēja 24.04.2009. 11:02:57 (ip:80.232.196.130)
Komentāra reitings: 0

fotošops ir labais :))
:D

hihikai komentēja 24.04.2009. 11:06:04 (ip:80.232.196.130)
Komentāra reitings: 0

Jo pacani!
skaisti ne! ;)

f3llony komentēja 19.05.2009. 09:01:33
Komentāra reitings: 0

deni2s tu esi superstārs. tik daudz fail vienā teksta lapā sen enbiju lasijis... PNG izmanto vairak kā tev to gribētos, in case, tas ir vienīgais attēlu formāts kuru izmanto jēdzīgi webmasteri jo tam vairakas reizes saglabājot vai pārvietojot to ar laiku nezūd rezolūcija un attels neizplūst bitu līmenī... Šito vidusskolā māca, jopt...

Ulvis bernāts (ulvis@orb.lv) komentēja 08.11.2009. 12:44:50 (ip:85.234.172.92)
Komentāra reitings: 0

Vispār daudzas majaslapās tieši png formātā,to parasti izmanto ikonaam

Komentāra pievienošana

Ar * atzīmētie lauciņi ir jāaizpilda obligāti.





[ uz rakstu sarakstu ]

Reklāma
Par web.hc.lv

web.hc.lv ir vortāls, kurā tiek aplūkoti mājaslapu veidošanas un mārketinga aspekti, no idejas līdz gandarījumam.

[Valid RSS] Valid XHTML 1.0! Valid CSS!

RSS 2.0 ziņu barotne (news feed)  Twitter

reģistrēties