Malý článek o formátu JPEG, kompresi, zmenšováni a rámečcích


Václav Širc | : - | POSLAT ZPRÁVU


Zmenšování

Řekněme že chceme ve výsledku obrázek o velikosti 680*něco bodů aby nám zbylo trošku místa na vrchol našeho snažení - rámeček. Obrázek který chceme upravit bude mít velikost třeba 2500*2000 bodů. No a dáme se do toho. Proces zmenšování proběhne ve dvou krocích a celou tu habaďúru budeme ještě kombinovat s průběžným doostřováním. Fotku prostě normálně přeostříme správným nástrojem(buď sharpen, nebo sharpen more) podle potřeby. Následně zmenšíme na rozměr 1360*1088(1360 protože požadova-ných 680*2=1360). Opětovně přeostříme a opět bereme jeden z nástrojů sharpen, nebo sharpen more. Zmenšíme na výsledných 680*544. Pokud je obrázek přeostřený tak místo sharpen more volíme v jednotlivých krocích sharpen. Pokud ne můžeme naopak v jednotlivých krocích přidat a místo sharpen, volíme sharpen more. Nyní máme obrázek ve finálním rozměru a ještě ho jemně doos-tříme(pokud to je ještě potřeba). Pomocí CTRL + J duplikujeme aktuální vrstvu, na ní aplikujeme filtr sharpen. A poté u přeostřené vrstvy snižujeme průhlednost tak dlouho, dokud se nedostaneme na ideální ostrost. CTRL + E nám vrstvy opět „flatne“(tady mi došla čeština - prostě vyšší vrstvu připlácne na nižší) a máme to ...

PS1: Při zmenšování používáme metodu bikubická interpolace, pokud někdo používá nějakou lepší tak ať u ní samozřejmě zůstane, jinak tato metoda je v PhotoShopu ta nejlepší defaultní.

PS2: Zmenšuje se po krocích ze dvou důvodů. 1) Zahlazujeme výsledky průběžného doostřování. 2) Z podstaty požitémetody. Kroky zmenšování by měli být celočíselné násobky(ještě lépe mocniny 2) výsledné velikosti fotografie.

Rámeček

Konečně se dostáváme do fáze, kdy se každý může vyřádit a vytvořit si rámeček ... z předchozího odstavce máme obrázek o rozměrech 680*544. Doděláme si tedy jednoduchý rámeček do rozměru 700*564. Na pozadí aktivního nástroje - v paletce tools takové ty dva čtverečky přes sebe, které určují jakou barvou budeme malovat, si nastavíme černou. Pomocí CANVAS SIZE pod položkou EDIT na horním řádku menu změníme velikost obrázku na 686*550. Potom změníme barvu pozadí na bílou a opět pomocí CANVAS SIZE změníme velikost na 688*552. A nakonec opět černou na pozadí a CANVAS SIZE a velikost 700*564. Pokud jste tento postup pro-vedli správně tak se vám kolem Vaší fotografie utvořil černý rámeček s tenkou černou ostrou jednobodovou linkou.

PS: Rámeček se dá pochopitelně tvořit i jinými metodami. Takto vytvoříme rámeček na vrstvě Background a bílá linka bude vycen-trovaná. Pokud si vybere jinou metodu, je to jen na Vás.

Uložení pod 100kB - ach tak komprese

Dovolil bych si doporučit pro potřeby webu ukládat JPEGy v PhotoShopu pomocí funkce CTRL+ALT+SHIFT+S - Save for web. Tímto způsobem soubor uložíte bez exifu a jiných „nepodstatných“ informací, čímž ušetříte pár kB. Zaškrtneme volbu Progessive, která dává obecně nejlepší výsledky ohledně velikosti výsledného JPEGu a stupeň komprese regulujeme po procentech tak, abychom se dostali velikostí těsně pod požadovaných 100kB.

Něco málo navíc o kompresi ve formátu JPEG

