Neděle 29. listopadu 2020, svátek má Zina
  • schránka
  • Přihlásit Můj účet
  • Neděle 29. listopadu 2020 Zina

Nejlepší editor fotek zdarma: nemusí se instalovat a vznikl v Praze

  0:04aktualizováno  12:04
Potřebujete otevřít a upravit PSD soubor, ale nemáte po ruce Photoshop? Tato překvapivě svižná online aplikace zvládne skoro vše, na co si vzpomenete. Grafický editor Photopea.com přitom vyvíjí jediný programátor. Podívejte se, jak za pět let vydupal ze země nástroj, který může soupeřit s profesionálním softwarem.

Marně hledáte nástroj, ve kterém byste si mohli libovolně upravovat grafiku a přitom by nezatížil váš rozpočet? Máme pro vás tip na online aplikaci, která běží v prohlížeči a je zcela zdarma. Jmenuje se Photopea (čti „fotopí“) a navzdory občasným omezením toho dokáže překvapivě hodně. Přestože se to podle názvu nezdá, tento nástroj má český původ. Vyvíjí jej mladý programátor Ivan Kuckir. V redakci nám ukázal, co jeho Photopea.com všechno umí.

Úpravy jasu a kontrastu pomocí vrstvy úprav Křivky (Curves)

Photopea.com umí otevřít a upravovat PSD soubory přímo v prohlížeči

Skromné začátky programu Photopea

Když v roce 1990 vyšla první verze grafického programu Adobe Photoshop 1.0 (první verze byla pouze pro počítače Macintosh), málokdo tušil, že se tento grafický editor stane synonymem pro úpravu fotografií a obrazových dat. Slovo „fotošopovat“ znají i lidé, kteří o grafice nic nevědí, přesto si okamžitě vybaví digitálně omlazenou pokožku celebrity nebo parodickou fotomontáž. Pro profesionály a nadšené amatéry pak bývá Photoshop často jedinou volbou, když se rozhodují, v čem grafiku zpracovávat.

Proč se vůbec zabývat historií programu Adobe Photoshop, který dnes zaujímá dominantní postavení na monitorech profesionálních i amatérských grafiků? Protože teprve když si uvědomíme, že na aplikaci Photoshop pracují desítky programátorů a grafiků už více než třicet let, vynikne naplno rozsah projektu, do kterého se pustil mladý český programátor Ivan Kuckir ještě během studia na pražském MatFyzu.

Ivan Kuckir, autor programu Photopea.com

Ivan Kuckir, autor programu Photopea.com

„V šestnácti letech jsem dostal první počítač, a tak jsem zkoušel, co to všechno umí. Postupně jsem se dostal k Flashi a zkoušel jsem si hrát s různými animacemi a příkazy,“ popisuje programátor Ivan Kuckir, který se v roce 1990 narodil na Ukrajině a od roku 2001 žije v Česku.

„Někdy v roce 2012 jsem si hrál s webovými technologiemi. Zkoušel jsem různé hry a tak podobně. A pak mě napadlo, že bych zkusil udělat knihovnu, která umí číst photoshopovské soubory PSD,“ vzpomíná Kuckir na začátky. „Nějak jsem se tím prokousával a udělal jsem první verzi, která uměla ty soubory otevřít. Přidal jsem vykreslování souboru a postupně jsem přidával uživatelské rozhraní. Neplánoval jsem ale dělat grafický editor, představoval jsem si, že to publikuji jako opensource knihovnu.“

Verze Photopea 0.4 už nabízela několik nástrojů na výběr a základní editaci....

Verze Photopea 0.4 už nabízela několik nástrojů na výběr a základní editaci. Program měl 11 tisíc řádků zdrojového kódu.

Postupně se však práce „zvrtla“ směrem k tvorbě online prohlížeče. Nejprve šlo pouze zobrazit jednotlivé vrstvy. Postupně Kuckir přidával základní úpravy, možnost malování štětcem, vybírání lasem nebo magickou hůlkou. „Teprve po dvou letech jsem začal řešit, jak soubory ukládat. Do té doby šlo vyloženě o prohlížeč s několika funkcemi.“

