<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>obrázky na blog | Včeliště</title>
	<atom:link href="https://vceliste.cz/stitek/obrazky-na-blog/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description></description>
	<lastBuildDate>Mon, 25 May 2026 15:17:05 +0000</lastBuildDate>
	<language>cs</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://vceliste.cz/wp-content/uploads/2020/11/cropped-vceliste-favicona-150x150.png</url>
	<title>obrázky na blog | Včeliště</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Jak zvládnout jednoduchou grafiku v&#160;Canvě?</title>
		<link>https://vceliste.cz/blog/jak-zvladnout-jednoduchou-grafiku-v-canve/</link>
					<comments>https://vceliste.cz/blog/jak-zvladnout-jednoduchou-grafiku-v-canve/#respond</comments>
		
		<dc:creator><![CDATA[Lenka Pavlíková]]></dc:creator>
		<pubDate>Tue, 09 Jun 2020 08:36:06 +0000</pubDate>
				<category><![CDATA[Podcasty a videa]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[grafika]]></category>
		<category><![CDATA[obrázky na blog]]></category>
		<category><![CDATA[příspěvky na FB]]></category>
		<category><![CDATA[Canva]]></category>
		<guid isPermaLink="false">https://vceliste.cz/?p=24470</guid>

					<description><![CDATA[<img width="800" height="419" src="https://vceliste.cz/wp-content/uploads/2020/05/jak_na_canvu.jpg" class="webfeedsFeaturedVisual wp-post-image" alt="Notebook s otevřenou aplikací Canva zobrazující grafický návrh slevového letáku." style="display: block; margin-bottom: 5px; clear:both;max-width: 100%;" link_thumbnail="" decoding="async" fetchpriority="high" srcset="https://vceliste.cz/wp-content/uploads/2020/05/jak_na_canvu.jpg 900w, https://vceliste.cz/wp-content/uploads/2020/05/jak_na_canvu-300x157.jpg 300w, https://vceliste.cz/wp-content/uploads/2020/05/jak_na_canvu-768x402.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><p>Vytvořit grafiku pro článek nebo sociální sítě potřebujeme občas všichni. Co kdybychom vám [&#8230;]</p>
<p>Článek <a href="https://vceliste.cz/blog/jak-zvladnout-jednoduchou-grafiku-v-canve/">Jak zvládnout jednoduchou grafiku v&nbsp;Canvě?</a> se nejdříve objevil na <a href="https://vceliste.cz">Včeliště</a>.</p>
]]></description>
										<content:encoded><![CDATA[<img width="800" height="419" src="https://vceliste.cz/wp-content/uploads/2020/05/jak_na_canvu.jpg" class="webfeedsFeaturedVisual wp-post-image" alt="Notebook s otevřenou aplikací Canva zobrazující grafický návrh slevového letáku." style="display: block; margin-bottom: 5px; clear:both;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://vceliste.cz/wp-content/uploads/2020/05/jak_na_canvu.jpg 900w, https://vceliste.cz/wp-content/uploads/2020/05/jak_na_canvu-300x157.jpg 300w, https://vceliste.cz/wp-content/uploads/2020/05/jak_na_canvu-768x402.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" />
<p class="wp-block-paragraph">Vytvořit grafiku pro článek nebo sociální sítě potřebujeme občas všichni. Co kdybychom vám řekli, že k&nbsp;tomu nepotřebujete profesionálního grafika a&nbsp;zvládnete to sami? Natočili jsme pro vás&nbsp;<strong>krátká videa</strong>, která vás provedou vytvořením jednoduché grafiky v&nbsp;nástroji Canva.</p>



<h2 class="wp-block-heading">Jak zmáknout reprezentativní obrázek na blog</h2>



<p class="wp-block-paragraph">Pokud nejste zaregistrováni v&nbsp;nástroji Canva, nejdříve tak učiňte. Vaše práce pak může začít. Jako první si ukážeme, jak vytvořit obrázek na blog, který si čtou vaši stálí – a&nbsp;věříme, že i&nbsp;budoucí – zákazníci.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Profesionální grafika na blog za 5 minut" width="500" height="281" src="https://www.youtube.com/embed/uGR-Q6-xZnI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h3 class="wp-block-heading">Jak na to:</h3>



<ol class="wp-block-list">
<li>Na velikosti záleží. Minimálně u&nbsp;obrázku na blog. Takže si nejdříve nadefinujte rozměr banneru, který chcete ve finále použít.</li>



<li>Zvolte pozadí banneru v&nbsp;sekci Pozadí nebo si nahrajte vlastní obrázek či&nbsp;fotografii. K&nbsp;tomu použijete možnost <strong>Nahrát obrázek</strong>. Až tak učiníte, budete ho mít k&nbsp;dispozici v&nbsp;sekci Nahrané obrázky. Jak uvidíte ve videu, může se stát i&nbsp;to, že vám na banneru zůstane jak původní pozadí, tak nově nahrané. Žádný problém! Jednoduše zrušte pozadí z&nbsp;výběru – stačí kliknout na nástroj „+ plná barva”, použít bílou barvu a&nbsp;je to! Zůstane jen nový obrázek.</li>



<li>Obrázek roztáhněte na celou plochu plátna a&nbsp;pokud to bude potřeba, upravte umístění obrázku pomocí snadného posunu.</li>



<li>K vylepšení obrázku<strong> můžete použít nástroj Filtr.</strong> Po kliknutí na konkrétní filtr se zobrazí políčko nazvané Intenzita, kterou pak lze snížit nebo zvýšit dle vašeho uvážení.</li>



<li>Nástroj <strong>Upravit</strong> pak umožňuje vylepšení obrázku dle vašeho estetického cítění a&nbsp;vkusu.</li>



<li>Následuje vložení prvku pro umístění textu. <strong>V sekci Prvky vyberte Tvar</strong>. Anička, která pro vás video natáčela, zvolila čtverec, ze kterého udělala obdélník, umístila ho do levé dolní části a&nbsp;nastavila mu barvu (= čtverec vlevo) a&nbsp;průhlednost (= čtvercová síť vpravo).</li>



<li>V sekci Text klikněte na<strong> Přidat textové pole</strong>, vložte text a&nbsp;vyberte mu barvu (písmeno A&nbsp;s&nbsp;barevnou škálou). Na závěr zvolte font a&nbsp;nastavte zarovnání textu (v&nbsp;našem případě zarovnání vlevo). Máte možnost změnit také velikost písma, a&nbsp;to vedle názvu fontu.</li>



<li>Pro <strong>oživení grafiky</strong> se vyplatí vložit do obdélníku pod textem také ikonku, kterou najdete, stejně jako obdélník, v&nbsp;sekci Prvky. Pod názvem Ikony si vyberte ikonu, která se hodí k&nbsp;vašemu textu. Pokud nejste spokojeni se základním výběrem, můžeme do vyhledávání (lupa) zadat název hledané věci a&nbsp;nabídka se nám vyselektuje (pozor, některé prvky jsou placené).</li>



<li>Vyberte si<strong> klíčová slova v&nbsp;textu</strong>, která podle vás mají vyniknout a&nbsp;dopřejte jim stejnou barevnost, jako má ikona (písmeno A&nbsp;s&nbsp;barevnou škálou).</li>



<li>Teď když máte v&nbsp;dokumentu vše potřebné, pusťte se do poslední úpravy. V&nbsp;našem videu šlo o <strong>zvýšení průhlednosti</strong> a změnu velikosti obdélníku pod textem.</li>



<li><strong>Svůj obrázek si uložte</strong> stejně, jako jsme to udělali my. Nahoře ve fialové liště najdete šipku směřující dolů. Jakmile na ni kliknete, zobrazí se vám možnost vybrat místo uložení a&nbsp;typ souboru. Až vše vyplníte, klikněte na Stáhnout a&nbsp;máte hotovo.</li>
</ol>



<h2 class="wp-block-heading">Ukažte se na Facebooku vhodnou prezentací</h2>



<p class="wp-block-paragraph">Ve druhé ukázce se zaměříme na příspěvek na Facebook, který ve feedu zaujme vaše fanoušky.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Grafika na Facebook za 5 minut" width="500" height="281" src="https://www.youtube.com/embed/VzJzrYnLbWE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h3 class="wp-block-heading">Jak na to:</h3>



<ol class="wp-block-list">
<li>V prvé řadě se tedy zaměřme na formát nazvaný <strong>Příspěvek na Facebook</strong>.</li>



<li>Před vámi se zobrazí hned několik šablon, z&nbsp;nichž si můžete vybrat tu, která se nejlépe hodí pro váš záměr. Přepište si v&nbsp;ní text podle svých potřeb a&nbsp;klidně si pohrajte s&nbsp;fontem, velikostí písma, jeho barvou apod. S&nbsp;tím si poradíte pomocí nástrojů na horní liště.</li>



<li>V sekci <strong>Prvky – Ikony</strong> jsme pro ukázku vybrali ikonku květiny, kterou jsme přidali k&nbsp;textu a&nbsp;poupravili kompozici. Pokud kliknete přímo na ikonu, vlevo nahoře se vám zobrazí čtverec s&nbsp;barvami. Pomocí něj můžete měnit barvu ikony. Velikost písma lze zase upravovat po&nbsp;kliknutí na text (v&nbsp;menu písmeno A&nbsp;s&nbsp;barevnou škálou).</li>



<li>Měnit je možné taky obrázek v&nbsp;pozadí. Využijte k&nbsp;tomu buď sekci <strong>Pozadí</strong>, nebo – pokud máte k&nbsp;dispozici vlastní profesionální obrázek či&nbsp;fotografii – sekci <strong>Nahrané obrázky</strong>. I&nbsp;s&nbsp;obrázkem se dají dělat psí kusy, aby vypadaly lépe. My jsme obrázek ve videu překlopili (nástroj Překlopit), protože jsme potřebovali mít jeho hezčí část na levé straně. Lze ho ale upravovat i&nbsp;jinak. Použijte k&nbsp;tomu nástroj Upravit. Ve videu uvidíte, jak obrázek zúžit na požadovaný rozměr pomocí tažení.</li>



<li>A jsme u <strong>barvy pozadí textu</strong>. I&nbsp;tu lze změnit – stačí kliknout na tvar čtverečku a&nbsp;vybrat si ze široké škály barev v&nbsp;nabídce. Měnit můžete<strong> i barvu textu</strong>, aby ladila ke zvolenému obrázku. Tu naši jsme vybírali podle květů stromu. Tímto způsobem si můžete upravit barvy všech textů i&nbsp;dalších prvků dle vlastního uvážení.</li>



<li>Vytvořený obrázek si stáhněte<strong> do počítače</strong>. K&nbsp;uložení jsme použili šipku směřující dolů ve fialové horní liště. Zvolili jsme typ souboru (v&nbsp;tomto případě PNG) a&nbsp;obrázek stáhli.</li>
</ol>



<h2 class="wp-block-heading">Závěr&nbsp;</h2>



<p class="wp-block-paragraph">Ukažte se své cílové skupině v&nbsp;tom nejlepším světle a&nbsp;ujistěte ji, že stojíte za pozornost. Osvěžte obrázky, které vás mají prezentovat, patřičnou dávkou profesionality, aniž byste si museli najímat zkušeného grafika.</p>



<div class="wp-block-stackable-call-to-action stk-block-call-to-action stk-block stk-4d92a68 is-style-default" data-v="2" data-block-id="4d92a68"><style>.stk-4d92a68 {margin-top:20px !important;margin-bottom:20px !important;}.stk-4d92a68-container{background-color:#f4f4f4 !important;}.stk-4d92a68-container:before{background-color:#f4f4f4 !important;}</style><div class="stk-block-call-to-action__content stk-content-align stk-4d92a68-column stk-container stk-4d92a68-container stk-hover-parent"><div class="has-text-align-center stk-block-content stk-inner-blocks stk-4d92a68-inner-blocks">
<div class="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-jrwb68y" id="chcete-se-odlisit-designem" data-block-id="jrwb68y"><h3 class="stk-block-heading__text stk-block-heading--use-theme-margins">Chcete se odlišit designem?</h3></div>



<div class="wp-block-stackable-text stk-block-text stk-block stk-1jiqmvf" data-block-id="1jiqmvf"><p class="stk-block-text__text">Grafika je často to první, co návštěvníky vašeho webu zaujme. Ve Včelišti připravíme grafiku na míru pro váš web, sociální sítě nebo individuální potřeby vašeho projektu.</p></div>



<div class="wp-block-stackable-button-group stk-block-button-group stk-block stk-4c9c49d" data-block-id="4c9c49d"><div class="stk-row stk-inner-blocks stk-block-content stk-button-group">
<div class="wp-block-stackable-button stk-block-button stk-block stk-3stoxvy" data-block-id="3stoxvy"><style>.stk-3stoxvy .stk-button{background:#231d1f !important;}.stk-3stoxvy .stk-button:hover:after{background:#494949 !important;opacity:1 !important;}.stk-3stoxvy .stk-button .stk--inner-svg svg:last-child, .stk-3stoxvy .stk-button .stk--inner-svg svg:last-child :is(g, path, rect, polygon, ellipse){fill:#ffde16 !important;}.stk-3stoxvy .stk-button:hover .stk--inner-svg svg:last-child, .stk-3stoxvy .stk-button:hover .stk--inner-svg svg:last-child :is(g, path, rect, polygon, ellipse){fill:#ffde16 !important;}.stk-3stoxvy .stk-button__inner-text{font-size:19px !important;color:#ffde16 !important;}.stk-3stoxvy .stk-button:hover .stk-button__inner-text{color:#ffde16 !important;}@media screen and (max-width:989px){.stk-3stoxvy .stk-button__inner-text{font-size:19px !important;}}@media screen and (max-width:765px){.stk-3stoxvy .stk-button__inner-text{font-size:16px !important;}}</style><a class="stk-link stk-button" href="https://vceliste.cz/grafika/" rel="noreferrer noopener"><span class="has-text-color stk-button__inner-text">Poptat grafiku</span><span class="stk--svg-wrapper"><div class="stk--inner-svg"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-circle-right" class="svg-inline--fa fa-chevron-circle-right fa-w-16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="32" height="32"><path fill="currentColor" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z"></path></svg></div></span></a></div>
</div></div>
</div></div></div>
<p>Článek <a href="https://vceliste.cz/blog/jak-zvladnout-jednoduchou-grafiku-v-canve/">Jak zvládnout jednoduchou grafiku v&nbsp;Canvě?</a> se nejdříve objevil na <a href="https://vceliste.cz">Včeliště</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://vceliste.cz/blog/jak-zvladnout-jednoduchou-grafiku-v-canve/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Vizualita: Pravidla používání obrázků</title>
		<link>https://vceliste.cz/blog/vizualita-jako-nastroj-komunikace-zakladni-pravidla-pouzivani-obrazku/</link>
					<comments>https://vceliste.cz/blog/vizualita-jako-nastroj-komunikace-zakladni-pravidla-pouzivani-obrazku/#comments</comments>
		
		<dc:creator><![CDATA[Josef Řezníček]]></dc:creator>
		<pubDate>Mon, 03 Apr 2017 13:10:58 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[úprava obrázků]]></category>
		<category><![CDATA[zdroje obrázků]]></category>
		<category><![CDATA[obrázky]]></category>
		<category><![CDATA[obrázky na blog]]></category>
		<guid isPermaLink="false">https://vceliste.cz/?p=17009</guid>

					<description><![CDATA[<img width="680" height="250" src="https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2.png" class="webfeedsFeaturedVisual wp-post-image" alt="Stoh černobílých fotografií s textem o vizualitě jako nástroji komunikace." style="display: block; margin-bottom: 5px; clear:both;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2.png 680w, https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2-300x110.png 300w" sizes="auto, (max-width: 680px) 100vw, 680px" /><p>Kvalitní a&#160;poutavé obrázky jsou důležitou součástí každého typu článku. Při&#160;jejich používání máme v&#160;zásadě [&#8230;]</p>
<p>Článek <a href="https://vceliste.cz/blog/vizualita-jako-nastroj-komunikace-zakladni-pravidla-pouzivani-obrazku/">Vizualita: Pravidla používání obrázků</a> se nejdříve objevil na <a href="https://vceliste.cz">Včeliště</a>.</p>
]]></description>
										<content:encoded><![CDATA[<img width="680" height="250" src="https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2.png" class="webfeedsFeaturedVisual wp-post-image" alt="Stoh černobílých fotografií s textem o vizualitě jako nástroji komunikace." style="display: block; margin-bottom: 5px; clear:both;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2.png 680w, https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2-300x110.png 300w" sizes="auto, (max-width: 680px) 100vw, 680px" />
<p class="wp-block-paragraph">Kvalitní a&nbsp;poutavé obrázky jsou důležitou součástí každého typu článku. Při&nbsp;jejich používání máme v&nbsp;zásadě dvě možnosti: buď si obrázek stáhneme a&nbsp;případně jen lehce upravíme, nebo si jej vytvoříme na míru. Dobře zvolené obrázky mohou k&nbsp;vašim příspěvkům přitáhnout více pozornosti, což platí nejen u&nbsp;webů a&nbsp;blogů, ale také třeba sociálních sítí. V&nbsp;dnešním článku se podíváme na základní postup, jak obrázky k&nbsp;článkům&nbsp;<strong>vybírat a&nbsp;upravovat</strong>.</p>



<h2 class="wp-block-heading"><strong>Proč obrázky u&nbsp;článků vůbec používat?</strong></h2>



<p class="wp-block-paragraph">Podle serveru brainrules.com si lidé pamatují po&nbsp;3 dnech ještě&nbsp;<strong>65&nbsp;% z&nbsp;toho, co viděli</strong>. Z&nbsp;informací získaných sluchem si ale po&nbsp;uplynutí stejné doby pamatujeme jen 10&nbsp;%. Je tedy jasné, že zrak je u&nbsp;člověka dominantním smyslem, spojeným navíc s&nbsp;pamětí. Obrázky na svůj web nedávejte jen proto, abyste vyplnili prázdná místa v&nbsp;textu. Články s&nbsp;obrázky jsou častěji sdíleny a&nbsp;obecně působí na čtenáře atraktivněji. Například blog bufferapp.com udává, že tweety s&nbsp;obrázky získávají až o&nbsp;<strong>150&nbsp;% více retweetů</strong>&nbsp;než ty bez obrázků.</p>



<h2 class="wp-block-heading"><strong>Jaké zdroje obrázků můžete využívat?</strong></h2>



<p class="wp-block-paragraph">Zdroje obrázků můžeme v&nbsp;zásadě rozdělit na dvě skupiny –&nbsp;<strong>placené a&nbsp;neplacené</strong>. Případně bychom mohli přidat ještě kategorii třetí, totiž vlastní tvorbu. Výhodou neplacených obrázků je samozřejmě šetření nákladů, nevýhodou pak často nižší kvalita a&nbsp;menší výběr.</p>



<p class="wp-block-paragraph">Občas se ale může stát, že na volně přístupných databázích najdete obrázek, který vyhovuje i&nbsp;bez úprav. Obrázky z&nbsp;fotobank doporučujeme používat pro ilustraci u&nbsp;<strong>méně důležitých</strong>&nbsp;článků a&nbsp;příspěvků. Nevýhodou obrázků zdarma také může být, že vaše konkurence použije identické obrázky a&nbsp;váš web pak nepůsobí tak atraktivně a&nbsp;profesionálně, jak by mohl.</p>



<h3 class="wp-block-heading"><strong>K osvědčeným zdrojům obrázků zdarma patří:</strong></h3>



<ul class="wp-block-list">
<li><a href="https://pixabay.com/"><strong>Pixabay</strong> </a>– v prvním řádku výsledků vyhledávání najdete obrázky placené, ostatní jsou zdarma.</li>



<li><a href="http://www.everystockphoto.com/"><strong>Everystockphoto</strong> </a>– agregátor fotografií, ve kterém doporučujeme co nejpřesněji definovat podmínky vyhledávání.</li>



<li><a href="http://www.freeimages.com/"><strong>Freeimages</strong> </a>– pro stahování obrázků se nejprve registrujte.</li>
</ul>



<p class="wp-block-paragraph">Placených zdrojů fotografií je velké množství, výhodou je většinou větší výběr a&nbsp;kvalita (nemusí být ale vždy), takže si můžete najít fotku přesně pro daný článek.</p>



<h3 class="wp-block-heading"><strong>Jaké jsou základní programy pro úpravu obrázků?</strong></h3>



<p class="wp-block-paragraph">Pokud máme vybraný základní obrázek, můžeme přistoupit k&nbsp;jeho úpravě. Existují jednodušší a&nbsp;složitější editory. Mezi ty&nbsp;<strong>jednodušší</strong>&nbsp;patří následující:</p>



<ul class="wp-block-list">
<li><a href="https://www.canva.com/"><strong>Canva</strong></a></li>



<li><a href="https://evernote.com/skitch/"><strong>Skitch</strong></a></li>



<li><a href="https://placeit.net/"><strong>placeIT</strong></a></li>



<li><a href="http://www.ribbet.com/"><strong>ribbet</strong></a></li>



<li><a href="https://pixlr.com/"><strong>pixlr</strong></a></li>



<li>Polarr</li>



<li><a href="http://www.sumopaint.com/home/">SumoPaint</a></li>



<li>PicMonkey</li>



<li><a href="http://www.fotor.com/">Fotor</a></li>



<li>K vytváření diagramů je vhodný&nbsp;<a href="https://www.draw.io/">Draw</a></li>



<li>Ke snímání obrazovky můžete použít například&nbsp;<strong><a href="https://jing.en.softonic.com/">Jing</a></strong></li>
</ul>



<p class="wp-block-paragraph">Se zmíněnými aplikacemi vystačíme při&nbsp;základních úpravách obrázků ke článkům a&nbsp;příspěvkům. Pokud chcete vytvářet složitější grafiku, můžete sáhnout po&nbsp;<strong>pokročilejším softwaru.</strong></p>



<h3 class="wp-block-heading"><strong>Zdarma můžete použít</strong>:</h3>



<ul class="wp-block-list">
<li><a href="https://www.gimp.org/">GIMP</a></li>
</ul>



<h3 class="wp-block-heading"><strong>K placeným programům patří</strong>:</h3>



<ul class="wp-block-list">
<li><a href="http://www.adobe.com/cz/products/photoshop.html">Photoshop</a></li>



<li><a href="http://www.adobe.com/cz/products/illustrator.html">Illustrator</a></li>



<li><a href="http://www.coreldraw.com/cz/">CorelDraw</a></li>
</ul>



<div class="wp-block-stackable-columns stk-block-columns stk-block stk-28ee2ac stk-block-background article-cta-yellow-wrapper article-cta-wrapper stk--has-background-overlay" data-block-id="28ee2ac"><style>.stk-28ee2ac {background-color:#ffde16 !important;background-image:url(https://vceliste.cz/wp-content/uploads/2025/02/white-hexagon-outline.svg) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:85% !important;padding-top:48px !important;padding-right:20px !important;padding-bottom:48px !important;padding-left:20px !important;}.stk-28ee2ac:before{background-color:#ffde16 !important;opacity:0 !important;}@media screen and (max-width:989px){.stk-28ee2ac {background-position:center center !important;background-repeat:no-repeat !important;background-size:798px !important;}}@media screen and (max-width:765px){.stk-28ee2ac {background-position:center center !important;background-repeat:no-repeat !important;background-size:custom !important;}}</style><div class="stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-28ee2ac-column">
<div class="wp-block-stackable-column stk-block-column stk-column stk-block stk-97b371e article-cta-content-wrapper" data-v="4" data-block-id="97b371e"><style>.stk-97b371e-container{max-width:500px !important;min-width:auto !important;}</style><div class="stk-column-wrapper stk-block-column__content stk-container stk-97b371e-container stk--no-background stk--no-padding"><div class="has-text-align-center stk-block-content stk-inner-blocks stk-97b371e-inner-blocks">
<div class="wp-block-stackable-text stk-block-text stk-block stk-o6ue7k9 article-cta-nadpis article-cta-yellow-nadpis" data-block-id="o6ue7k9"><style>.stk-o6ue7k9 {margin-bottom:15px !important;}.stk-o6ue7k9 .stk-block-text__text{font-size:24px !important;color:#000000 !important;font-weight:800 !important;font-family:"Poppins", Sans-serif !important;}@media screen and (max-width:989px){.stk-o6ue7k9 .stk-block-text__text{font-size:24px !important;}}</style><p class="stk-block-text__text has-text-color">Chcete vyzrát na grafiku?</p></div>



<div class="wp-block-stackable-text stk-block-text stk-block stk-q5r29jc article-cta-text article-cta-yellow-text" data-block-id="q5r29jc"><style>.stk-q5r29jc .stk-block-text__text{font-size:16px !important;color:#000000 !important;font-weight:600 !important;}@media screen and (max-width:989px){.stk-q5r29jc .stk-block-text__text{font-size:16px !important;}}</style><p class="stk-block-text__text has-text-color">Pravidelné vytváření krásného a bohatého grafického obsahu není snadnou věcí. Ne každý má na takovou práci čas a prostředky. Naštěstí existuje snadná pomoc – rádi se o vaše grafiky postarámy my.</p></div>



<div class="wp-block-stackable-button-group stk-block-button-group stk-block stk-659a1a9 article-cta-btn-group article-cta-yellow-btn-group" data-block-id="659a1a9"><div class="stk-row stk-inner-blocks stk-block-content stk-button-group">
<div class="wp-block-stackable-button stk-block-button article-cta-btn article-cta-yellow-btn stk-block stk-o4wfs7c" data-block-id="o4wfs7c"><style>.stk-o4wfs7c .stk-button{padding-top:14px !important;padding-right:30px !important;padding-bottom:14px !important;padding-left:30px !important;background:#f8f8f8 !important;border-top-left-radius:5px !important;border-top-right-radius:5px !important;border-bottom-right-radius:5px !important;border-bottom-left-radius:5px !important;}.stk-o4wfs7c .stk-button:hover:after{background:#000000 !important;opacity:1 !important;}.stk-o4wfs7c .stk-button:before{box-shadow:0px 4px 20px 0px #0000001a !important;border-style:solid !important;border-color:#d9d9d9 !important;border-top-width:1px !important;border-right-width:1px !important;border-bottom-width:1px !important;border-left-width:1px !important;}.stk-o4wfs7c .stk-button:hover:before{border-color:#000000 !important;}.stk-o4wfs7c .stk-button__inner-text{font-size:16px !important;color:#000000 !important;font-weight:600 !important;font-family:"Poppins", Sans-serif !important;}.stk-o4wfs7c .stk-button:hover .stk-button__inner-text{color:#ffde16 !important;}@media screen and (max-width:989px){.stk-o4wfs7c .stk-button__inner-text{font-size:16px !important;}}</style><a class="stk-link stk-button" href="/grafika/"><span class="has-text-color stk-button__inner-text">Mám zájem</span></a></div>
</div></div>
</div></div></div>
</div></div>



<h2 class="wp-block-heading">J<strong>aké typy a formáty obrázků můžeme použít?</strong></h2>



<p class="wp-block-paragraph">K nejoblíbenějším typům formátu patří&nbsp;<strong>JPG</strong>&nbsp;a&nbsp;<strong>PNG.</strong>&nbsp;Doporučujeme vyzkoušet oba a&nbsp;porovnat kvalitu v&nbsp;poměru k&nbsp;velikosti. Obecně by doprovodné obrázky neměly svou velikostí přesahovat 100 kB.</p>



<p class="wp-block-paragraph">Existují různé typy obrázků, každý je vhodný pro trochu jiný účel a&nbsp;měl by splňovat určitá kritéria:</p>



<ul class="wp-block-list">
<li><strong>Úvodní</strong> – obrázek, který by měl čtenáře především nalákat ke kliknutí na článek. Měl by být atraktivní, klidně i vtipný (pokud nepíšeme například o vážném či citlivém tématu), určitě v dobré kvalitě a v ideálním případě také shrnovat základní myšlenku článku.</li>



<li><strong>Ilustrační obrázek</strong> – jednoduchý obrázek, který klidně můžeme vzít z neplacené fotobanky. Slouží k doprovodu textu, nemusí být v té nejlepší kvalitě, i když je dobré dodržet určitý standard.</li>



<li><strong>Vysvětlující obrázek</strong> – tímto typem obrázku názorně vysvětlujeme určitou myšlenku, kterou chceme v článku přinést. Může jít o diagram (viz výše), infografiku, obrázkový návod a podobně.</li>



<li><strong>Obrázky obrazovky</strong> – screenshoty používáme především tam, kde chceme čtenářům ukázat, jak mohou něco udělat na svém počítači (použití nějakého prvku v určitém softwaru, nastavení operačního systému...).<strong><a href="https://vceliste.cz/wp-content/uploads/2017/03/screen-e1491228509540.png"></a></strong></li>
</ul>



<h2 class="wp-block-heading"><strong>Postup tvorby obrázku</strong></h2>



<ol class="wp-block-list">
<li>Stanovte si <strong>účel a cíl </strong>obrázku. Bude prodávat, nebo informovat? Má být odborný, nebo zábavný?</li>



<li>Určete si cílové <strong>publikum</strong>.</li>



<li>Přemýšlejte nad tím, jak obrázek zaujme cílové publikum a jakým způsobem přispěje ke <strong>splnění stanoveného cíle</strong>.</li>



<li>Zamyslete se nad <strong>formátem</strong> a <strong>místem</strong>, kde bude obrázek umístěn. Půjde o prodejní banner na Facebook, nebo pouze o ilustrační obrázek ke článku? Budete používat obrázek například do newsletteru? Výběr obrázku by tomu měl odpovídat.</li>



<li>Projděte si <strong>stránky konkurence</strong> a inspirujte se. Určitě si všimnete věcí, které by šly ještě dotáhnout, vylepšit. Zkuste vždy nabídnout alespoň o trochu více.</li>



<li>Projděte si materiál nebo web, pro který je obrázek vytvářen. Zkuste dodržet <strong>jednotnou grafickou linii</strong>, vaše práce bude působit profesionálněji.</li>



<li>Rozvrhněte si koncept, případně také <strong>drátěný model</strong> (pokud obsah vytváříte pro klienta, nechte si ho schválit).</li>



<li>Pokud můžete, nechte si <strong>čas na zhodnocení</strong> obrázků a znova se na ně podívejte s „čistou hlavou“ a odstupem.</li>



<li>Obrázek <strong>konzultujte</strong> s klientem, dolaďte poslední detaily a publikujte.</li>
</ol>



<p class="wp-block-paragraph">Pokud obrázek budete používat pro více materiálů, vytvořte si&nbsp;<strong>šablonu</strong>, kterou budete postupně upravovat.</p>
<p>Článek <a href="https://vceliste.cz/blog/vizualita-jako-nastroj-komunikace-zakladni-pravidla-pouzivani-obrazku/">Vizualita: Pravidla používání obrázků</a> se nejdříve objevil na <a href="https://vceliste.cz">Včeliště</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://vceliste.cz/blog/vizualita-jako-nastroj-komunikace-zakladni-pravidla-pouzivani-obrazku/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
	</channel>
</rss>