Asi největší problém je s barvami(nebo alespoň pro mne osobně), které mají tendenci jakoby vyblednout. Lehce přesaturovat - řeší problém jen z části, protože tento jen vzniká převodem do jiného barevného prostoru než je RGB a „sléváním“ do barevných bloků 4x4 v jedné části úpravy fotografie před samotnou kompresí. Dalším problémem bývá velmi ostrý strukturovaný objekt a jednolité pozadí s velmi jemným gradientem. Neduhy v tomto případě vypadají jako „JPEG artefakty“ kolem ostrých hran a čtverečkované pozadí. Pomůže zrno, nebo drobný šum aplikovaný na pozadí nebo celou fotografii. Problém spočívá v tom, že komprese je řešena vlastně dělením kvantizované matice a místa kde jsou plochy a jemné přechody mají podobu velmi malých čísel, kde bezezbytkovým dělením prostě přicházíme o velmi podstatnou část informace. Ztrátě detailů se dá trochu předejít lehkým přeostřením ... opět to není stoprocentní řešení. Jen na okraj bych si dovolil vysvětlit že SW přeostření není to samé co ostrost „normální“ ... Je to vymyšleno tak, že ostřící algoritmus na neostrou hranu vedle sebe vkládá bílou a černou ... tím vzniká „dojem“ kontrastu ... JPEG si s tím obecně po-radí velmi špatně - tudíž detaily zachová. Pozor, pokud toto použijeme, jdeme dolů s kompresí, tudíž se více projeví artefakty na jed-nolitých plochách. A asi by bylo na místě doplnit, že ostrá fotografie se lépe komprimuje než fotografie doostřovaná softwarově ...




ZOBRAZIT VŠECHNY PŘÍSPĚVKY

PROFIL AUTORAJana Berková | 12:03:07 14.10.2018 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Můžete mi podrobně vysvětlit postup vložení nové ikonky,pokoušela jsem se,ale stále se mi to nedaří,objeví se mi chyba při nahravání ikony nevím co dělám špatně,děkuji.

PROFIL AUTORAIva Dromníková | 07:27:42 20.08.2009 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Na photopost jsem vložila první fotografie a tak velice děkuji za rady, jak zmenšovat fotografie. Příště mi to usnadní práci. Přeji příjemný den Iva Dromníková

PROFIL AUTORADrahomír Stehlík | 14:00:43 27.01.2009 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Oprava: nejedná se o "50 až 70px", ale o kB

PROFIL AUTORADrahomír Stehlík | 11:46:08 18.12.2008 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

A co takhle zhotovit tentýž záběr ještě jednou, ale s nastaveným rozlišením 640x480 px, který pak uložím jako kopii ve kvalitě 85 bez EXIFu, jako nejmenší soubor. Dostanu se tak na 50 až 70px a ušetřím tak spoustu času u PC. Základ je samozřejmě správně exponovaný a ostrý snímek, ale i při dodatečných úpravách (kontrast, WB, úrovně) se pořád držím pod 100 kB. Využít se dá taky jenom u statických snímků. Také není problém s případným jemným doostřením pokud je třeba.

PROFIL AUTORAAleš Pouzar | 14:13:56 08.11.2008 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

na co tak slozity navod? to prubezny zmensovani a doostrovani mi prijde zbytecny... na tak malem rozmeru (700px) nemuze lidske oko poznat viditelny rozdil. fotku dela hlavne dobra komprese. navic ne vzdy jde zmensovat po nasobcich dvou, delam-li z fotky jen urcity vyrez. tot muj nazor:)

PROFIL AUTORAPan Smazaný | 11:42:46 31.08.2008 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Ďakujem za rady, na tie rámčeky sa budem predsa len musieť dať, nemám pre to cit, tak sa potrápim a nakoniec: konečne výstižný a neunavujúci článok o zmenšovaní!

PROFIL AUTORARooker Standa | 18:52:13 14.08.2008 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Díky za rady

PROFIL AUTORAKristina Letkova | 12:31:56 20.05.2008 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Konecne rada, sice mi to este nedochadza, ale precitam to zopar krat viac a snad blikne ;-) Dakujem velmi pekne...

PROFIL AUTORAMagdalena (marrot) Kořínková | 22:30:31 04.11.2007 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Taky díky Janu Pernicovi za skript do GIMPu. Moc mi to pomohlo. Jen při čtvercovém formátu to fotku deformuje a fotku na výšku taky - takže před zmenšením otočit na šířku ... a pak zpět ...
Jinak super.

PROFIL AUTORAJaroslav Tvrdý | 17:58:37 18.02.2007 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

No ja v gimpu jemne zaostrim, zmensim na 1. sup a pak doostrim.
Jinak mnohem lepsi algoritmus je "Lanczos" ... ale ten umi az beta Gimpu nebo ImageMagic ... ktery je na tohle imho spicka, zvladne i doostrit pres masku vcetne ramecku a to hromadne pro libovolny pocet fotek.

