Proč .gif a ne . jpg ?

Webdesign, HTML, CSS, Flash, PHP, ASP, .NET, JavaScript. Kritika www stránek na Smetišti.

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod oukydoukyy 3. 2. 2007 11:48

Zdravicko, chtěl bych se zeptat proč všichni doporučují soubory typu .gif, pro použití tlačítek na webu. Kdybych si udělal tlačitko ve formátu .jpg bude v tom nějaký problém?
Jde mi především o velikost toho souboru, jedno tlačítko v gifu ma asi kolem 3kb a v .jpg kolem 2 kb , není to moc ale přeci.

Předem dik
co můžeš udělat hned, odlož na pozítří a máš dva dny kopru!!!!!!!
oukydoukyy
Junior

Odeslat příspěvekod Z@chi 3. 2. 2007 11:53

Rozdil v tom neni a je to uplne jedno.
Z@chi
Junior
Uživatelský avatar

Odeslat příspěvekod JackJohn 3. 2. 2007 12:02

Rozdil v tom je a to celkem podstatnej. Kazdej format se hodi na neco jinyho.
http://cs.wikipedia.org/wiki/GIF
http://cs.wikipedia.org/wiki/JPEG
JackJohn
Kolemjdoucí

Odeslat příspěvekod mdop 3. 2. 2007 12:03

Gif má jen 256 barev, takže pokud na stránce jde o grafiku, bylo by asi lepší použít onen jpeg nebo png. Spíš je to ale trochu z tradice, protože dost často se to spojuje s animacema a pokud je grafika jednoduchá, velikost gifu je díky kompresi opravdu malá.
mdop
Junior
Uživatelský avatar

Odeslat příspěvekod Ripper-CZ 3. 2. 2007 12:09

Ale houby, hlavne gif umi pruhlednost a jpg neumi, proto se to pouziva. muzes mit treba kulaty tlacitka, a menit pozadi, pritom nijak nemusis ty tlacitka upravovat. uplne nejlepsi je ale pouzit png, protoze to umi pruhlednost daleko lip (libovolna transparence casti obrazku). sice byva trochu vetsi, protoze je to bezztratovej format, ale na vhodnych tlacitkach muze byt dokonce mensi nez jpeg. a narozdil od gifu neni omezen na 256barev.
Chtěl bych poděkovat firmě Microsoft, která mi úrovní svých produktů umožnila seznámení s krásou Linuxu.
OS nemá být pro peníze, ale pro lidi...
Ripper-CZ
Junior
Uživatelský avatar

Odeslat příspěvekod Ripper-CZ 3. 2. 2007 12:13

btw kdyz si na svych strankach zmenim pozadi z tmave na svetlou, nebo dam jako podklad obrazek, tak vsechno bude vypadat porad krasne, a nebudu muset zadne ikonky nijak menit. vsechno mam totiz jako png s pruhlednosti...
Chtěl bych poděkovat firmě Microsoft, která mi úrovní svých produktů umožnila seznámení s krásou Linuxu.
OS nemá být pro peníze, ale pro lidi...
Ripper-CZ
Junior
Uživatelský avatar

Odeslat příspěvekod GeorgeJohnFish 3. 2. 2007 12:16

png je sice dobrej, ale IE ho v průhlednosti nepodporuje, takže stejně zůstává gif.
GeorgeJohnFish
Junior
Uživatelský avatar

Odeslat příspěvekod ahorek 3. 2. 2007 12:18

No více průhledností u png se stejně nepoužívá, když to IE neumí zobrazit :wink: . Ale je to tak:
1/ průhlednost může mít gif i png, jpg ne
2/ jednoduchý animace se dají udělat v gifu v png a jpg ne
3/ gif a png je vhodnější na menší obrázky, kde mají lepší kompresi a nerozmazávají obrázek jako jpg(jsou bezztrátový)
4/ png má lepší kompresi než gif a dá se tam použít i víc než 256barev
5/ pro velký obrázky(fotky), které nepotřebují průhlednost a animaci je nejvhodnější jpg
6/ pro animace existuje ještě animační formát mng(založen na png), ale dneska ho skoro nic nepodporuje a proto se nepoužívá.

