Jak na hromadný vodoznak?

11.1.2010 19:00 | Přečteno: 4654× | pocitac | | poslední úprava: 11.1.2010 18:56

Manžel si koupil doménu pro svou živnost. Konečně! Říkám si. Ale protože není moc počítačově zdatný, požádal mě, abych mu vytvořila internetové stránky. Chtěl naprosto a úplně jednoduché. Nic zvláštního, ani animovaného, hýbajícího se, poskakujícího, atd.

Vytvořené stránky, řádně validní, už jsem měla, což o to. Ale jak na takovou obrovskou hromadu obrázků dostat vodoznak? Já vím, že znalci mi odpovědí: „Na to je přece nejlepší skript!“ No ano. Ale já až zas tak velký znalec nejsem, abych ho mohla napsat vlastními silami. Proto jsem se obrátila na všemocný web s tím, že tam najdu určitě to, co hledám. A nehledala jsem ani moc dlouho. Na stránce Tux Tweaks jsou dva velmi povedené skripty, které mé požadavky splňují na sto a jedno procento. Jeden na obrázky vloží vodoznak přímo, ale druhý skript vytvoří jejich kopii s přidáním -_wm. Po zkopírování skriptů, úpravě cest a vytvoření toho „správného“ souboru s vodoznakem jsem skript vyzkoušela na malém vzorku obrázků. Pokus se povedl na jedničku. Bylo jen třeba přepsat velikost vodoznaku na 100 %.

Používám prostředí Gnome a Nautilus umí skvěle používat skripty pod pravým tlačítkem myši. Oba skripty jsem vybavila spouštěcím příznakem a pak zkopírovala do ~./gnome2/nautilus-scripts. Kdo miluje příkazový řádek, může si oba skripty nakopírovat do ~/bin a používat je přímo z terminálu. Spouštěcí příkaz je pak jasný: buď wm-new nebo wm-ow. Nejprve je ale nutné se přemístit do složky se zamýšlenou úpravou obrázků.

Obrázky byly skriptem vybaveny potřebným vodoznakem a pak nakopírovány na web. Dílo se povedlo a bylo vše za chvilku hotovo. Pak mě napadlo: „Jak tohle řeší uživatelé Windows?“ Třeba mi někdo odpoví – kdo ho používá. Já už ho nemám hodnou řádku let a nedovedu si představit do cca 200 obrázků dávat vodoznak po jednom. To by bylo na (sebe)vraždu.

       

Komentáře

[Michal Kubeček]

Tam na to nejspíš bude funkce v nějakém chytřejším prohlížeči obrázků. Nebo to nejspíš půjde nějak zautomatizovat i v tom Photoshopu, který má každý správný windowsák koupený, protože není holý zadek jako uhrovatí klučíci, co si hrají s Linuxem. :-)

[Mandarinka]

Windows: XnView (což je mimochodem moc dobré prohlížedlo, jen pozor na prastarý unixový port...).

[kotyz]

je i novej unixovej port, ale zatim beta. uz nevypada jako ze stredoveku, ale stabilni prilis neni. je to XnViewMP beta 0.21 a staci to stahnout, rozbalit a spustit (a cekat na segfault ).

[kotyz]

Přílohy:

• xnview-mp-1.png (940300 bytů)
• xnview-mp-2.png (937244 bytů)
• xnview-mp-3.png (79495 bytů)

Pro lepsi predstavu prihodim par screenshotu. Vypada to fakt pekne (GUI je v Qt4) a behem myho kratkyho testovani mi to ani nespadlo (asi od posledka ty nejvetsi bugy vymlatili).

[Heron]

Teda musím říct, že zatímco před mnoha lety v mém okolí měl Photoshop bez licence na svých Windech (bez licence) tak dnes je situace přesně opačná a ti, kdo Photoshop mají, jej mají skutečně koupený. Možná je to pouze tím, že jsou starší a mají na něj prachy.

[kotyz]

mozna je to i tim ze driv stal photoshop 60 klacku a dneska jenom 20

[=^..^= AmigaPower®]

„Jak tohle řeší uživatelé Windows?“

jednou jsem v práci (widle) potřeboval nacpat logo chovný stanice asi na 20 obrázků koček, pro nějakej kočičí server a nechtělo se mi to dělat po jednom v gimpu. Odpověď je jednoduchá, maj pro to spoustu programů, stačí mrknout třeba na slunečnici...