Jinak u toho prekryvani vrstev si nejsem jisty, je sice pravda, ze photoshop nema zadaleka tolik fci na doostreni jako Gimp, ale ja ostril pres masku a pak pruhlednosti masky korigolav, ale nakonec jsem skoncil u pluginu unshrap2, ktery se mi zprvu zdal nepouzitelny az jsem zjistil, ze je vlastne nejlepsi a nic lepsiho uz neznam, taky ostri pres masku.

Kazdopadne o postupnem zmensovani jsem cetl, nekdy prubnu, za budu mit novy fotak s velkym chipem a ne KM A1 s 5Mpx (uz za par dni ;-)) )

PROFIL AUTORAGabriela Malaníková | 20:32:59 08.02.2007 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

no, sice pouzivam jiny program, ale i tak mi to moc pomohlo. takze autorovi skladam vrele diky. nerekla bych, ze je to moc slozite, kdyz jsem to pochopila ja, tak uz musi vsichni:-)

PROFIL AUTORAAleš Kuban | 16:50:51 06.02.2007 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

hm díky za radu, ale je to trochu moc na mne složité- hlavně ,když ten program nemám a dělám to v něčem úplně jiným, ale všechno to vyzkouším, až se k něčemu dopracuji- programu Díky a zdravím Aleš.

PROFIL AUTORAAnna Hrnčířová | 12:42:50 17.12.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Je to na mě hrozně složitý,prozatím jsem ráda že jsem zvládla zmenšování,musím se ještě hodně učit. Hezký den a moc díky.

PROFIL AUTORAPetr Adam /cvak/ | 08:14:37 28.11.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Já jsem s tímhle článkem dost spokojenej a taky podle něj už dost dlouho upravuju. Souhlas s Robertem.

PROFIL AUTORARobert Mekiš | 09:05:02 11.10.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Metoda funguje. A to velice úspěšně. Také jsem si ji adaptoval pro svoje potřeby a krapet doladil.

Jsem docela překvapen tolika negativními reakcemi. Nechci se ani domýšlet jaký lidský neduh za tím vším může vězet.

PROFIL AUTORAĽubomír Pištek | 17:21:24 09.08.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

No používame aj iné nástroje (ja osobne Gimp a IrfanView), ale obecné pravidlo môžem potvrdiť, zmenšovať celočíselnými násobkami (skutočne najlepšie mocnonou 2), ak sa nedá tak minimálne posledný krok by mal zmenšovať presne 2-krát väčší formát (niektoré nástroje majú na toto tlačítko "HALF"). Niektorí sa tu čudujú nad priebežným doostrovaním. To posledné doostrovanie na výslednom formáte nechám na každého uváženie, ale najlepšie výsledky sú, ak sa skutočne počas tých medzikrokov mierne doostruje, lebo zmenšovanie má tendenciu "blur-ovať" obraz. Zároveň ale upozorňujem, že pri zväčšovaní takýto postup neplatí. Dobré výsledky mám pri zväčšovaní krokom o 20-25% bez priebežného doostrovania. Ale pri zväčšovaní si oveľa viac ako pri zmenšovaní treba dávať pozor na voľbu algoritmu resample-ovania (nie resize-ovania). 6 zabudovaných algoritmov napr. v Ifranview: Hermite, Triangle, Mitchell, Bell, B-Spline, Laczos dávajú trochu rozdielne výsledky a niektoré sa hodia viac na zväčšovanie a niektoré na zmenšovanie. V tomto už nemám viac informácií, ale z mojej skúsenosti napr. pri zväčšovaní mi dávajú dobre výsledky filtre: BELL, Triangle pripadne Mitchel (trochu viac bluruje) ale určite nie Lanczos (robí "károvanie" v obraze) a naopak pri zmenšovaní najlepšie výsledky mám s B-spline alebo Lanczos filtrami. Bol by som zvedavý aj na názory ostatných, najmä čo sa týka výberu metódy resamplovania fotiek. A ak niekto odpovie na tento môj príspevok, prosím nech mi dá avízo do pošty, pretože zatiaľ neexistuje avizovanie tu na PP k článkom.

PROFIL AUTORAVladimir Taraba | 15:08:09 29.07.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

vysledny efekt takehoto ostrenia je urcite zly....sorry ale pracujem ako grafik a ty popisujes ako fotku zabit preostrenim.

PROFIL AUTORAStanislav Vacl | 09:05:37 23.07.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

diky za clanek a Janu Pernicovi za script do GIMPu :),......