Milion uživatelů po celém světě a plnohodnotný editor PSD

Uplynulo pět let a služba Photopea za tu dobu udělala ohromné pokroky. Z nenápadného online prohlížeče souborů PSD se stala v podstatě plnohodnotným grafickým editorem. Když jsme v ní zkusili otevřít koláž, kterou jsme vytvořili v nejnovější verzi Photoshop CC, s překvapením jsme museli konstatovat, že si nástroj Photopea poradil se všemi aspekty: vrstvami, vrstvami úprav, chytrými objekty, maskami vrstev i efekty aplikovanými na vrstvy.

Naše koláž, kterou jsme vytvořili v programu Photoshop CC

Naše koláž, kterou jsme vytvořili v programu Photoshop CC

Stejný soubor, otevřený v nástroji Photopea.com

Stejný soubor, otevřený v nástroji Photopea.com

Kuckirovi se tak vlastními silami podařilo vytvořit to, o čem Adobe zatím pouze mluvil: online verzi grafického editoru. Inspirace Photoshopem je evidentní na první pohled i v uspořádání nástrojů. „Vycházel jsem z toho, na co jsou grafici zvyklí,“ vysvětluje Kuckir. „Nesnažím se kopírovat vývoj Photoshopu,“ dodává. Domnívá se však, že Photopea je spolu s Photoshopem jediný nástroj současnosti, který umí spolehlivě otevřít soubory PSD. „Často mi uživatelé píšou, že nějakou funkci znají z Photoshopu. To byl na začátku můj cíl. Když je někdo z Photoshopu zvyklý na to, že je tlačítko Štětec vlevo uprostřed, tak aby nebyl ve Photopea někde jinde. Do budoucna plánuji možnost přepínat mezi více způsoby rozhraní. Zatím jsem se snažil rozmístění tlačítek i názvy nabídek udělat podobné Photoshopu, aby to bylo uživatelům povědomé.“

„Nejtěžší asi bylo implementovat nástroj Záplata (Healing tool),“ vzpomíná Kuckir. „To je vlastně štětec, který se snaží vyretušovat oblast, kterou jste označil.“

Retušování pomocí nástroje Záplata
Retušování pomocí nástroje Záplata

Retušování pomocí nástroje Záplata

Nástroj Photopea má celkem milion spuštění měsíčně z celého světa. Uživatelům se zobrazuje reklama v pravé části okna. Ta Kuckirovi umožňuje věnovat se vývoji na plný úvazek. „Pokud poroste počet uživatelů jako dosud, budu si moci časem dovolit najmout posilu, což by vývoj urychlilo,“ říká Kuckir. S počtem uživatelů také narůstá počet dotazů, na které se autor snaží odpovídat s někdy až obdivuhodnou trpělivostí, když uvážíme, že sám píše jak aplikaci, tak veškerou dokumentaci, nápovědu a blog o aplikaci.

Návštěvnost nástroje byla zpočátku mnohem menší a výrazně vzrostla teprve v posledních letech. V roce 2014 měl Photopea.com jen 3 000 návštěv měsíčně, o rok později 10 000 návštěv měsíčně. V roce 2016 už to bylo 70 tisíc za měsíc, v roce 2017 skoro čtvrt milionu (230 tisíc) a letos je to poprvé přes milion měsíčně. Největší podíl mají uživatelé z USA a Indie, Češi tvoří necelé procento návštěvnosti.

10.září 2018 v 11:59, příspěvek archivován: 19.září 2018 v 19:03

We have many new users from the USA, Brazil and Poland! :) https://t.co/FfqS583xPs

Dostupné překlady Photopea.com

Dostupné překlady Photopea.com

Přestože je nástroj Photopea dostupný zdarma, Kuckir nabízí i placenou prémiovou verzi za 9 dolarů měsíčně (asi dvě stě korun) a další možnosti pro týmy nebo provozovatele webových stránek, kteří mohou Photopea implementovat do svých online aplikací. „Nejvíce výdělků mám ale díky těm reklamám,“ počítá Kuckir.

Co všechno umí Photopea

Rychlý (a neúplný) výčet funkcí a nástrojů online aplikace

  • otevírání a ukládání souborů PSD
  • práci ve vrstvách
  • práci s chytrými objekty (smart objects)
  • tvorbu masek
  • chytrý výběr (“Vylepšit hrany“)
  • úpravu proporcí obrazu (“Zkapalnit“)
  • nedestruktivní úpravy pomocí vrstev úprav
  • práci s textem
  • práci s vektory
  • vektorizaci bitmap
  • import RAW souborů
  • úpravy barev, jasu, kontrastu, křivek, úrovní, expozice, odstínu...
  • různé druhy retuše, vylepšení obrazu, rozostření, stylizace...
Vrstvy úprav - Odstín a sytost

Odstín a sytost

Pokřivení vrstvy

Pokřivení vrstvy

Úpravy jasu a kontrastu pomocí vrstvy úprav Křivky (Curves)

Křivky (Curves)

Pro amatéry i profesionály na cestách

S programem Photopea jsme si hráli přibližně měsíc a za tu dobu jsme došli k názoru, že jde o jednu z nejsvižnějších online aplikací vůbec. Uživatel v podstatě zapomene, že se nachází v prohlížeči. Přestože program běží plně na straně uživatele (client-side javascript), poradí si s:

  • pokročilými grafickými úpravami
  • využitím grafické karty pomocí WebGL
  • drag&drop (tažení myši) souborů
  • prací ve více oknech (tabech)
  • importem a exportem souborů PSD, JPG, SVG, GIF, PDF, WEBP, BMP, PPM, TIFF a DDS
Jedno z omezení aplikace v prohlížeči - nelze zobrazit kurzor o velikosti větší...

Jedno z omezení aplikace v prohlížeči - nelze zobrazit kurzor o velikosti větší než 200 px. Nástroj je tedy větší než kurzor (znázorněný čtvercem).

Narazili jsme jen na málo omezení vyplývajících z toho, že celý program běží z prohlížeče. Jedním z nich je omezená velikost kurzoru. Ve chvíli, kdy zvolíte velikost nástroje (například štětce) větší, než je 200 pixelů (relativně vůči aktuálnímu přiblížení), prohlížeč neumožňuje tak velký kurzor zobrazit,  místo něj se zobrazí jen čtverec. Úpravy tedy nadále fungují, ale uživatel nevidí na první pohled, jak velký je zásah nástroje. Také rychlost automatického výběru je někdy pomalejší než v nativní aplikaci typu Photoshop nebo Gimp.

Ukázky funkcí Photopea

Na druhou stranu tento nástroj je k dispozici všem, legálně a zdarma, což se o Photoshopu říci nedá (předplatné Photoshopu začíná na 12 eurech měsíčně, tedy asi 300 Kč). „V současné době je Photopea vhodná třeba pro lidi, kteří si z nějakého důvodu nechtějí nebo nemohou pořídit Photoshop a chtějí se naučit pracovat s grafikou,“ myslí si Kuckir. „Ale hodí se třeba pro ty, kteří mají doma pracovní stanici s profesionálními programy, ale na cestách třeba používají jen netbook a potřebují v rychlosti něco upravit. V tu chvíli třeba použijí Photopea.“

Klávesové zkratky v programu Photopea.com

Klávesové zkratky v programu Photopea.com

Neustálý vývoj a vylepšování

Ivan Kuckir se vývoji věnuje aktivně, a nové funkce tak přibývají poměrně rychle. Letos například doplnil funkci Zkapalnění (“Liquify“), to je ten známý efekt, kterým se dají zvětšovat části těla. „To byla celkem těžká funkce, čekal jsem, že to bude jednodušší,“ svěřil se Kuckir.  