[Michal Kubeček]

Pravda, to je taky varianta. Stáhnou si jeden z padesáti shareware watermarkerů, které jim hromadně zwatermarkují celý adresář a jako bonus nainstalují nějakého toho trojáka nebo spyware. :-)

[=^..^= AmigaPower®]

a jako bonus nainstalují nějakého toho trojáka nebo spyware.

LOL!

[kotyz]

a uzivatel bude jeste slintat blahem ze to ma zadarmo

[Non_E]

Pak mě napadlo: „Jak tohle řeší uživatelé Windows?“

Pokud jsou trochu normální, tak jim watermarkuje přímo webová prezentace nebo systém na serveru při zpracování dat. Watermarkovat ručně více než pár desítek obrázků musí být na hlavu. Nehledě pak na situaci, kdy je potřeba watermarkování změnit (úprava loga firmy, lepší zabrání prostoru atd.).

[prandtlova trubice]

... Nehledě pak na situaci, kdy je potřeba watermarkování změnit (úprava loga firmy, lepší zabrání prostoru atd.) ...

+1

Zduvodneni: sotva 25 a uz inzenyrske mysleni. Obdiv.

[zenhas]

No, já byh to dělal takto:

vytvořil bych si obrázek s vodoznakem a pak na adresář s obrázky pustil composite z imagemagicku

for obrazek in *.jpg
do
  composite -compose bumpmap -gravity southwest vodoznak.jpg $obrazek `basename $obrazek .jpg`_wmark.jpg
done

-gravity říká, kde v obrázku se vodoznak otiskne.

jak prosté milá Watsone. :)

[zenhas]

samozřejmě bych ten vodoznak.jpg umístil jinam. to je ale detail. příklad byl ilustrační. :)

[amigapower]

...a vůbec, předveď se z linkem na tu stránku

[IrenaS]

No - dívala jsem se led na některé fotky (protože fakt nebyl čas) a potřebovaly by některé trošku "dotáhnout". A taky - jde fakt o naprosto jednoduché stránky

[otasomil]

>>>A taky - jde fakt o naprosto jednoduché stránky

V jednoduchosti je sila.

Ukazte  ...

[amigapower]

A taky - jde fakt o naprosto jednoduché stránky

Přesně tak! Blbý pindy nikdo mít nebude, to mam vyzkoušený

[Luk]

Pak mě napadlo: „Jak tohle řeší uživatelé Windows?“

Uživatelé Windows mohou využít například XnView (pro nekomerční použití zdarma, pro komerční za 26 €; je mimochodem k dispozici i pro GNU/Linux a mnoho dalších systémů, byť ne v úplně nejnovější verzi a s mizerným GUI). Přidání vodoznaku pomocí operace Dávková konverze je skutečně hračka. XnView lze kromě klikání také skriptovat.

[IrenaS]

To jsou mi věci! Od té doby, co Windows nepoužívám, nějak pokročil, ale neměnila bych za nic na světě . Mám ráda svobodu volby . . .

[Grunt]

Windows těžko. Programy na něm používané určitě.

[Grunt]

Jediné slovo: ImageMagickem.

[Grunt]

Jen bych dodal, že cyklus v dané složce pro všechny png by vypadal nějak takto:

for a in *.png;do convert $a $a_wm.png;done

Kde $a bude nahrazeno jménem jednotlivého souboru.

[IrenaS]

Právě ImageMagick skript používá k vytvoření vodoznaku. Buď si budu pamatovat celý příkaz (to mi asi nehrozí) nebo budu používat skript, který jen spustím (to už je lepší)

[Grunt]

Však právě v tom odkazu co jsem postnul jsou ukázky použití a dokonce tam kdesi je sbírka skriptů s ImageMagickem a dost bych se divil, kdyby tam nebylo nic pro hromadný watermarking.

[otasomil]

Uzivatele win to resi uplne stejne. Pouziji vyhledavac k nalezeni vhodneho nastroje.

Platforma vubec nehraje roli.

Nevim proc hyzdite obrazky (fotografie) vodoznakem. Kazdopadne je to Vase vec a vizitka.

Mene je vetsinou vice.

Nahodte link te stranky pls.

[IrenaS]

OK. www.kamnarstvi-kominictvi.cz
Chci jen podotknout, že manžel si ty vodoznaky opravdu takto přál! Ví že se krade - je to smutné, ale je to tak. I práce druhých