PROFIL AUTORAJiří Březina | 16:40:37 18.07.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Ten článek určitě nepopisuje jedinou možnou cestu (sám s úspěchem postupuju trochu jinak), ale takhle to taky slušně funguje a poznámka Tomáše R. o výhodách acdsee před photoshopem mě udivila. Nejde mi do hlavy, že by si nevšiml tak základní věci, jako že v PS se dá nastavit nejen přesné procento komprese, ale i limit velikosti výstupu, samozřejmě ne v Save As, ale ve webexportu, což je ovšem jediný rozumný způsob výroby jpegů pro web. :(

PROFIL AUTORAPan Smazaný | 03:33:25 16.07.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

no k tomu ostreniu mi to pride ako riadna sprostost...ked uz silou mocou chcem nieco perfektne zostrit tak to doostrim na originaly a potom uz iba v tej zmensenej fotke a to staci,,a netreba tri krat zmensovat ze vraj na odstranenie stop po ostreni to je hlupost..stopy nenarobim nijake ked budem ostrit cez vrstvy..dam original,potom vrstvu na to..tu doostrim na to ako ma byt ..skryjem vrstvu,hide all a bielym stetcom vytiahnem iba to co ma byt ostre..na fotke potom nevznika zbytocny sum ktory iba zabera vela kilobajtov zbytocne,a potom nemusim z fotky zbytocne uberat kvalitu aby sa sem zmestila..a dalsia vec s ttm zmensovanim na kilobajty..najlepsia vec aka na to existuje je acdsee z roku asi 1998 ..tam sa daju presne nastavit percenta od 1 do 100 po dednom kdezto vo fotosope je iba nejakych 12 krokov co mi pride fest obmedzene..a ked som aj porovnaval fotku ktoru som vtesnal na 100 kb vo fotosope a v acdsee tak vysledok bol ovela kvalitnejsi z acdsee a preco?? lebo napriklad pri kroku ukladania v kvalite 5 som mal obrazok velky 110kb co je vela a pri kroku 4 som mal uz nejakych 40kb co zas mne pride malo..v acdsee si dam tolko percent kolko potrebujem presne a vzdy maju moje fotky okolo 96 kilobajtov..cize asi tak..dobru noc.tento clanok mi pride velice blby a zavadzajuci,ale aspon si dal niekto namahu a napisal daco :)

PROFIL AUTORAMarián Moravčík | 21:33:24 14.07.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Dobrý článok, vďaka

PROFIL AUTORAPetr Adam /cvak/ | 17:40:23 13.07.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Tomáš Jehlička: Asi máš fakt dost dlouhý vedení, protože podle toho článku fotky vyjdou perfekt a není to nic těžkýho

PROFIL AUTORATomáš Jehlička | 17:15:41 08.07.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

sory,ale tenhle článek mi vůbec nepomoh...asi mám hodně dlouhý vedení

PROFIL AUTORAKristýna Svobodová | 09:35:55 25.06.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

ja jsem z toho jelen... a nebo jsem osel?? no nic.. tak treba priste

PROFIL AUTORAJan Kalát | 16:13:44 19.05.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

to nrechapu

PROFIL AUTORAJiří Březina | 19:30:08 23.04.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Extra nepovedený příklad, zrovna Macromedia je už pár měsíců koupená od Adobe. :(

PROFIL AUTORATomáš Ježek | 00:40:45 17.04.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

To: Tomáš Říhošek: a jak jsi na to přišel? To někdo prohlásil, že nic jiného než Photoshop se nepoužívá? Ale, používá.... Photoshop je snad nějaký druhý Bill G.? Adobe má samozřejmě konkurenci, tou je třeba Macromedia...

PROFIL AUTORAaa* tomáš řihošek | 23:01:31 16.04.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

TJ: ano, photoshop má v tomto oboru monopol. blik ;)

jinak docela nechápu článek, kterej se zabejvá kompresí fotek a nezmíní jpeg mask. takže to zmínim aspoň já: jpeg mask ;), dobrá věc.

PROFIL AUTORATomáš Ježek | 00:56:00 16.04.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

Clanek pekny, ale zajimalo by me, proc autor automaticky predpoklada, ze vsichni maji jen Photoshop a nic jineho. Bez jakehokoli uvodu se je vsechno psano jen pro Photoshop. Photoshop ma snad nejaky monopol? Ja treba pouzivam Paint Shop Pro, ktery je myslim pro tyto ucely a hlavne pro upravy fotek naprosto idealni, nektere funkce ma dokonce srozumitelnejsi..

PROFIL AUTORAMartin Srnec | 20:34:03 24.03.2006 | : - | POSLAT ZPRÁVU VLOŽIT AUTORA DO BOOKMARKU

já sem na upravování fotekzatim úplnej ekvivalent...