Proč některé weby blokují stahování obrázků?
nDrtivá většina běžných uživatelů internetu zná ten nejpřímočařejší způsob, jak uložit obrázek z webu – stačí kliknout pravým tlačítkem myši na vybraný vizuál a z kontextové nabídky vybrat možnost „Uložit obrázek jako…“. Co se ale stane, když se tato nabídka vůbec neobjeví, nebo se místo ní zobrazí varovné vyskakovací okno s textem o zákazu kopírování? Vítejte ve světě, kde vládne ochrana obrázků proti kopírování. Běžně se s tímto jevem setkáte u portfolií profesionálních fotografů, na zpravodajských webech, uměleckých blozích nebo v e-shopech, kde chtějí majitelé zamezit konkurenci v jednoduchém stahování jejich produktových snímků.
nnNejčastější technikou, kterou vývojáři webů používají, je zakázané pravé tlačítko. Tato metoda se opírá o jednoduchý skript napsaný v jazyce JavaScript, který aktivně naslouchá událostem myši a ve chvíli, kdy uživatel použije pravé tlačítko, zablokuje vyvolání standardního systémového menu prohlížeče. Další velmi sofistikovanou metodou je nasazení průhledného obrazového překryvu, takzvaného „blank pixelu“. V praxi to znamená, že když se pokusíte obrázek uložit, ve skutečnosti stahujete pouze prázdný, neviditelný obrázek umístěný v horní vrstvě (CSS vrstvě) a původní fotografie zůstává bezpečně na serveru.
nnAčkoliv jsou tato opatření zavedena z pochopitelných důvodů k ochraně tvůrců, existuje nespočet legitimních situací, proč se lidé ptají, jak stáhnout nestáhnutelný obrázek z webu. Možná potřebujete obrázek jako referenci do své studentské práce, vytváříte pro sebe inspirační nástěnku zvanou moodboard na svůj počítač, nebo si jen chcete uložit krásnou fotografii jako tapetu na plochu obrazovky. Pro takové případy slouží následující průvodce, který vás provede od těch nejzákladnějších triků až po sofistikované postupy zahrnující vývojářské nástroje prohlížeče. Pokud ovšem tyto techniky aplikujete, nikdy nezapomínejte na Autorské právo (Copyright).
nMetoda 1: Nástroje pro vývojáře (Nejspolehlivější řešení)
nPokud hledáte nejjistější cestu, jak stáhnout chráněný obrázek s naprostou garancí úspěchu a v té nejvyšší možné kvalitě, nevyhnete se nahlédnutí přímo „pod kapotu“ samotné webové stránky. Moderní prohlížeče skrývají velmi mocnou zbraň zvanou Nástroje pro vývojáře (Developer Tools), díky které získáte absolutní kontrolu nad veškerým načítaným obsahem. Ať už používáte prohlížeč Google Chrome, Edge, nebo Safari, postup je velmi podobný a umožní vám zjistit absolutní cestu k libovolnému souboru.
n nKrok za krokem: Inspect element obrázek
nTato technika využívá takzvaného „Inspect elementu“ (zkoumat prvek), který vám odhalí kompletní HTML zdrojový kód webové stránky a ukáže vám i ty soubory, které před vámi autor skryl přes vrstvené CSS formátování.
n n- n
- Otevřete si ve svém prohlížeči požadovanou webovou stránku, na které se nachází zamčená či chráněná fotografie. n
- Na klávesnici stiskněte klávesovou zkratku F12. Pokud používáte notebook a F12 nefunguje, zkuste kombinaci Fn + F12. Můžete také použít zkratku
Ctrl + Shift + I(ve Windows) neboCmd + Option + I(na Macu). Otevře se boční nebo spodní panel plný kódu. n - V levém horním rohu nově otevřeného panelu vývojářů hledejte malou ikonku kurzoru myši zaměřujícího čtvereček (tzv. nástroj Select an element). Klikněte na ni. n
- Nyní najeďte klasickým myšovým kurzorem přímo na obrázek na webové stránce, který si přejete stáhnout, a klikněte na něj. n
- V pravém panelu se okamžitě zvýrazní určitý řádek HTML kódu. Vaším cílem je najít HTML značku
<img>, případně u CSS pozadí odkaz uzavřený vurl("..."). V tomto řádku hledejte přímý hypertextový odkaz, který zpravidla začíná na „https://“ a končí koncovkou obrazového formátu, jako je například .jpg, .png, nebo dnes velmi populární .webp. n - Až tento odkaz v kódu najdete, stačí na něj kliknout pravým tlačítkem a z kontextové nabídky, kterou vývojářské prostředí nijak neblokuje, vybrat možnost „Open in new tab“ (Otevřít na nové kartě). n
- V nové záložce prohlížeče se vám zobrazí čistý obrázek bez rušivých elementů webu. Nyní už dobře víte, jak postupovat – pravé tlačítko a uložit jako obvykle. n
Alternativně v týchž vývojářských nástrojích můžete přejít na záložku Network (Síť), následně vybrat filtr Img (Obrázky) a poté obnovit stránku klávesou F5. V seznamu pod filtrem se vám posléze ukáží všechny obrázky, které daný web během načítání stránky stahuje ze serveru. Je to nesmírně efektivní, ačkoliv trochu zdlouhavější metoda.
nMetoda 2: Tvorba snímku obrazovky (Nejrychlejší cesta)
nSvětské starosti se čtením kódu můžete obejít mnohem prostší a nesrovnatelně rychlejší cestou. Pokud si lámete hlavu nad tím, jak zkopírovat chráněný obrázek bez zdlouhavého klikání ve vývojářské konzoli, spolehněte se na to, co vidí vaše oči. Tvorba snímku obrazovky je v takovém případě naprostou spásou, i když s sebou přináší drobnou nevýhodu: uložený soubor bude mít maximálně takové rozlišení a kvalitu, jaká se aktuálně zobrazuje na vašem monitoru.
n nNástroje pro Print Screen a výstřižky v praxi
nKaždý moderní operační systém má v sobě integrovány vynikající programy, které tuto operaci zvládnou za zlomek sekundy, a není nutné stahovat žádný dodatečný software třetích stran.
nn- n
- Pro uživatele systému Windows: Dříve lidé plošně používali klasický print screen obrazovky pomocí klávesy PrtScn. Moderní Windows 10 a Windows 11 ovšem nabízí vestavěný nástroj s názvem Výstřižky (v angličtině Snipping Tool). K jeho pohotovému spuštění stačí na klávesnici zmáčknout magickou zkratku
Win + Shift + S. Obrazovka počítače nepatrně ztmavne a nahoře se objeví ovládací lišta. Kurzor vaší myši se změní na křížek. Nyní už jen stačí levým tlačítkem označit obdélníkový výřez přesně podle obrysů požadovaného obrázku. Jakmile tlačítko pustíte, obrázek se uloží do systémové schránky. Následně jej můžete rovnou vložit (Ctrl + V) do Wordu, chatu nebo grafického editoru, jako je Malování, a tam jej definitivně uložit na disk. n - Pro uživatele systému Mac OS od společnosti Apple: Ekosystém Applu má tento proces vyřešený ještě o něco elegantněji. Stačí využít notoricky známou klávesovou kombinaci
Cmd + Shift + 4. Kurzor myši se ihned transformuje na zaměřovací kříž s přesnými souřadnicemi. Po tažení a označení oblasti obrázku se soubor automaticky (a navíc v bezztrátovém formátu PNG) uloží přímo na vaši pracovní plochu (Desktop). n
Tato metoda funguje spolehlivě za všech okolností. Žádný JavaScript totiž nemá moc nad systémovou úrovní obrazovky vašeho zařízení, proto je to naprostá sázka na jistotu.
nMetoda 3: Dočasné zakázání JavaScriptu v nastavení prohlížeče
nJak již bylo podrobně vysvětleno v samotném úvodu, blokace kontextové nabídky při kliknutí pravým tlačítkem je téměř vždy prováděna prostřednictvím skriptování na straně klienta. Z toho logicky vyplývá, že pokud danému prohlížeči přikážete, aby dočasně přestal tyto skripty vykonávat, veškerá restriktivní opatření se rázem zhroutí. Zakázání JavaScriptu je tak velmi elegantní cesta vpřed.
n nNávod pro Google Chrome a další prohlížeče na jádře Chromium:
n- n
- Otevřete si novou záložku v prohlížeči Chrome a vložte do adresního řádku následující odkaz:
chrome://settings/content/javascripta stiskněte Enter. Tím se dostanete přímo do potřebné sekce, aniž byste se museli zdlouhavě proklikávat nastavením. n - V sekci „Výchozí chování“ uvidíte přepínač. Změňte hodnotu z „Povolit webům používat JavaScript“ na možnost „Nepovolit webům používat JavaScript“. n
- Vraťte se zpět na kartu prohlížeče s chráněným obsahem. Nyní zmáčkněte klávesu
F5pro úplné obnovení (reload) webové stránky. n - Obrázek už by nyní měl bez problému reagovat na pravé tlačítko a vy jej můžete v klidu uložit k sobě na disk. n
- Důležité varování: Nezapomeňte pak tuto volbu zase vrátit zpět a JavaScript znovu aktivovat! Moderní webové stránky jsou na tomto programovacím jazyce zcela závislé. Pokud jej necháte trvale vypnutý, většina e-shopů, bankovních aplikací a sociálních sítí by se vám nenačetla korektně, nebo by dokonce vůbec nefungovala. n
Metoda 4: Rozšíření do prohlížeče, která ušetří spoustu práce
nZjišťujete poměrně často, jak stáhnout fotku z webu, který striktně chrání své vizuály? Nechce se vám pokaždé spouštět vývojářskou konzoli, vypínat skripty nebo provádět otravné snímky obrazovky a ořezávat je v externím programu? Řešením, které tento proces naprosto automatizuje, jsou specializovaná rozšíření (Browser Extensions) do vašeho webového prohlížeče. Vývojáři těchto mini-aplikací dobře vědí o problémech se zablokovaným stahováním a vyvinuli pro to specializované pomocníky, které přidáte jedním kliknutím v oficiálních repozitářích jako je Chrome Web Store.
n nNejoblíbenější bezplatné doplňky a k čemu slouží:
n- n
- Doplňky typu Allow Right-Click (Povolit pravé tlačítko): Jejich funkce je naprosto přímočará. Tyto malé moduly fungují jako pasivní obrana proti rušivým webovým skriptům. Jakmile navštívíte stránku, doplněk si zkontroluje, zda někdo zamezuje využití klasické kontextové nabídky myši. Pokud ano, tyto skripty on-the-fly zablokuje, takže pravé tlačítko vždy funguje, jako by se nic nedělo. n
- Image Downloader a Image Assistant: Zde se bavíme o komplexních řešeních. Tato populární rozšíření pro stahování obrázků fungují tak, že jakmile jste na stránce, kliknete na jejich ikonu v horní liště prohlížeče. Rozšíření okamžitě oskenuje veškerý zdrojový kód stránky, vyhledá naprosto všechny obrázky (včetně skrytých miniatur, velkých bannerů nebo CSS překryvů) a zobrazí vám je v přehledné mřížce. Z této mřížky si pak můžete vyklikat pouze to, co vás zajímá, a jedním hromadným tlačítkem „Download“ ušetříte spoustu času. n
Rozšíření představují ideální volbu pro markeťáky, designéry a copywritery, kteří shromažďují velké množství vizuálních materiálů pro své prezentace nebo referenční soubory.
nMetoda 5: Funkce „Informace o stránce“ v Mozilla Firefox
nPro uživatele oblíbeného prohlížeče Mozilla Firefox existuje jednoznačně nejčistší a nejpokročilejší nativní řešení, které přímočaře obchází různé druhy ochrany webového obsahu. Na rozdíl od konkurenčního Google Chrome, Firefox už ve svém jádru drží robustní okno s detailními informacemi, díky kterému lze stáhnout kompletní multimediální obsah, aniž by k tomu byl zapotřebí jediný doplněk.
n nJak exportovat média krok za krokem:
n- n
- Spusťte prohlížeč Firefox a přejděte na web, odkud se snažíte vydolovat zamčený vizuál. n
- Klikněte kdekoliv na čistou plochu stránky pravým tlačítkem a z menu vyberte možnost Zobrazit informace o stránce (View Page Info). Alternativně můžete kliknout levým tlačítkem na ikonu zámku, nacházející se úplně vlevo vedle URL adresy v horním řádku, poté kliknout na „Zabezpečené připojení“ a nakonec vybrat „Další informace“. n
- Zobrazí se vám vyskakovací okno se spoustou dat. Přepněte se do vrchní záložky s názvem Média. n
- Zde se před vámi objeví absolutně celý soupis všech prvků (obrázků, ikon, videí, logotypů), které na stránce figurují. Můžete klikat na jednotlivé položky v dlouhém seznamu a v dolní části se vám vždy ukáže náhled pro vizuální kontrolu. n
- Jakmile narazíte na tu správnou fotografii, kterou si přejete stáhnout, jednoduše klikněte na tlačítko Uložit jako… (Save As…) a vyberte preferované umístění na svém pevném disku. Tento přístup ignoruje jakékoliv neviditelné vrstvy nebo zablokované kliky, protože soubory stahuje přímo z cache paměti Firefoxu. n
Pozor na autorská práva (Etické a právní okénko na závěr)
nPoté, co jsme podrobně probrali, jak stáhnout nestáhnutelný obrázek z webu, a ukázali si na pět nezávislých, spolehlivých metod od sofistikovaných zásahů přes vývojářské nástroje prohlížeče až po jednoduchý a pohotový Print Screen / Výstřižky, dostáváme se k zásadní rovině – té právní a morální.
n nSkutečnost, že nyní technicky dokážete jakoukoliv restrikci obejít, v žádném případě neznamená, že je legální chráněnou fotografii zcizit a použít, kdekoliv se vám zachce. Drtivá většina obsahu, který se na internetu nachází – a o to víc ten obsah, který jeho autor záměrně softwarově zamyká proti prostému uložení – je pod přísnou ochranou zákona, kterou definuje Autorské právo (Copyright).
n nPokud stáhnete uměleckou fotografii z placené fotobanky s vodoznakem či od profesionálního fotografa z jeho portfolia za účelem osobního potěšení, například jako tapetu na plochu počítače nebo referenci do školního sešitu k referátu, obvykle se pohybujete v rámci osobního užití a nevzniká závažný právní problém. Zásadní chyba ovšem nastává v okamžiku, kdy takto chráněný materiál začnete zveřejňovat dále. Ať už se jedná o použití na vašem osobním blogu, v komerční propagaci na sociálních sítích, e-mailových kampaních, e-shopu, či dokonce vytištění na plakáty, dopouštíte se porušování autorského zákona a hrozí vám vysoké finanční pokuty ze strany advokátních kanceláří zastupujících původní autory.
nnDoporučujeme proto všechny fotografie a grafiky pečlivě prověřovat. Pokud potřebujete obrázky k dalším účelům na webech, vyhledejte specializované fotobanky (jako jsou Pixabay, Unsplash nebo Pexels), které nabízejí překrásné, vysoce kvalitní vizuály s bezplatnou licencí Creative Commons Zero (CC0). Jen tak si zachováte naprostý klid, nebudete muset obcházet skripty a vaše projekty zůstanou jak po technické, tak po právní stránce čisté jako lilie.
nPotřebujete s tímto tématem pomoci? Podívejte se na naše služby v oblasti Email Marketing a rádi vám pomůžeme!
Potřebujete s tímto tématem pomoci? Podívejte se na naše služby v oblasti Copywriting a rádi vám pomůžeme!













