Velikost obrázků ve webu

Ukázka by nebyla? O jaký formát (jpeg, png) se jedná? Používáte na obrázek vhodný formát?

všechny jsou jpg ... mrsmikulov.tym.cz

Tak zrovna na tlačítka menu či pozadí by bylo vhodnější png. Jednoduše řečeno, na fotografie je jpeg, na grafiku png.

Zkusil jsem uložit tlačítko "Sumáře" jako png. Velikost z 26259 B klesla na 3898 B.

v čem to převádíš z jpg na png? zkus uložit ten vrchní obrázek ... mě to z 66 464b (jpg) uložilo 61 788b (png), což je jen nepatrný rozdíl (dělal jsem to v photoshopu 9 cs2)

Teda z formátu JPEG, ukládat obrázky do Formátu PNG, to je "celkem", blbost, to je jako ukládat hudbu z formátu MP3 do formátu *.WAV, přijdete o kvalitu, protože formát *.PNG je bezztrátový, i když zkomprimovaný, bezztrátovou kompresí, takže když převedete, formát bezztrátový nezkomprimovaný obrázek ve formátu *.BMP, do formátu *.PNG, tak neztratíte, ani trochu kvality z obrázku, akorát je ten obrázek zkomprimovám bezztrátovou kompresí, jenomže formát obrázků ve formátu *.JPG, je také zkomprimovám taky kompresí, ale ztrátovou a je tedy zkomprimován podobně jako hudební soubor, ve formátu *.MP3, no!

Takže je jasné že překomprimovat obrázek z formátu *.JPG, do formátu *.PNG, je trochu blbost, a vlastně tím překomprimováním obrázku se ztratí, ještě část, kvality z původního obrázku ve formátu *.JPG, ale ten už pokud byl překomprimován z formátu *.BMP, do formátu *.JPG, tak už část své kvality ztratil, a teď překomprimováním, z formátu *.JPG, do formátu *.PNG, ztratí ještě další část kvality, tedy já doporučuji, pokud máte ty obrázky ještě v originálním formátu *.BMP, zkomprimovat, je rovnou z formátu obrázku *.BMP, do formátu obrázku rovnou *.PNG, pak ty obrázky neztratí, naprosto nic ze své kvality a budou, tedy o hodně hezčí a ostřejší, no!

To jsem asi neměl psát, bylo to na mně moc krátký, no!

Ladiku, Ladiku, mas v tom hokej a i ten jsi dokonale zmotal. Nejdriv napises, ze kompresi do png ke ztrate kvality nedojde a vzapeti napises, ze ano - mel by sis to nejak srovnat v hlave nez neco napises.

Ty jseš teda exot. Pozdravuj Mirka na oddělení.

Píšete nesmysly. Ujasněte si, jestli je png ztrátový formát nebo není. Tak jak se může převodem z jpeg to png zhoršit kvalita (oproti jpeg)? Přeuložením jpeg do png v tomto případě zachováme kvalitu jpeg, ale zmenšíme velikost.Samozřejmě že lepší je do png přeuložit originál, který ale téměř jistě nebude ve formátu bmp, neboť formát bmp se skoro nepoužívá.

Ani tohle neni tak uplne pravda - prekompriovanim jpg do png se velikost souboru zvetsi. Rekomprese probehne takto: obrazek se "rozbali" do nekomprimovaneho tvaru (tzn. na velikost danou rozmery v pixelech a barevnou hloubkou) a nasledne zkomprimuje do formatu png, kery protoze je bezztratovy je vyrazne mene ucinny nez komprese JPEG. Kvalita ovsem zustane zachovana protoze po ztratove JPEG kompresi uz samozrejme nejde obraz plne rekonstruovat.

Nemáte pravdu, záleží na typu obrázku. Konkrétně v tomto případě se obrázek z menu přeuložením z jpeg do png zmenšil více jak šestkrát. Ztrátový formát ještě nezaručuje menšího velikost ve srovnání s formátem bezeztrátovým.

Pokud se bavime o stejnem obrazku (tlacitko Sumare), pak konkretne u nej je spatne snad vsechno. V originale je pravdepodobne ulozen s minimalni kompresi a ve 32 bitove barevne hloubce (nemluvim o tom, ze obrazek, ktery obsahuje prevazne jednobarevne plochy je pro JPEG kompresi nevhodny). Vy jste ho prevedl do png ve 24 bitove barevne hloubce (tomu odpovida velikost cca 3,9kB). Pri tom tento obrazek staci ulozit v osmibitove barevne hloubce a jeho velikost se v tom pripade zmensi na cca 1,94 kB (mluvim o png). Pokud ho ulozim v jpg s takovou kompresi, aby jeste nebyl znat rozdil mezi originalem a komprimovanym obrazkem (ve PS kvalita 60), potom ma velikost 1,1 kB. Nemate pravdu v tom, ze zalezi na typu obrazku. Zalezi ciste jen na tom, jak velka komprese je u JPG pouzita. Jestlize je pro jpg pouzita komprese vetsi nez pouziva png, pak po prevodu obrazku z jpg do png bude vysledny soubor VZDY vetsi a nezalezi na tom co obrazek obsahuje (a samozrejme naopak).