Nástroj „Zkapalnit“ (Liquify) pro úpravu proporcí. (Zde využíváme zvětšení...

Nástroj „Zkapalnit“ (Liquify) pro úpravu proporcí. (Zde využíváme zvětšení části obrazu pro dosažení komického efektu, protože na této tváři nebylo již co vylepšovat, pozn. red.)

Celý nástroj Zkapalnit běží v javascriptu, přesto funguje velmi svižně. Opět jde o ukázku funkce, která je v bezplatných programech celkem neobvyklá.

Photopea si do značné míry poradí i s vektory nebo s textovými vrstvami. Lze ji tedy s trochou trpělivosti použít i na tvorbu plakátů nebo jednoduchých brožurek - nabízí i export do formátu PDF. Velmi nás potěšila i možnost přidat vrstvám styl, jako je obrys, vytažení nebo vržení stínu.

Práce se styly vrstvy: možnost překrytí přechodem, vytažení, vržení stínu apod.
Práce se styly vrstvy: možnost překrytí přechodem, vytažení, vržení stínu apod.

Práce se styly vrstvy: možnost překrytí přechodem, vytažení, vržení stínu apod.

Abychom jenom nechválili, tak některé funkce jsou zatím implementovány celkem provizorně, třeba import RAW formátu nabízí v porovnání s tím od Adobe velmi málo možností a neporadí si se všemi soubory (museli jsme náš CR2 soubor převést do DNG pomocí bezplatné utility). Chybělo nám především doostření nebo redukce šumu.

Import souboru RAW

Import souboru RAW

Ne všechny nástroje Photopea jsou podobné těm u Photoshopu. Třeba zpřesnění hran výběru Kuckir vyřešil dost odlišně. V levé části pracujeme s obrázkem, kde označujeme černou barvou to, co vybrat nechceme, bílou to, co do výběru rozhodně patří, a šedou to, kde necháme na programu, aby „chytře rozhodl“. Tak by měl jít celkem přesně vybrat i obtížný objekt, jakým je třeba chlupaté zvířátko nebo rozevláté vlasy.

Nástroj „Refine Edge“ pro výběr objektu
Nástroj na vylepšení hran výběru - detail vlasů

Nástroj „Refine Edge“ pro výběr objektu

Tady jsme u některých objektů dosáhli velmi dobrých výsledků, jindy jsme narazili a museli pak výsledný výběr ještě dlouho dolaďovat. Čím lepší je kontrast od pozadí, tím lépe to jde. Photoshop toto zvládá o něco lépe, ale uznáváme, že to může být zvykem.

Na běžné úpravy fotografií nebo tvorbu amatérské grafiky je Photopea více než dostatečným nástrojem. Kdo jej vyzkouší, sotva uvěří, že za jeho vývojem stojí osmadvacetiletý programátor, který si před pěti lety „jen hrál s grafikou“.

Podrobné představení vývoje Photopea.com (Ivan Kuckir, 2017)

Aktualizace: Do článku jsme doplnili videa. Doplnili jsme informace o návštěvnosti projektu.

Vyzkoušeli jste nástroj Photopea.com?

celkem hlasů: 838

Hlasování skončilo

Čtenáři hlasovali do 0:00 středa 26. září 2018. Anketa je uzavřena.

vyzkoušel(a) jsem a vypadá to skvěle 353
všechny tyhle nepřirozené úpravy fotografie bych zakázal(a) 281
nástroj znám již dlouho a nepoužívám jej 78
nástroj znám již dlouho a používám jej 75
vyzkoušel(a) jsem, ale nezaujalo mne to 51
Autor:
  • Nejčtenější

Tahák: 20 klávesových zkratek, o nichž jste možná neměli ani potuchy

Uživatelé Windows jistě znají notoricky známé klávesové zkratky jako Alt + F4, Alt + Tab, Windows + E, Windows + C,...

Promoření? Odvážný sen, tragické následky. Stádní imunita funguje jinak

Jak se nejlépe zbavit covidu-19? Už od jara mluvili někteří odborníci o kontroverzní strategii známé jako „promořování“...

Toto umí nově váš Chrome a Firefox. Loučí se s Flashem a jsou rychlejší

Populární internetové prohlížeče Chrome a Firefox byly povýšeny do nových verzí. Pokud jste je ještě neaktualizovali,...

Měli lepší stroje Sověti, nebo Američané? O jednom neobyčejném souboji

Premium Když autu dojde palivo těsně před čerpací stanicí, můžete ho k ní dotlačit. Ale co dělat, když se totéž stane letadlu...

{NADPIS reklamního článku dlouhý přes dva řádky}

{POPISEK reklamního článku, také dlouhý přes dva a možná dokonce až tři řádky, končící na tři tečky...}

TEST televizorů: Nevyznáte se v široké nabídce? Pomůže vám náš velký přehled

Premium Od 3 190 do 62 990 korun. Všechny zobrazovací technologie, všechny televizní operační systémy a jedenáct vybraných...

TEST televizorů: Nevyznáte se v široké nabídce? Pomůže vám náš velký přehled

Premium Od 3 190 do 62 990 korun. Všechny zobrazovací technologie, všechny televizní operační systémy a jedenáct vybraných...

Jak vydržet v ledové vodě? Finta je jednoduchá, popisují otužilci

Premium Klepat se zimou tak, že si nedokážete zavázat ani tkaničky u bot, a přitom se tomu smát? I to dokáže koupání v ledové...

Den se zaměstnanci pohřební služby: poslední rozloučení má dnes jiná pravidla

Premium MF DNES rozptyluje mýty o pohřebnictví v době koronaviru. Pohřeb do země možný je, i když se úplně nedoporučuje. O čem...

  • Další z rubriky

Pozor na falešné poukázky do Alberta. Útočníci chtějí získat data

Prostřednictvím komunikačních sítí Messenger a WhatsApp se šíří podvodné příspěvky, které lákají na peněžní kupóny do...

Co se děje s YouTube? Nejsledovanější se stala písnička o žralocích

YouTube se mění. Na platformě, kde se původně prosazovala hudební díla a herní videa od jednotlivců určená především...

YouTube chystá reklamu všude. O peníze se ale nerozdělí se všemi tvůrci

Velké změny chystá videoportál YouTube v pravidlech pro uživatele ve Spojených státech. Nově bude zveřejňovat reklamu u...

Facebook pustil vlastní seznamku už i do Česka

Více než rok poté, co sociální síť Facebook zprovoznila svou seznamku, míří tato nová služba i do Česka. Facebook...

SOUTĚŽ: Vyhraj luxusní balíček fitness jídel v hodnotě 1 499 Kč
SOUTĚŽ: Vyhraj luxusní balíček fitness jídel v hodnotě 1 499 Kč

Sportuješ a ráda se hýbeš? Chceš svou snahu zefektivnit i vhodným jídelníčkem, ale nevíš, jak na něj? Nyní máš jedinečnou příležitost vyhrát...

Jsem znechucená, říká Eva Burešová, kterou vyfotili s Forejtem z MasterChefa

Eva Burešová (27) a Přemek Forejt (33) byli společně vyfoceni, jak vycházejí z domu, kde herečka bydlí. Hvězda seriálu...

Ordinace v růžové zahradě za půl roku skončí, co seriál nahradí?

Po více než patnácti letech od okamžiku, kdy padla první klapka, začal tvůrčí tým seriálu Ordinace v růžové zahradě 2...

Příběh Denisy: Manžel mě ignoruje, mám dva milence

S manželem jsme svoji osm let, máme dvě děti. S tím mladším jsem teď doma. Muž je věčně v práci a na nás nemá čas....

Tahák: 20 klávesových zkratek, o nichž jste možná neměli ani potuchy

Uživatelé Windows jistě znají notoricky známé klávesové zkratky jako Alt + F4, Alt + Tab, Windows + E, Windows + C,...

Kapitán je na tahu, bude šach mat, oznámil po líbánkách Pavel své ženě

Psycholožka, terapeut a genetička vybrali na základě testů i DNA mezi více než patnácti sty přihlášenými jednotlivci...