Zmenšení obrázků v prohlížeči
Školení, která pořádám 
- 29.9.2010 Návrh a používání MySQL databáze
- 30.9.2010 Úvod do PHP
- 1.10.2010 Programování v PHP 5
- 4.10.2010 JavaScript a AJAX
- 5.10.2010 Knihovna jQuery a AJAX prakticky
- 6.10.2010 Výkonnost webových aplikací
- 7.10.2010 Konfigurace a výkonnost MySQL
- 8.10.2010 Bezpečnost PHP aplikací
Pokud na server nahráváme obrázky a chceme omezit jejich rozměr, můžeme je zmenšit na serveru. Problém s tímto přístupem je v tom, že se obrázek musí na server nahrát celý, což jednak dlouho trvá a jednak to může narazit na limity velikosti nahrávaných souborů. S neustále narůstajícím rozlišením fotoaparátů to je čím dál větší problém. Ideální je proto obrázky zmenšit už na straně klienta.
Osobně k tomu používám editor obrázků, to je ale poměrně komplikované a pro běžné uživatele prakticky nepoužitelné. Před rokem mě napadlo, že ideální místo pro zmenšení obrázku by byla extenze v prohlížeči. K mému překvapení jsem ale tehdy žádnou nenašel.
Dnes jsem si řekl, že bych se do napsání této extenze možná přece jen pustil. Ověřoval jsem pro jistotu, jestli jsem loni hledal správně a simsalabim – objevil jsem extenzi Shrunked. Podle všeho je stará (nebo přinejmenším známá) asi týden. Kdybych si trochu pospíšil, mohl jsem udělat něco užitečného, takhle to mám zase bez práce…
Extenze je navržená obstojně. Vytknul bych jí to, že zmenšuje jen obrázky JPG a ignoruje ostatní formáty a že všechny obrázky ve formuláři zmenšuje stejně. Za přínosnou naopak považuji možnost ve formuláři určit požadovanou velikost obrázků.
Diskuse
pojízdná kočka:
Vida ho! Pokud se pamatuju, na builder.cz se jednou dobou toto řešilo, a konsensem byl flashový plugin + slabá bezpečnost nastavená v prohlížeči. Takže nic moc..pojízdná kočka:
pardon, ne flashový plugin, ale Flash. A i tak by procento uživatelů, kterým by to fungovalo, bylo malé.No, a ještě bych dodala, že s tím, jak přibývá běžných Frantů uživatelů, kteří na internet klidně nahrávají neupravené několikamegové fotky přímo z desetimegapixelových foťáků, tak něco takového je potřeba jako sůl. Za pár let něco takového bude existovat i pro videa…
Sniper:
Bohuzel to neresi problem s nahravanim velkejch obrazku - pokud klient ten addon nema nainstalovanej (nebo nepouziva FF), stejne musi nahrat na server obrazek v originalni velikosti. Ano, je to uzitecny o tom vedet a pokud treba clovek dela fotogalerii, kterou bude moct plnit jenom admin, tak do pozadavku ten plugin dat. Ale pro verejnou cast mi to prijde nepouzitelny. Nebo jsem neco prehlidnul?
Jakub Vrána:
Ano, je to určeno hlavně pro administrační rozhraní, kde se to oprávněným uživatelům nainstaluje. Ve veřejných rozhraních se to dá uživatelům doporučit, ale nedá se na to spolehnout – serverová část je nezbytná v obou případech.
js:
vím, že je to trochu z bláta do louže, ale zkuste se mrknout na javový opensource JUpload. je to asi trochu divoce napsané, ale je vidět, že to postupně co do funkčnosti upravuje praxe (ftp, http, oprávnění, rozsekání velkých souborů na kousky). s posledními verzemi mám docela dobrou zkušenost. http://jupload.sourceforge.net
Petr Lněnička:
Výborný tip, díky. Jen pro zajímavost - klientům ukazujeme použití BIMPu (http://cerebralsynergy.com/download.php?view.52) - hromadně zmenší fotografie v celém adresáři.
Jakub Vrána:
To byla má první myšlenka a bylo by to ideální řešení, ale JS se nedostane k souborům na disku uživatele.
Lukyer:
Ja zase pri uploadu obrazku doporucuju klientovi pouzit http://mypictr.com/?size=80x80 ... jednoducha a velmi intuitivni sluzbicka a zdarma ... V JS se moc neorientuji, ale kdyby umel zjistit rozmer uploadovaneho obrazku(coz asi tezko bude mit pristup k takove "nebezpecne informaci"), tak by se to mohlo sikovne skloubit ... Jakub Vrána:
Bohužel zůstává ten problém, že se celý velký soubor musí přenášet na server (i když cizí).
mach:
Jen bych upozornil, ze na obrazcich s prilis velkym rozlisenim muze umirat i gd2 knihovna a neda se to odchytit zadnou (mne znamou) PHP-ckovskou cestou pro kontrolu chyb.matak:
odchytit se to dá http://www.webfaq.cz/clanek/Allowed-memory-…-2558-bytes
Bohumír Bednařík (BoboCop):
Na zmenšování obrázků používám Picasu od Googlu a jsem s ní naprosto spokojen. Umí obrázky zmenšit dávkově a poměrně rychle (podle počtu obrázků a zřejmě i podle jejich velikosti) a navíc si poradí i s obrázky/fotkami "na výšku" (na rozdíl od některých programů, se kterými jsem se setkal). Práci s ní IMHO zvládně i BFU, protože je to prakticky jen o klikání. Takže stačí takového BFU naučit používat jednoducchou funkci programu Picasa a je vystaráno.
v6ak:
// Snad ty reakce fungují už i v Opeře miniTen přístup na disk bude asi jediný problém.
BTW neznáte někdo nějaký způsob, kterým může JavaScript zjistit postdata? Pokud ano, pak možná mám trik.
KarolF:
Ja pouzivam na hromadnu upravu IrfanView. Umoznuje zmenu percentualnu a aj na zadane rozmery.Martin Kopta:
Mě trochu zaráží název webu, odkud ten add-on pochází. Většinou se snažím neinstalovat něco, co si říká dark trojan. :-) Jakub Vrána:
Schválně jsem zdrojový kód prohlédl a na žádný problém jsem nenarazil. Alespoň zatím, dokud se to nestane populární, pak v automatickém update třeba něco přijede :-).
Jan Kadeřábek:
Myslím, že lepším řešením (nezávislost na prohlížeči, bez nutnosti instalovat rozšíření) je použití java appletu nebo flashe, který to zmenší na straně klienta a uploaduje.Něco jako je tohle http://upload.thinfile.com/image/
Bohuželva (pro chudáky jako jsem já) jsem nenašel nic bezplatného.