Zajímavý je, že microsoft občas ve svých produktech nepodporuje některé jiné vlastní produkty(např. zmiňovaná průhlednost png, mng...)
ahorek
Junior

Odeslat příspěvekod JIV 3. 2. 2007 12:18

gif je dobry na hrany
jpg na prechody farieb
JIV
Pokročilý

Odeslat příspěvekod vladimir 3. 2. 2007 12:21

průhlednost a taky ostrost hran - jpg je vlivem ztrátové komprese trochu rozmazané - jasně, dá se to obejít nižší kompresí, ale to už jsou ty soubory zase větší...
vladimir
Expert
Uživatelský avatar

Odeslat příspěvekod r.polasek 3. 2. 2007 12:34

Já mám radši png než jpg, gif jen výjimečně protože 256 barev je hodně velké omezení.
Nemám rád blbce, primitivy, socany a lidi, kteří nerozlišují I a Y.
r.polasek
Junior
Uživatelský avatar

Odeslat příspěvekod x22 3. 2. 2007 12:35

Problem jpg je, ze je to stratova kompresia a rozmazava obraz (najviac to vidno okolo ostrych hran). Vhodne je to napr. na fotografie (tam to rozmazanie tak nevidno, lebo uz pri snimani su vlastne trochu rozmazane), ale nie na grafiku vytvorenu v pocitaci.

Aj v gife moze byt viac farieb ako 256, ale musi byt rozdeleny na viac ramcov (a vela programov taky gif asi nevie vytvorit a mozno ani zobrazit).
x22
Junior

Odeslat příspěvekod ahorek 3. 2. 2007 12:43

Pár příkladů:

Tohle klasicky jde jenom v gifu:
http://ng243fie.20457.ukazto.com

Webová grafika:
JPG komprese: - rozmazaný, nehezký, velká velikost=2079B
http://8gmvrn2d.20458.ukazto.com

GIF komprese: - dobrá volba, když není potřeba víc jak 256 barev, malá velikost=396B
http://0gg7ve7b.20459.ukazto.com

PNG komprese: - ještě lepší komprese než gif=370B
http://sckwmcn7.20460.ukazto.com

Obrázek:
PNG256barev: size=200797B - při stejných barvách lepší komprese než gif
http://5fm3ezqn.20462.ukazto.com

GIF256barev: size=237456B - jen 256barev obraz vypadá blbě
http://40ihry45.20464.ukazto.com

JPG: size=82752B - velmi malá velikost a na obraze nejsou přílišné změny
http://sxphdtew.20465.ukazto.com

PNG: size=798154B - bezztrátová komprese png, velikost je dosti velká, pro obrázky na net nevhodné
http://oopn47nx.20466.ukazto.com

Samozřejmě jsou způsoby jak třeba částečně obejít nehezkou gif kompresi(tzv ditheringem), ale to už je jiná, stejně ani potom nebude u obrázků velikost srovnatelná s gifem. Příklad obrázku v gifu kde byl použitý dithering je zde:
http://pfs8a5y4.20467.ukazto.com
size=287505B - trochu se zvýšila velikost a obraz se rozdělil na malé částečky, které ze vzdálenějšího pohledu splívají - absolutně se tato metoda nehodí pro hry/textury a vůbec všude tam, kde by se s výsledným obrázkem mělo ještě něco dělat...
Potom existují samozřejmě mnohem lepší kompresory, za všechny můžu jmenovat JPEG 2000 a LWF, jenže ty se na internetu nevyskytují hlavně z důvodu nerozšířenosti a podporovanosti v prohlížečích.

Z toho všeho vyplívá jen tohle: na jednoduchý animace gif, na webovou grafiku a jednoduchý věci, kde nechcete mít zubatý hraby png a na fotky jpg. Co víc říct - tečka, snad to otevře některým oči a přestanou pro tlačítka používat ten bezvadnej formát BMP...
ahorek
Junior


Odeslat příspěvekod Jirka2 (novy) 3. 2. 2007 12:50

Pokud nechces, aby bych JPEG takhle rozmazany, nepodvzorkovavej barevne slozky.
Jirka2 (novy)
Junior

Další stránka

Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků