Poměr 16:9 je na webu výchozí proto, že sedí na video, na náhled Open Graph a na široký hero banner. V těle článku z něj ale automaticky neplyne, že je to nejlepší ořez fotky. 16:9 často uřízne obličej, etiketku produktu nebo popisek na snímku. 4:3 a 1:1 nejsou „zastaralé“. Jsou to jiné rámy na jiný úkol.
Co poměr stran na webu opravdu určuje
Poměr stran je vztah šířky a výšky. Nic víc. Neříká, jak je fotka ostrá, jak velký je soubor, ani jestli ji Google lépe seřadí. Říká jen, jaký obdélník šablona webu, sociální síť nebo editor článku fotce vyřízne.
Na webu se poměr skládá ze tří míst, která se často pletou dohromady. První je náhledový obrázek (featured image): šablona ho ořízne do přednastaveného rámu, často 16:9. Druhé je tělo článku: odstavec má jinou šířku než hero a fotka v textu se chová jinak na mobilu než na desktopu. Třetí je náhled mimo web: Facebook, LinkedIn a WhatsApp berou Open Graph, kde je 1,91:1 prakticky totéž jako 16:9. Instagram v příspěvku sedí spíš na 4:5 nebo 1:1.
Z toho plyne jednoduché pravidlo. Jedna exportovaná fotka zrcadlí jeden poměr. Když ji šablona, článek i síť oříznou jinak, ztrácíte obsah na okrajích. Není to chyba „špatného CMS“. Je to důsledek toho, že tři místa chtějí tři rámy.
Jak fotku použít, aby působila důvěryhodně, je širší otázka než ořez; k tomu se vztahuje i text o vizuálním obsahu a budování důvěry. Tady jde jen o geometrii: co v rámu zůstane.
16:9, 4:3 a 1:1. Kde který dává smysl
Níže jsou poměry, se kterými se v článku a v šabloně potkáte nejčastěji. Čísla jsou zaokrouhlená. Pixelové rozměry jsou příklad, ne předpis od vyhledávače.
| Poměr | Přesněji | Příklad pixelů | Kde dává smysl | Co často ořízne |
|---|---|---|---|---|
| 16:9 | 1,78:1 | 1200 × 675 | video, hero, Open Graph | horu a spodek portrétu, produkt na výšku |
| 4:3 | 1,33:1 | 1200 × 900 | fotka v článku, dokumentace, produkt | boční okraje širokého záběru |
| 3:2 | 1,50:1 | 1200 × 800 | fotoaparát, reportáž v textu | méně než 16:9, víc než 4:3 |
| 1:1 | 1:1 | 1200 × 1200 | výřez v mřížce, náhled v seznamu, sociální síť | levý a pravý okraj krajiny |
| 4:5 | 0,80:1 | 1080 × 1350 | Instagram příspěvek, svislý mobilní blok | šířku scény |
16:9
16:9 je poměr televize a YouTube. Na webu se rozšířil, protože šablony kopírují video a protože Open Graph chce široký náhled. Pro banner nad článkem to dává smysl: rámeček je široký, text pod ním začíná až dole. Pro fotografii člověka od pasu nahoru to smysl dává málokdy. Hlava a ruce jdou ven z rámu, pokud jste záběr neskládali s rezervou nahoře a dole.
Potvrzené je toto: pokud šablona featured image maže na 16:9, musíte buď fotku na 16:9 vyexportovat, nebo přijmout, že okraje zmizí. Není potvrzené, že 16:9 „lépe prodává“ nebo že bez něj článek neindexuje. To z poměru neplyne.
4:3
4:3 je blíž tomu, jak vypadá klasická fotka v tisku a jak se chová většina produktových snímků. V odstavci článku drží víc výšky, takže obličej, obal a nápis na etiketě zůstanou čitelné. Na desktopu zabere víc svislého místa než 16:9. To není vada. Čtenář v článku fotku neposouvá jako video; čte text a fotka má vysvětlit konkrétní věc.
Když dokumentujete postup, detail nebo věc na stole, začněte u 4:3 nebo 3:2. 16:9 tam přidáte, až budete mít zvlášť ořez pro náhled a sítě. Jeden soubor pro všechno znamená, že někde prohráváte.
1:1
Čtverec je poměr mřížky: výpis článků, dlaždice, Instagram, náhled v newsletteru. V dlouhém článku 1:1 zbytečně uřízne krajinu a reportáž. Hodí se, když je hlavním objektem jeden předmět nebo tvář uprostřed. Neplyne z něj, že je „modernější“. Je to jen rámeček, který trefil střed.
Co z výchozího 16:9 v šabloně ještě neplyne
- Neplyne z něj, že fotka v článku musí mít stejný ořez jako náhled nahoře. Featured image a obrázek v textu jsou dva sloty.
- Neplyne z něj, že Google hodnotí stránku podle poměru. Vyhledávač čte soubor, alt a kontext. Poměr je rozhodnutí layoutu, ne rankingový signál.
- Neplyne z něj, že 4:3 nebo 1:1 jsou pro web zakázané. Zakázané jsou jen tam, kde šablona tvrdě ořezává a vy s tím nepočítáte.
- Neplyne z něj, že stačí jeden export. Open Graph, článek a mobilní výpis mají jiné rámy. Tři ořezy jsou běžná praxe, ne luxus.
- Neplyne z něj, že široký záběr je vždy „filmovější“, a proto lepší. Široký záběr bez rezervy nahoře a dole v 16:9 přijde o to, kvůli čemu fotka v článku je.
Častý omyl je brát poměr z grafického manuálu sítě a zkopírovat ho do WordPressu. Manuál sítě platí pro tu síť. Šablona webu platí pro šablonu. Cílová skupina článku platí pro obsah; k tomu, jak obsah skládat pro konkrétní publikum, je samostatný text o tvorbě obsahu pro cílovou skupinu. Poměr fotky z toho nevyřešíte slogany, ale tím, co má v rámu zůstat vidět.
Jak fotku do článku připravit
Nejdřív si řekněte, co je na snímku důležité. Obličej, produkt, nápis, gesto. Pak zvolte poměr, ve kterém tohle zůstane. Teprve potom řešte pixely a velikost souboru.
Praktický postup, který stačí ve většině redakcí: originál nechte v nativním poměru fotoaparátu (často 3:2). Z něj udělejte tři ořezy. Jeden 16:9 na náhled a Open Graph, přibližně 1200 × 675, soubor pod 200 kB. Druhý 4:3 nebo 3:2 do článku, šířka kolem 1200 px. Třetí 1:1 jen tehdy, když ho opravdu použijete v mřížce nebo na síti. Důležité prvky držte ve středu s rezervou; šablony ořezávají od okrajů, ne od středu.
Alt text popisuje, co je na fotce, ne poměr. „Ilustrační stock, stůl s notebookem“ je srozumitelnější než „fotka 16:9“. Poměr patří do názvu souboru a do exportního presetu, ne do věty pro čtenáře s odečítačem.
Na mobilu se široký 16:9 v článku scvrkne do nízkého pruhu. 4:3 tam pořád ukáže obličej. To je důvod, proč „jeden poměr pro web“ v praxi nefunguje: web není jeden poměr. Je to sada rámečků.
Co z toho plyne, když fotíte nebo berete stock
Když fotíte sami, nechte kolem hlavního objektu vzduch. Vertikální rezervu potřebujete na 16:9, horizontální na 1:1. Stock stahujte v nejvyšším rozlišení a ořezávejte až u sebe. Náhled od dodavatele je často už oříznutý na 16:9; do článku se nehodí, pokud v něm chybí to, co má text dokládat.
Objednávka „udělejte to na 16:9“ je málo. Řekněte, jestli snímek půjde do hero, do odstavce, nebo na síť. Grafik pak ví, jestli má komponovat na šířku, nebo nechat střed pro čtverec. Bez toho dostanete hezký široký záběr, který v článku uřízne to podstatné.
Shrnutí, které se vejde na lísteček: 16:9 je poměr videa a náhledu, ne univerzální poměr článku. 4:3 v textu častěji zachová obličej a produkt. 1:1 je mřížka, ne výchozí stav odstavce. Šablona vám poměr vnucuje jen tam, kde ořezává. Jinde ho volíte vy podle toho, co má zůstat v rámu.
Obrázek u článku je ilustrační stock. Nezobrazuje konkrétní šablonu webu ani čitelnou obrazovku editoru.