[otasomil]

No dyd to mate pekny. I source je cisty.

Popravde receno porad je jednodussi u nejakych dvaceti fotek vyretusovat Vami pridany vodoznak nez jit nekam si nafotit kamna ci obecne jakekoli vyrobky.

[amigapower]

porad je jednodussi u nejakych dvaceti fotek vyretusovat Vami pridany vodoznak nez jit nekam si nafotit kamna ci obecne jakekoli vyrobky.

LOL! ty si kokot! ROFL!

[otasomil]

No fakt. Zvednout Pr**l a jit do kvelbu s kamnama tak asi budu retusovat ....

[Michal Kubeček]

Kdo si to nikdy nezkusil, tomu se těžko vysvětluje, že udělat dobrou produktovou fotografii není zase taková legrace, jak to na první pohled vypadá.

[Kvakor]

Udělat použitelnou produktovou fotografii malého předmětu doma v improvizovaném ateliéru není zast tak velký problém, ale udělat použitelnou prouktovou fotografii dvoumetrových kamen v místě jejich instalace bez toho, aniž by si člověk sebou tahal stativ, světla a/nebo odrazovou plochu je opravdu oříšek. Nejhoší vůbec jsou velké světelné kontrasty (např. ta kamna proti oknu) a vyvážení bílé, hlavně u více různých světel (resp. světel s různou barevnou teplotou) a barevých stěn (ješte, že stropy jsou většinou bílé).

Zatím nejlepší výsledky jsem měl s postupem, kdy předmět fotím (mini)stativem, s použitím systémového blesku odpáleného do stropu nad focený objekt. Sice je nutné udělat několik (desítek) zkušeních záběrů, abych našel optimální kombinaci, ale vybavení je relativne lehce přenostné (hlavně v případě ministativu) a jde použít ve většině světelných podmínek (tedy pokud zrovna nejste v roubené chalupě, co má strop z věkem zčernalých trámů a za oknem vedle foceného objektu zrovna zapadá slunce ).

[IrenaS]

Třefil jsi do černého - je to přesně tak. Je opravdu obrovský problém udělat dobrou fotografii a to vůbec nemluvím o kvalitní fotografii. Když manžel dodělá práci a donese mi fotky, vím, že mě čeká několikahodinová práce. I když je to jen pár obrázků. Někdy vykřesat z toho, co donesl, použitelný obrázek - to jsou galeje.

[amigapower]

Stránky jsou přesně takový, jaký maj z pohledu zákazníka být Co se týče "vodoznaku", použil bych poloprůhledný "prostorový písmo" (černá hrana/bílká hrana) bez vyplnění a asi i šikmo, ale to je jen můj soukromej názor a tohle řešení špatný taky neni.

[IrenaS]

Tak to jsem taky řešila - jaké písmo? Jakou barvu? Některé obrázky jsou skoro celé bílé, jiné jsou úplně tmavé. Ale to s tou hranou je celkem dobrý nápad. Pouvažuju nad tím - vážně.

[amigapower]

chce to zkusit si to a chvíli nad tím posedět, za tohohle předpokladu bych zkusil: levá a horní hrana 2pxčerná, 1pxbílá - pravá a dolní hrana 2pxbílá, 1px černá, nebo tak něco, bude to zákonitě vidět dobře všude, otázkou zůstává celkový dojem, vyzkoušený to nemam, ale snad to nebude jak pěst na oko

[IrenaS]

Dík za tip a určitě to vyzkouším a dám vědět

[Kvakor]

Co se týče "vodoznaku", použil bych poloprůhledný "prostorový písmo"

Nebylo by lepší roznou použít poloprůhledný vodoznak, jako má např. stanice HBO u svého loga? Funguje téměř na všech typech fotek a ruší minimálně. V GIMPu to není problém udělat a ImageMagick alpha blending umí.

[Dave]

Jo, stránky jsou fajn, ale jednu výtku bych přece jen měl... v tom vodoznaku má být místo spojovníku pomlčka...

[kuly]

A jakpak se z obrázku, na kterém není obojí, pozná co tam je?

[Michal Kubeček]

Podle délky. Pomlčka by např. neměla být užší než běžné písmeno, spojovník by naopak užší být měl.

[Grunt]