JPEG komprese byla zvolena skutečně minimální, ale hloubka byla jen 24 b. Já jsem ho převedl do 24b PNG, jen abych si ověřil, že způsob komprese PNG v tomto případě funguje lépe než způsob komprese JPEG. A funguje.Přeuložení originálu na indexovanou paletu skutečně bývá výhodnější, pokud má originál méně než 256 barev, což je i tento případ. Přeuložit se musí originál, neboť převedení JPEG na indexovanou paletu obvykle zvýrazní chyby způsobené JPEG kompresí.Pokud v GIMPu uložím tento JPEG jako JPEG, dostanu velikost 4084 B. Musím však použít subsampling 1x1x1 pixel a kvalitu 100 %, jinak je obrázek nepoužitelný. Nevěřím, že JPEG o velikosti 1100 B bude v tomto případě použitelný.Skutečně záleží na typu obrázku. Jsou obrázky, které při stejné visuální kvalitě budou mít v JPEG menší velikost než v PNG, a jsou jiné obrázky, kde tomu bude naopak. Ukázkový příklad, kdy i po přeuložení z JPEG do PNG bude PNG obrázek menší, je tenká jednobarevná horizontální linka na jednobarevném pozadí, velikost obrázku 200x200 pixelů. S JPEG kompresí si přitom můžete hrát, jak chcete, PNG si v tomto případě poradí i s artefakty JPEG komprese.

Vrchní obrázek do png s lepším výsledkem uložit nepůjde, protože obsahuje fotografii. Pro směs fotografie a grafiky neexistuje žádný rozumný formát, leda mít fotografii a grafiku jako dva obrázky a napolohovat je pomocí CSS, což nevím, jestli v tomto případě půjde. Horní lištu bych ale i tak nechal jako png.Komprese v jpeg formátu obrázek poničí, takže je lepší do png ukládat z originálu. Já nemám originál, tak jsem to jen orientačně přeuložil z jpeg.Pokud uložíte pozadí a tlačítka menu jako png, tak velikost grafiky nepřesáhne odhadem 120 kB, což není nikterak tragické. Srovnejte to se současnými 400+ kB.Jako grafický editor používám GIMP.

pokud de o jpg tak z vlastni zkusenosti staci ulozit v 50% kvalite a obraz je porad skoro stejny...

Pokud pouzivas PS, potom nejdriv uprav velikost obrazku. Potom musis (s citem!!!) doostrit a v menu File zvol Save for web. Zvol format jpg, nastav komprimaci (staci 50% nekdy i mene) a jeji velikost kontroluj v okne nahledu. To plati pro fotografie. Pro grafiku jako ksou tlacitka, ruzne ramecky apod pouzijklidne gif, uklada jen ve 256 barvach, ale pokud nejsou pouzity nejake barevne prechody tak to vubec nevadi (ovsem setri velikost souboru).

Proč používat gif, když png zvládne tu samou práci minimálně stejně dobře, častokrát však lépe? Formát png omezením na 256 barev netrpí.

Nejde o to jestli obrazek necim trpi nebo ne. Tlacitka a podobna grafika v drtive vetsine pripadu neobsahuje zdaleka ani tech 256 barev a na to staci 8 bitu = 1 byte pro kazdy pixel. Pokud ulozite obrazek ve vetsi barevne hloubce, bude pro kazdy pixel potreba 2 byte, coz ma za nasledek zvetseni vysledne velikosti souboru pri naprosto stejnem vzhledu. Navic starsi prohlizece jako IE4 (i ty se doposud pouzivaji) format png neumi zobrazit.

PNG je podporován (bez alfa kanálu) od IE 4.0b1. Stále mně není jasné, proč používat GIF, když je zde mnohem lepší formát PNG. S barevnou hloubkou operujete poněkud nepřesně.Indexované zobrazení umí GIF i PNG. Je rozdíl mezi barevnou hloubkou (jaké barvy mohou být zobrazeny) a velikostí palety (kolik barev může být zobrazeno současně). Barevná hloubka u indexovaného PNG je vždy 24 bitů, velikost palety je omezena 1, 2, 4 nebo 8 bity. Pokud zvolím větší paletu, než má obrázek barev, nic se neděje, přebývající místo v paletě nebude použito a velikost obrázku se *nezmění*. Při indexovaném zobrazení totiž úplně neplatí, že co pixel, to např. 8 b. Použité Huffmanovo kódování totiž přiřazuje používanějším barvám méně než 8 bitů, méně používaným více jak 8 bitů.RGB zobrazení umí jenom PNG a to v barevné hloubce v RGB 24 a 48 bitů, případně ještě může být přidán 8bitový alfa kanál.

Tak díky všem za odpovědi ...ještě něco mám na srdci v jakém formátu uložit pozadí? Odkaz na obrázek který představuje ono pozadí: http://mrsmikulov.tym.cz/img/pozadi.png/Jak je vidět na odkazu, uložil jsem ho v PNG, ale je hrozně veliký

XAT Image Optimizer - obsahuje specialny algoritmus, kt. vie znizit velkost suboru bez viditelnej straty kvality. Fakt stoji za to.