Aky format obrazkov pouzivate?

Aky format obrazkov pouzivate?
Na fotky JPG, na screenshoty PNG, případně pro animované obrázky GIF.

Podle toho co je to za obrázek - fotky nebo složitější obrázky jpg, jednodušší obrázky png nebo gif

JPG zvládne kvalitně i složitější věci, ale komprese není tak dobrá, zatímco druhý dva mají mnohem lepší kompresi,
ale pokud je obrázek složitější, projeví se to dost na kvalitě...gif navíc zvládá průhlednost v konkrétních oblastech
(ikdyž bere jen 100% průhlednost co vim)

png taky umi pruhlednost...a da se udelat i tak aby to bralo i IEcko

Millos
PNG = Portable Network Graphics

na fotky teda radeji JPG

jinak ja pouzivam png na grafiku webu, pozadi, loga, obrazky atd... ale co se tyka velikosti, muze byt i vetsi nez jpeg se srovnatelnou grafikou

GIF - animovaný, nebo "obyčejný", běžně nejvýše 256 barev, průhlednost
PNG - do 256 barev (může být průhledný) , nebo truecolor (může být průsvitný=částečně průhledný)
JPEG - truecolor, nebo stupně šedi, ztrátová komprimace (artefakty), možný EXIF (data navíc).

Millos
je pri PNG vyssia kvalita napriklad pre loga alebo lyšty, kde to potrebujem a mala velkost
U takovýchhle věcí asi ano.

Takhle:
JPEG- používá ztrátovou kompresi, vytváří relativně malé soubory, ale (v závislosti na úrovni komprese) rozmazává hrany na obrázku. Pokles kvality je nejvíc vidět na ostrých hranách, proto se nehodí například na text v obrázku, ručně kreslené obrázky anebo třeba screenshot aplikace... prostě na věci, kde jsou ostře ohraničené oblasti.
Taky je dobré si pamatovat, že každá úprava a následné uložení JPEG obrázku dál degradují jeho kvalitu, takže je to dost nevhodný formát pro ukládání mezivýstupů v grafickém editoru.

GIF- má jen 256 barev, takže nic pro fotky, ale zato umí průhlednou barvu a animace.

PNG- vpodstatě náhrada za GIF, podporuje průhlednou barvu a alfakanál- každému bodu jde nastavit částečná průhlednost. Používá bezeztrátovou kompresi, takže nedegraduje kvalitu obrázku. Pokud vím, tak podporuje i vrstvy a animace, ale zas to neumějí prohlížeče, takže se na animace používá GIF. PNG se hodí zhruba na ty věci, na které jsem psal že se nehodí JPG. Ale u fotek má PNG oproti JPG o dost větší soubory a rozdíl v kvalitě není moc viditelný.

BMP- formát pro použití na webu nevhodný. Není komprimovaný, takže vytváří obrovské soubory a na webu nemá snad žádné výhody oproti PNG. Možná jediné využití na webu je pro ikonku webu, kdy IE6 myslím bere jako ikonku jen favicon.ico (soubor .ico používá formát obrázku BMP)
Jinak vždycky "potěší", když klient popíše okénko s JS alertem co mu na stránce vyskočilo tak, že típne celou obrazovku 1280x1024, uloží jako BMP a nechá vás to tahat přes 128kbps linku :-)

Millos viz Joker
obvykle se pozuva JPG (foto,loga), GIF (loga a menebarevne obrazky).
Vyjimecne PNG (coz je podobne jako JPG), protoze IE ma problemy s transparenci.
Nekdy BMP, pro male obrazky.
Posledni dobou se casto objevuje vektorova grafika SWF (flash)

Uvital bych pouzivani TIFF, pripadne, aby PNG umel TIFF ccitt4/deflate (ccitt je lepsi). To je v podstate nejlepsi format pro 2barevne obrazky. Bohuzel nepodporovany.
Tiff a PNG slucuji nekolik metod, z Gif, Jpeg, (ccitt) a pod

Ale Joker se dopousti chyby, ano, i jpeg umi neztratovou kompresi. Je to zalozene na malych rozdilech v nejblizsim okoli, plus zerotree.
Pouzivaji to hodne PNG, ale to neznamena, ze PNG nejde nastavit na klasickou JPEG.

priklad:
GIF http://www.fpf.slu.cz/stag/screen-stag2.gif
700x500, 50k - malo barev, beztratove, citelny text!, velky obrazek

TIFF http://www.volny.cz/peter.mlich/ezajim.htm
odkaz 2 trubaci
1500x1700, 16k - beztratove
(bohuzel si to musis stahnout a prohlizec obrazku to otevre)
(ale tiff umi i dct-jpeg metody a lzw-gifove)

JPEG - ruzne na netu, wallpaper
PNG - totez a linuxove vytvory (vzhledem k tomu, ze je to free konkurence k tiff, tak take univerzalni a dost casto se ted pouziva, nemusi se resit lzw, vyberesi to sam program, jak to ulozi)

Vyjimecne PNG (coz je podobne jako JPG), protoze IE ma problemy s transparenci.
Explorer nemá problémy s "transparencí". PNG je možné použít místo neanimovavého GIFu vždy, a s výjimkou malých GIFů, jako odrážky, neviditelné tečky... má vhodně komprimovaný PNG menší datovou velikost, než GIF.

Ale Joker se dopousti chyby, ano, i jpeg umi neztratovou kompresi.
Jde o nestandardní rozšíření a prohlížeče takový obrázek nedokáží zobrazit.

Nekdy BMP, pro male obrazky.
Většina prohlížečů ho zobrazí, ale W3C jej jaksi nedoporučuje.

Bubák
BMP - jak uz jsem kdysi rikal, doporuceni w3c a plavacka beru s rezervou :)
Mam doma nejakou stranku, kde BMP maji zhruba o 2k vetsi velikost nez jiny format pri priblizne stejne kvalite. Tak nebudu uzivateli posilat GIF JPG, aby to prohlizec musel dekomprimovat, kdyz mu muzu poslat BMP (bez RLE, tusim). Jedna se o male obrazky typu tlacitko.

PNG - setkal jsem e s tim, ze IE mel problemy s barvami a problemi s X vrstvami transparenci na Y%. Novy IE by to mel mit udajne poresene, ale nespolehal bych na to u produktu MS.

JPEG - netratova, je to mozne, Gimp mi to uklada ztratove, takze nemam vyzkouseno. Opet bych na to zobrazeni nespolehal jako u PNG, je to novejsi technologie.

A co tu nepadlo, PNG je hlavně výborný na webovou grafiku a k tomu je hlavně určen. Malá velikost, vynikající kvalita.

peta
Ale Joker se dopousti chyby, ano, i jpeg umi neztratovou kompresi.
Jo, tak on leckterý formát umí lecos, já psal co se tak běžně používá.

Bubák
Explorer nemá problémy s "transparencí".
No, já bych to řekl takhle: IE<7 částečnou průhlednost v PNG neumí vůbec a úplnou průhlednost umí někdy, nejspíš v závislosti na tom, v jakém programu a s jakým nastavením byl ten PNG vytvořený.
Tomuhle teda neříkám, že "nemá problémy".

peta
PNG - (...) Novy IE by to mel mit udajne poresene, ale nespolehal bych na to u produktu MS.
Nový IE opravdu umí s PNG pracovat daleko lépe. Nestudoval jsem to do detailu, ale minimálně alfakanál funguje.

edit, ještě peta:
Mam doma nejakou stranku, kde BMP maji zhruba o 2k vetsi velikost nez jiny format pri priblizne stejne kvalite.
Absolutní rozdíl velikosti samozřejmě závisí na velikosti toho obrázku, takže u hodně malých to není tak moc vidět.
Jestli má stejný obrázek v PNG třeba 500B a v BMP 2,5kB, to není zas takový rozdíl.
Když má ale stejný obrázek v PNG třeba 400kB a v BMP 8MB, je to rozdíl dost podstatný.

Jinak pokud mi dva formáty dají stejný obrázek ve stejné/obdobné kvalitě a oba mají podporu v prohlížečích, na web bych asi vždycky volil ten, který má menší velikost souboru. Dneska snad není zařízení, u kterého by bylo efektivnější stahovat obrázek bez komprese, než dekomprimovat obrázek procesorem. Nepočítám s tím, že by někdo měl 286-ku s 12-megabitovým připojením :-)

Teda nevím, zda flash používá ve formátu SWF vektory, ale těma vektorama, co se na webu objevujou asi myslíte SVG, že?

Edit: ...omlouvám se, nějak se to tu zobrazilo 2x...

Jak udělám aby byl formát PNG průhlednej i v IE?

Mirassssss
Uděláš to stejně jako s (neanimovaným) GIFem. Nevím, co používáš na tvorbu PNG, ale postup bývá popsán v nápovědě programu.