Ono je s nimi hlavně potřeba opatrně a pečlivě. Hlavně pokud jsou originály dostupné pouze jako JPEGy. Nejlíp by najít nějaký způsob jak to do toho bezeztrátově zakomponovat.

[IrenaS]

Ty odkazované stránky, cos mi nabídnul, vypadají dobře!
Já si s vodoznakem hraju dlouho, ale je pravda, že nejsem zvlášť vynikající grafik. Některé obrázky mám jen jako jpg, ale část jich je v raw; všechny jsou zálohované

[Grunt]

Některé obrázky mám jen jako jpg, ale část jich je v raw

Tak to potom jo. Nejhorší co je možné udělat je mít už ty obrázky takové (a např s QP kolem 30) a pustit na to convert orig.jpg _neco pro WM_ wm.jpg.

[Grunt]

A ještě jsem zapomněl dodat, že existuje i algoritmus pro neviditelný vodoznak, který z toho nelze jen tak lehce vypárat (třeba právě kompresí). Ale dost záleží na účelu.

[IrenaS]

Tak tohle mě zajímá

[Grunt]

Jejda, omlouvám se. Ono se to týkalo zvuku. Ale dost bych se divil kdyby něco takového neexistovalo i pro obraz.

[Petr Socha]

neviditelný vodoznak -- mrkni na http://www.adptools.com/

[Grunt]

Přílohy:

• Lenna.png (474648 bytů)
• wmark_image.png (8020 bytů)
• watermark_reconstructed.png (12612 bytů)
• lenna.jpg (23599 bytů)

By mě teda zajímalo jak to vlastně funguje. Jsem se zkoušel trošičku pohrát s aritmetickými operacemi v ImageMagicku, ale výsledek teda nic moc. Jasně, šlo by to ještě vytunit třeba rozostřením, uložením jen do barevných kanálů a nahrazením odčítání třeba násobením, ale i tak to nesplňuje některé základní požadavky a asi by bylo potřeba něco komplexnějšího. Nejsou k tomu dostupné nějaké materiály?

$ convert \( wmark_image.png +matte -negate \) -size 122x94 xc:gray\('3'\) -compose multiply -composite -compose over -resize 512x512 -size 512x512 xc:black +swap -gravity center -composite Lenna.png -compose minus -composite -quality 50 wmark_watermark.jpg

$ convert Lenna.png -quality 50 lenna.jpg

$ convert lenna.jpg wmark_watermark.jpg -compose difference -composite -normalize -negate -resize 122x122 watermark_reconstructed.png

[Grunt]

Příloha:

• wmark_watermark.jpg (23502 bytů)

Sakra. Omlouvám se. lenna.jpg není obrázek s vodoznakem. Jsem je zaměnil.

[kotyz]

ani tady zadnej nevidim ...

[Grunt]

Proto se to asi jmenuje neviditelný vodoznak, ne? Ale když ty dva JPEGy srovnáš, tak ho tam uvidíš.

[kotyz]

aha, slovicka neviditelny sem si nevsim, tim to bude

[kotyz]

priste bych si mel precist cely vlakno nez zacnu komentovat ...

[otasomil]

Mj kazdy odkaz co mate na kterekoli strance tak se otevira v novem tabu resp okne.

U odkazu na cech kamnaru to chapu.

V ramci Vaseho webu (domeny) se to vetsinou nedela. Navstevnika to mate.

[IrenaS]

ok to asi předělám

[Václav HFechs Švirga]

Jo, taky se mi to moc nelíbí. Maximálně nechat u těch fotek.

[IrenaS]

Tak už ty odkazy stránek mám spravené a otevírají se do stejného okna Nechala jsem jen ty obrázky do nového.

[otasomil]

To je rychlost.

Webdesignovemu studiu by to trvalo nekolik dni a skasli by za to aspon litr.

Jinak opravdu Vas web je prehledny jasny a 100% pouzitelny pro jakehokoli navstevnika.

Zkratka neni co resit. Tak by to melo vypadat vsude a ne ty strasny, nepouzitelny, neprehledny bastle a graficky vykvety jak vydime z 90% vsude.

 

Vubec se nemate zac stydet.

Perfektni prace.

[IrenaS]

Děkuji za pochvalu - moc mě to potěšilo, fakt.

[Vašek Lorenc]

