Screenshot vs ilustrační foto není otázka vkusu, ale toho, co má snímek v článku dokázat. Reálný snímek obrazovky patří tam, kde čtenář potřebuje vidět konkrétní ovládání, stav nebo chybu. Ilustrační foto patří tam, kde jde o scénu, náladu nebo náhled článku — a kde by čitelné cizí UI lhalo, nebo vás táhlo do autorského a značkového sporu. Stock stolu s monitorem je poctivý. Screenshot cizího dashboardu „pro oživení textu“ není.
Dvě úlohy, které se v editoru pletou
Screenshot je dokument. Ukazuje konkrétní rozhraní v konkrétním okamžiku: tlačítko, hlášku, krok v návodu. Čtenář z něj má poznat, kam kliknout, nebo co se pokazilo. Ilustrační foto je scéna. Říká „někdo pracuje“, „kancelář“, „tým u stolu“. Nedokládá, jak produkt vypadá, a nemá to předstírat.
Když ty dvě úlohy smícháte, vznikají dvě chyby. První: návod bez snímku obrazovky, jen s usměvavým notebookem. Čtenář nevidí ovládání. Druhá: článek „o trendech“ s čitelným cizím WordPressem, CRM nebo bankovní aplikací ve featured image. To už není ilustrace. Je to reprodukce cizího rozhraní, často i s cizími daty.
| Úloha v článku | Co sem patří | Proč |
|---|---|---|
| krok v návodu, changelog, chyba | screenshot vlastního UI | čtenář má vidět ovládání, ne náladu |
| featured image, Open Graph | ilustrační foto / stock | šablona ořezává; cizí UI v náhledu lže o autorství |
| článek o lidech a procesu | ilustrační foto | produktové UI k tomu nic nepřidá |
| cizí služba, konkurence, „hezká obrazovka“ | většinou nic z toho UI | autorské právo, ochranná známka, data třetích osob |
Kdy patří do článku screenshot
Screenshot patří tam, kde je tvrzení o rozhraní. „Tady se přepíná jazyk.“ „Tuhle hlášku uvidíte po uložení.“ „Ve 3.2 zmizelo tohle tlačítko.“ Bez snímku obrazovky text tvrdí něco, co čtenář nemůže ověřit. Stock kanceláře to neověří.
Podmínka je věcná: jde o vaše UI, o produkt, který smíte dokumentovat, nebo o rozhraní, k němuž máte souhlas. Pak platí řemeslo. Snímek dělejte ze systému, ne fotkou telefonu z monitoru. Fotka obrazovky přidá odlesk, moaré a často posunuté barvy; k tomu, proč fotka z telefonu na webu zešedne, je ranní text proč fotka z telefonu na webu vypadá šedě. Exportujte PNG nebo WebP bez agresivní komprese. JPEG z galerie telefonu je špatný formát na písmo v menu.
V editoru dopište produkt a verzi. Popisek unese „Nastavení jazyka ve verzi 4.1, září 2026.“ Alt unese akci, ne slovo „screenshot“: „Dialog uložení s tlačítkem Publikovat vpravo dole.“ Alt, popisek a title jsou různá pole; k jejich rozdělení je text proč alt text není popisek fotky. U snímku obrazovky čtenář bez zobrazení potřebuje krok, ne náladu.
Před zveřejněním zkontrolujte data. Jména, e-maily, faktury, URL s tokenem, chat se zákazníkem. To, co je na obrazovce vidět, zveřejňujete. Rozmazání není ozdoba. Je to redakční povinnost.
Kdy je ilustrační foto poctivější
Ilustrační foto je poctivé, když článek není o tom, co je na obrazovce. Text o workflow, o spolupráci, o tom, že redakce fotí a píše. Featured image. Náhled na síti. Tam čtenář nehledá tlačítko. Hledá, o čem stránka je. Snímek UI v tom rámu po ořezu často zbude jako barevný pruh.
Šablony featured image a Open Graph tlačí široký rám, často 16:9. Menu, boční panel a stavový řádek z něj vypadnou. Zbude střed obrazovky, který bez chrome nepoznáte. Geometrie je jiná vrstva než autentičnost; k ořezu je včerejší text proč 16:9 na webu nestačí. Prakticky: screenshot si nechte do odstavce, kde drží výšku. Na náhled článku vezměte stock scény, která ořez ustojí.
Poctivost tu není slogan. Stock s generickými hodinami na monitoru čtenář čte jako scénu. Cizí SaaS s logem v záhlaví čte jako váš produkt, nebo jako schválení výrobce. Ani jedno z ilustrace neplyne. Ilustrační foto nelže o autorství rozhraní, protože žádné čitelné rozhraní neukazuje.
Cizí UI: právo, značka, data
Grafické uživatelské rozhraní není „jen software“. Soudní dvůr EU ve věci C-393/09 (BSA) řekl, že GUI není formou vyjádření programu, ale může být chráněno jako autorské dílo, je-li vlastním duševním výtvorem autora. Snímek cizí obrazovky proto není volný clipart.
Český autorský zákon v § 31 dovoluje citaci: výňatek v odůvodněné míře, pro kritiku, recenzi nebo odbornou tvorbu, s pramenem. Z toho neplyne, že featured image smí nést celou cizí obrazovku. Hero není citace. Recenze konkrétní funkce s popiskem je blíž zákonu. I tak je citace úzká, ne licence na marketing.
Značkové manuály jsou často přísnější než autorský zákon. Apple nechce, aby snímky jeho produktů budily dojem podpory. Microsoft u screenshotů komerčního softwaru zakazuje úpravy kromě změny velikosti, výřezy, vložení do vlastního UI a snímky s obsahem třetích stran nebo identifikovatelnou osobou. Ořez na 16:9 část těchto pravidel poruší už výřezem okna.
K tomu osobní údaje: obrazovka podpory, CRM nebo e-mailu skoro vždy nese jméno, adresu, číslo objednávky. Zveřejnit to jako „ilustraci“ je problém ochrany dat. Cizí UI ve vašem článku navíc vypadá jako doporučení, affiliate, nebo jako by ten produkt byl váš. Featured image na síti popisek nese zřídka, takže to v caption nedoženete.
Prakticky v CMS
V redakci oddělte sloty. Featured image je scéna. Obrázek v odstavci je důkaz. Nekopírujte jeden soubor do obou míst jen proto, že „už je v médiích“.
- Nejdřív účel. Má snímek ukázat krok, nebo navodit téma? Krok = screenshot. Téma = ilustrační foto.
- Právo a data. Je to vaše UI? Máte souhlas? Jsou na snímku cizí jména, maily, čísla? Když nevíte, nepublikujte obrazovku.
- Formát. Screenshot jako PNG/WebP, čitelný text, bez odlesku z telefonu. Stock jako JPEG/WebP, sRGB, rozumná velikost.
- Rám. V článku nechte screenshotu výšku (4:3, 3:2). Na náhled a síť necpěte totéž UI do 16:9.
- Pole v editoru. Alt = co snímek na této stránce znamená. Popisek = produkt, verze, zdroj, nebo „ilustrační“. Title většinou prázdné.
- Název souboru.
nastaveni-jazyka-v41.pngu screenshotu.workspace-monitor-zapisnik.jpgu stocku. NeIMG_4821.jpg.
Když článek potřebuje obojí, vložte obojí. Nahoře stock. V návodu snímek obrazovky. Čtenář pochopí rozdíl dřív, než mu to vysvětlíte větou.
Co z toho ještě neplyne
- Neplyne z toho, že screenshot je vždy autentičtější, a proto lepší. Autentický je jen k tvrzení o UI. K tvrzení o lidech a procesu je stock poctivější.
- Neplyne z toho, že ilustrační foto je klam. Klam je vydávat scénu za produkt, nebo cizí produkt za svůj.
- Neplyne z toho, že citace podle § 31 kryje každý výřez cizí aplikace. Kryje odůvodněný výňatek s pramenem, ne hero.
- Neplyne z toho, že výrobce „to stejně chce sdílet“. Manuál značky a EULA platí i tehdy, když tlačítko Sdílet v aplikaci existuje.
- Neplyne z toho, že rozmazané logo na stocku z vás dělá právníka. Když je UI čitelné, řešte ho jako UI, ne jako dekoraci.
Shrnutí na lísteček: screenshot vs ilustrační foto se rozhoduje podle toho, co má čtenář z rámu vyčíst. Ovládání, chyba, verze = screenshot vlastního UI, čitelný, s popiskem a bez cizích dat. Scéna, náhled, síť = ilustrační foto. Cizí obrazovka „pro dojem“ je právní, značkový a redakční dluh.
Obrázek u článku je ilustrační stock. Workspace s monitorem a zápisníkem, bez čitelného cizího UI.
Zdroje
- Soudní dvůr EU, C-393/09 BSA — GUI jako autorské dílo
- Zákon č. 121/2000 Sb., autorský zákon, § 31 (citace)
- Apple — Guidelines for Using Apple Trademarks and Copyrights
- Microsoft Legal — Use of Microsoft Copyrighted Content (screenshots)
- W3C WAI — Complex Images
- Google Search Central — Image SEO best practices
