Webnode obrázky | Jak v šablonách Webnode pracovat s obrázky z databáze Webnode i s vlastními fotkami
Fotografie (nebo chcete-li obrázky) jsou často jedním z nejvýraznějších prvků, které definují vzhled webových stránek (a značky) a mají také vliv na jejich schopnost vás prezentovat, zaujmout uživatele a posléze (i když nepřímo) "prodat". V tomto článku proto najdete praktické informace o fotografiích v databázi obrázků šablon Webnode, stejně tak jako doporučení pro práci s externími bezplatnými i placenými databázemi fotografií, které lze při zpracování stránek šablonami Webnode také dobře využít. Pro oba případy pak na konci článku najdete jednoduchý "krok za krokem" návod, jak s obrázky v šablonách Webnode pracovat.
Bezplatná databáze fotografií Webnode – co byste měli vědět
Jak je už uvedeno v úvodu, šablony Webnode obsahují přístup k databázi předpřipravených bezplatných fotografií, které můžete na vašem Webnode webu používat úplně zdarma. Fotografie jsou "nahrané v databázi přístupné ze šablony", jsou graficky upravené (vypadají tedy profesionálně a jsou "předpřipravené" pro použití v rámci Webnode šablon) a při běžném použití v šabloně Webnode nemusíte řešit ani licenční podmínky. Jejich použití je tedy z pohledu licencí "bezpečné".
Databáze fotografií Webnode sice není rozsáhlá, obsahuje ale fotografie k řadě témat a Webnode databázi také postupně rozšiřuje. Určitou nevýhodou je, že k rozsahem relativně omezené stejné databázi mají přístup všichni uživatelé Webnode - může se tedy stát, že si pro váš web vyberete fotografii použitou i na jiných Webnode stránkách. To může narušit jejich originalitu.
Dále je dobré vědět, že podobně jako u fotografií najdete ve všech šablonách Webnode přístup i do opět omezenější, ale kvalitní, databáze grafických ikon. Ikonu můžete přidat buď jako jednoduché logo do záhlaví stránek, nebo ji použít přímo v obsahu stránky jako grafický prvek (obrázek).
Webnode velikost obrázků
Zejména pro méně zkušené uživatele je výhodou fotek z databáze Webnode to, že jsou automaticky datově optimalizované – mají velikost vhodnou pro web. V případě vlastních fotek je nutné velikost fotografií zmenšit, a to na doporučených 900x600px, přičemž velikost jednoho JPG souboru by se měla pohybovat okolo 250 kb. V jiném případě hrozí zpomalené načítání stránek, které má negativní dopad nejen na uživatele, ale také – nepřímo – na rating stránek ve vyhledávačích (SEO).
Webnode – co když chci použít vlastní fotografie?
Šablony Webnode umožňují i použití vlastních fotografií, které často dodají stránkám na autentičnosti. Na stranu druhou ale může být výběr a kvalitní zasazení vlastní (tedy od Webnode neformátované) fotografie zejména do hlavního banneru na domovské stránce o něco náročnější, a vyžaduje již určitou zkušenost.
V šablonách Webnode pak můžete použít fotografie nejen svoje, ale i ty z neplacených a také placených databází.
Článek pokračuje pod reklamou
Mezi nejznámější databáze bezplatných fotografií patří:
www.unsplash.com
https://pixabay.com
V každé z nich najdete trochu jiné typy fotografií, a pokud tedy vhodnou fotografii nenaleznete v jedné, je vhodné podívat se do druhé. Často se dobře doplňují. Podobně existují i rozsáhlé databáze bezplatných ikon – nejznámější je www.flaticon.com. Více se můžete dočíst i v článku Kde najít bezplatné fotografie pro web a sociální sítě.
V případě využití bezplatných databází dávejte pouze pozor na dodržení jejich licenčních podmínek. Ačkoli je využití (zjednodušeně) relativně "volné" a zdarma, většina komerčních databází požaduje při bezplatném použití fotografie alespoň tzv. atribuovat jeho autora – buď fotku s odkazem na autora sdílet na vašem profilu na sociálních sítích, nebo u fotografie uvést zdroj vybrané fotky, většinou ve formátu – název autora s odkazem, a název databáze s odkazem. Licenční podmínky konkrétní databáze si proto vždy zkontrolujte. Podrobnosti o licencích můžete získat také v článku Webnode Kde získáte obrázky zdarma a jak je snadno upravíte? | Webnode Blog CZ.
A co placené databáze fotografií? Jak ty mohu v šablonách Webnode využít?
Úplně stejně jako vlastní fotografie nebo fotky z neplacených databází. Ani těch se není třeba obávat, třeba kvůli ceně nebo složitosti práce s nimi. Mezi nejznámější placené databáze fotografií, na které se můžete podívat, patří https://www.istockphoto.com/cs nebo https://www.shutterstock.com/cs.
V některých obdobích v nich narazíte na zvýhodněné nabídky, které nabízí novým uživatelům stažení několika fotografií zdarma, většinou bez podmínek, ale i běžný nákup je cenově dostupný – cena jedné fotografie se zde většinou pohybuje kolem 250 Kč. Nákup fotky pak funguje jako běžný e-shop - po objednání a úhradě si objednanou fotografii ve vysokém rozlišení stáhnete a uložíte. Vhodné je uložit si i "doklad" o nákupu. Před zakoupením fotky ji může také stáhnout bez úhrady (s vodoznakem) a nejdříve vyzkoušet.
Placené fotobanky mohou mít v některých oblastech širší nabídku fotek, někdy – ale v současnosti již ne jako pravidlo, i fotografie kvalitnější než databáze neplacené.
Návod krok za krokem: Jak vložit do stránek fotografii z databáze fotek Webnode?
Na stránce šablony Webnode, na kterou chcete vložit obrázek, najeďte myší na místo budoucího obrázku tak, aby se vám zobrazila černá horizontální čára se značkou plus. Na značku plus klikněte a v rozbalené nabídce prvků, které je možné do stránky šablony Webnode vložit, zvolte "Obrázek".
Následně v pop-up (vyskakovacím) okně, které se otevře, klikněte v levém dolním roku na odkaz Galerie obrázků.
V následujícím okně klikněte znovu – tentokrát v jeho levé části – opět na položku Galerie obrázků. Tím se databáze obrázků Webnode otevřete. Napravo najdete posuvník, kterým můžete výběr obrázků posouvat a "listovat" jimi.
Poté, co najdete obrázek, který chcete přidat do své stránky, na obrázek klikněte. Tím se do stránky vloží.
Obrázek na stránce také můžete posouvat – poté, co myší najedete na jeho okraj, zobrazí se "křízek se šipkami". Fotografii s kurzorem v tomto "stavu" myší uchopte a přetáhněte na jiné (požadované) místo. Místo, na které se obrázek přesune, se před "puštěním" obrázku označí vertikální nebo horizontální oranžovou linkou.
Obrázek lze umístit nejen mezi jednotlivé bloky na stránce, ale také přímo do textu. Místo, kam se obrázek předsune, šablona označí oranžovým čtvercem.
Upravovat můžete také velikost obrázku na stránce. Na obrázek klikněte a myší najeďte na jeho ohraničení. Poté, co se kurzor změní na horizontální (po bocích obrázku) nebo vertikální (nahoře a naspodu obrázku) šipku, obrázek uchopte myší a roztáhněte (nebo zmenšete) podle potřeby.
Kliknutím na obrázek a na tlačítko Upravit nakonec otevřete dialogové okno pro podrobnější práci s obrázkem. Vhodné je zde zadat Popisek, který přispívá k lepší vyhledatelnosti obrázku ve vyhledávačích (posiluje SEO). Měl by srozumitelně vyjadřovat obsah obrázku a ideálně i klíčová slova, která vaši uživatelé vyhledávají. Zde tedy třeba Výroba keramických váz – sada černá (40 cm) a bílá (20 cm) váza glazovaná.
Obrázek můžete také nastavit tak, aby fungoval jako odkaz. Pak přidejte odkaz (například www.vzorovyodkaz.cz) do pole Webová stránka. Odkázat můžete buď na podstránky vašeho webu, které se zobrazí po kliknutí na toto pole jako roleta – v roletě příslušnou podstránku vyberete. Nebo vložit odkaz vlastní. Pole uložte kliknutím na OK.
Pro zobrazení nově vloženého obrázku v online verzi vašich stránek publikujte změny tlačítkem Publikovat v pravém horním rohu stránky.
Návod krok za krokem: Jak vložit do stránek vlastní fotku?
Obdobě. Na stránce šablony Webnode, na kterou chcete vložit obrázek, opět najeďte myší na místo, kam chcete obrázek umístit, na značku plus klikněte a vyberte "Obrázek".
V pop up okně, které se tím otevře, ale nyní klikněte na tlačítko Nahrát obrázek.
V otevřeném okně nalistujte složku na vašem počítači, ve kterém máte obrázky uložené a obrázek, který chcete na stránku nahrát, vyberte. Nezapomeňte obrázek před tím datově zmenšit na velikost vhodnou pro web, jak je uvedeno výše.
Poté na obrázek, který chcete přidat do své stránky, klikněte (dvojklik) nebo dejte Otevřít. Tím ho do stránky přidáte. Dál s ním můžete pracovat úplně stejně jako s obrázky nahranými na stránce z databáze Webnode – podle návodu výš.
Všechny vaše vlastní obrázky použité v šabloně později najdete uložené v Moje obrázky. V případě, že chcete už jednou použitý obrázek na vašem webu použít znovu, můžete jej v této sekci vybrat a do stránky přidat. Postup je stejný jako u obrázků z databáze Webnode. Obdobně můžete do stránky přidat i některou z databáze ikon Webnode, najdete je v Ikony. Opět stejným postupem.
Zajímat vás také můžete návod Webnode pro přidání ikony jako jednoduchého loga do záhlaví stránek.
Ráda zodpovím dotazy.
Náhledová fotografie článku - Photo by Filip Urban on Unsplash.