Kdybych si mohl vymýšlet, tak bych ještě galerii zkusil upravit něčím modernějším na bázi AJAXu, třeba takový LightBox.. zdrojový text to moc nezmění, jen je potřeba přidat pár JavaScriptů do hlaviček. A i lidem bez JS to pojede, v podstatě v té podobě, co teď..

[IrenaS]

Už mám stránky udělané na LightBox. Přiznám se, že jsem tuhle funkci hledala marně po webu, protože jsem nevěděla, jak ji mám vlastně nazvat Děkuji moc za tip a na výsledek se můžeš kouknout

[Josef Kufner]

Akorát tam výrazně zkrať trvání animací. Cokoliv nad 0.15 sec je otravné.

[IrenaS]

Zkrátím, když mi prozradíš jak. Já totiž nevím . . . Děkuji

[IrenaS]

Už to mám, už jsem to změnila na rychlejší

[Michal Kubeček]

Proboha, jen to ne.

[IrenaS]

Je to věc názoru. Fungují ale oba systémy. Jak ten původní, kdy má někdo totálně zakázané java skripty - obrázky se načítají normálně do nového okna/panelu. Funguje nový s lightboxem, kdy někdo nemá zakázané java skripty a pak se ztemní obrazovka.

[Michal Kubeček]

JavaScript zakázaný nemám, ale prostě nějak nevidím ten přínos, spíš naopak. To, že je něco efektní, ještě neznamená, že je to praktičtější.

[Vašek Lorenc]

V té "image set" variantě je procházen více obrázků s Lightboxem pohodlnější, nemusím neustále přepínat mezi taby nebo zavírat nová okna. Navíc to (tuším) umí i používat šipky pro procházení celé sady obrázků.

Když se Lightboxu vypnou resize animace, tak je to i poměrně rychlé a nenásilné.

Jinak ale chápu, že se to nemusí líbit všem.

[IrenaS]

Ano. Vím o té funkci. Ale když jsme u zákazníka a vidíme, jak v našich internetových stránkách hledá, myslím si, že po jednom je to lepší. Víte proč? Zákazníci si totiž vybírají (ve velké většině případů) z miniatur na stránce. Na tu pak kliknou a chtějí vidět velký náhled. Nezajímají je ostatní obrázky a nechtějí vidět celou galerii postupně. Klikají jednotlivě na malé náhledy, ty pak zavřou a otvírají další obrázek, který je zajímá.

[M. Lox]

Zdroják vypadá velmi hezky, ale to zarovnání na střed ZRUŠIT! Seznam má v HTML vlastní značku a když je všechno takhle zarovnané, tak jsou oba okraje okousané jak rohlík od myši, což vypadá vážně odporně. Jeden okraj se snese, Web není TeX, ale chtělo by to srovnat všechno vlevo a přidat odrážky.

[Petr Dlouhý]

Stránky jsou přehledné a jistě plní svůj účel. Po grafické stránce bych ale některé věci asi změnil.

Ty loga na vrchu jsou v JPG, což je formát, který je vhodný v podstatě pouze pro fotografie - u grafických prvků tvořených liniemi to vytváří nepěkné šumy okolo těch linií. Brání vám něco vložit tam vyříznuté logo stránky svazu kamnářů?

Další s tím související věc je, že nepůsobí úplně dobře ten bílý okraj okolo log. To jde asi nejlépe vyřešit tím, že se tam vloží ve formátu PNG a budou mít (polo)průhledná pozadí. Logo svazu kamnářů už takové je.

Taky bych nějak graficky oddělil hlavičku a postranní lištu s odkazy - a to buď (jemnou) změnou barvy, nebo nějakou čarou.

[IrenaS]

Děkuji za konstruktivní názory. Neživím se vytvářením webových stránek a tak spoustu věcí vidím jinak. Vaše rady jsem uplatnila a snad už stránky vypadají lépe.

Ira

[Tomáš]

Já jsem vodoznaky řešil až na úrovni serveru, tj. přidává se tam až za běhu (nemám tam hromady přístupů, takže nemusím řešit výkonnost). Na serveru jsou obrázky uložené bez vodoznaku. Je to trochu jednodušší, pokud člověk chce přidat obrázky nebo změnit vodoznak.

[IrenaS]

To je zajímavé téma a určitě máš po ruce použitelný návod. Pokud mi ho poskytneš, bude opravdu moc ráda. Netušila jsem, že to jde i na úrovni serveru. Díky.

[Jendа]

Image Processing in PHP